/*
================================
Skin styles for DotNetNuke
================================
*/

/* Default.css overrides */

.ControlPanel, .PagingTable{background-color: #333; border: #A5B0B5 1px dotted; _border-width:2px; color: #5ea7b7; margin-bottom: 5px;}
.SkinObject, A.SkinObject:link ,A.SkinObject:visited,A.SkinObject:hover,A.SkinObject:active,.SubHead,A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link,A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited,A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active,A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link,A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited,A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:hover,A.CommandButton:active,h3,h4,h5,dt,h6,tfoot,thead,th,a:link,a:visited,a:active {	color: #5ea7b7; }


html, body { padding:0; margin:0; height:102%; }
#tqMainNavigation ul, #tqMainNavigation li { list-style-type:none; }
body { font-family:Tahoma; color:#ccccee; position:relative; display:block; }
.clear { clear:both; height:0px; }

input, select { border:1px solid #333; margin:4px 0px; padding:2px;  }

.mceEditor  { margin:4px 0px; padding:2px;  }

p#date {margin:0pt 16px 0pt 0pt;}

.clear {position:relative; display:block; clear:both; }
.hidden { display:none; visibility:hidden; } 

.fleft { float: left; }
.fright { float: right; }

a.static_thumb img, img.static_thumb { display: block; width: 88px; height: 66px; margin: 0 5px 5px 0px; border: none; }

/* main skin */

/* Popups */
.popup_oneliner{ background:url(images/bg_popup_oneliner.png); opacity:0; filter:alpha(opacity=0); z-index:800;  }
.popup_oneliner span {margin-top:40px; position:relative; display:block;}

.popup-wrapper { width: 100%; height: 100%; position: absolute; display: block; top: 0px; left: 0px; z-index: 1000;}
.popup { position: absolute; width: 400px; top: 100px; left: 231px; background-color: #1c4a5a; border: 1px dotted #A5B0B5; _border-width:2px; padding: 10px 25px; }
.popup div { position: relative; display: block; font-size: 12px; font-family: Georgia, Serif; color: #fff; padding: 3px 0; text-align: center; }
.popup a { position: relative; margin: 20px 10px 0px 10px; cursor: pointer; font-weight: bold; text-transform: uppercase; font-size: 11px; font-family: tahoma, sans-serif; }
.popup a:hover { color: #5ca8b6; text-decoration: none; }

/* Loading Bar */
.loadingCanevas, .loadingCanevasBackground { height:100%; width:100%; position:absolute; display:block; top:0px; left:0px; z-index:800; }
.loadingCanevasBackground { background:#000; opacity:0; filter:alpha(opacity=0); }
.loadingBar { position:absolute; display:block; width:253px; height:31px; background:#ff00ff; background: url(images/loading_bar.jpg); }
.loadingProgress { position:relative; display:block; top:6px; left:5px; width:0px; height:19px; background:#ff0000; background: url(images/loading_progressbar.jpg);}


/* Quete skin */
#quete-window-wrapper, #quete-window-bg { height:100%; width:100%; position:absolute; display:none; top:0px; left:0px; z-index:400; }
#quete-window-bg { background:#071F29; opacity:0.75; filter:alpha(opacity=75); }

.quete-box { z-index: 5; position: relative; top: 0px; left: 0px; display:block; float:left; overflow:hidden; width:74px; height: 17px; margin: 11px 130px 0px 0px; opacity: 0; filter: alpha(opacity=0); border:1px dotted #a5b0b5; _border-width:2px; cursor: pointer; }
.quete-box h4 { font-family: tahoma, verdana, sans-serif; color: #5ca8b6; font-size: 11px; position: absolute; left: 1px; top: 0px; font-weight: bold; margin:1px 0px 0px 5px; }
.quete-box .quete-info { position: absolute; left: 28px; top: -15px; font-family: Georgia; color: #295967; font-size: 36px; letter-spacing: -2px; }
.quete-box a { position: absolute; left: 48px; top: 1px;  display: block; float: left; width: 12px; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 14px; }
#quete-box-mask { width: 74px; height: 17px; position: absolute; top: 0; left: 0; background: transparent; }
#top .rollhover { background: #fff !important; }
#top .rollhover h4 { color: #08202c; }
#top .rollhover .quete-info { color: #bfdce2; }
#top .rollhover a { color: #08202c; }
/* .quete-box .quete-info { z-index: 6; float:left; font-family: Georgia; color:#5EA7B7; opacity:0.4; filter:alpha(opacity=40); width: 20px; position:relative; font-size: 36px; letter-spacing:-2px; padding-right:2px; margin: -15px -5px; }
.quete-box a { z-index: 7; position: relative; display:block; float:left; width: 12px; font-size:12px; font-weight:bold; margin: 0px 0px 0px 14px; }
.quete-box a:hover { color:#071F29; } */

#quete-window-bg .quete-window { border: 1px dotted #abbcc2; _border-width:2px; background: #98c4d3; }
.quete-window { border: 1px dotted #abbcc2; _border-width: 2px; background: #052532; width: 686px; height: auto; }
.quete-window .head, .quete-window .quete-control { color: #fff; }
.quete-window .head { border-bottom: 1px dotted #fff; _border-width:2px; background: transparent url('images/quete_head.jpg') repeat scroll 0%; width:686px; height:29px; line-height: 29px; color:#fff; overflow: hidden; }
.quete-window .head h3 { float:left; font-size: 18px; padding: 0px; margin: 2px 0px 0px 7px; font-family: tahoma, verdana, sans-serif; line-height: 26px; color: #fff; }
.quete-window .head .quete-name { font-weight: bold; position: relative; display: block; float: left; font-size: 18px; font-family: Tahoma, verdana, sans-serif; margin: 1px 0px 0px 10px; }
.quete-window .head .quete-number { position: relative; display: block; float: left; font-family: Georgia; font-size: 24px; margin: -1px 5px 0px 35px;}
.quete-window .head a:hover { text-decoration: none; color: #5ca8b6; }
.quete-window .head .close, .quete-window .head .minimize { position: relative; top: 6px; display: block; height: 16px; line-height: 16px; font-size: 10px; float: right; color:#fff; font-family: Tahoma; font-weight: bold; padding: 0 30px 0 13px; }
.quete-window .head .minimize { margin: 0px 0px 0px 5px; color: #fff; background: url('images/mini_quete.gif') 65px -15px no-repeat; }
.quete-window .head .close { color: #fff; background: url('images/close_quete.gif') 55px -16px no-repeat; }
.quete-window .head .minimize:hover { background-position: 65px 1px; }
.quete-window .head .close:hover { background-position: 55px top; }

.quete-window .intro { clear: both; background: #98c4d3; color: #062533; padding: 15px 15px 10px 15px; margin: 0; }
.quete-window .intro h3, h4, p { padding: 0; margin: 0; }
.quete-window .intro p, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #062533; }
.quete-window .intro h3 { margin-bottom: 15px; }
.quete-window .intro p { margin: 0 0 15px 0; }
.quete-controls { border-top: 1px dotted #fff; _border-width:2px; text-align: right; background: transparent url('images/quete_foot.jpg') repeat scroll 0%; width: 686px; height:24px; padding-top:5px; overflow: hidden; }
.quete-controls a { font-family: tahoma; color: #fff; font-size: 10px; line-height: 20px; height: 18px; font-weight: bold; }
.quete-controls a:hover { color: #5ca8b6 !important; color: #5ca8b6; text-decoration: none; }
.quete-controls a.back { color: #fff; background: url('images/prevFleches.gif') 6px -12px no-repeat; text-align: left; text-indent: 20px; display: block; float: left; width: 130px; margin-right: 110px;  }
.quete-controls a.back:hover { background-position: 7px 3px; }
.quete-controls a.quit { color: #fff; background: url('images/close_quete.gif') 10px -14px no-repeat; text-align: left; text-indent: 30px; display: block; float: left; width: 150px; margin-right: 130px; }
.quete-controls a.quit:hover { background-position: 10px 2px; }
.quete-controls a.startQuete { color: #fff; display: block; float: left; background: url('images/start-quete.gif') left -21px no-repeat; color: #062331; font-size: 11px; width: 150px; }
.quete-controls a.startQuete span { display: block; text-align: center; width: 124px; cursor: pointer;  }
.quete-controls a.startQuete:hover { text-decoration: none; background-position: left top; }
.quete-controls a.submitForm { color: #fff; display: block; float: left; background: url('images/sendResponse.gif') left -21px no-repeat; color: #062331; font-size: 11px; width: 160px; }
.quete-controls a.submitForm span { display: block; text-align: center; width: 124px; cursor: pointer;  }
.quete-controls a.submitForm:hover { text-decoration: none; background-position: left top; }

.quete-controls a.goToQuest { color: #fff; display: block; float: left; background: url('images/mini_quete.gif') 85px -13px no-repeat; padding: 0 30px 0 0; }
.quete-controls a.goToQuest:hover { background-position: 85px 3px; }
.quete-controls a.viewone, .quete-controls a.submit { color: #fff; display: block; float: right; margin-right: 20px; padding: 0 20px 0 0; }
.quete-controls a.viewone:hover { }
.quete-controls a.topFleche { background: url('images/topFleches.gif') right -11px no-repeat; }
.quete-controls a.topFleche:hover { background-position: right 6px; }
.quete-controls a.bottomFleche { background: url('images/bottomFleches.gif') right -11px no-repeat; }
.quete-controls a.bottomFleche:hover { background-position: right 6px; }
.quete-controls a.submit { background: url('images/whatBg.gif') right -22px no-repeat; }
.quete-controls a.submit:hover{ background-position: right 4px; }
.quete-controls a.rules { display: block; float: right; margin-right: 10px; padding: 0 20px 0 0; height: 20px; background: url('images/whatBg.gif') right -24px no-repeat; }
.quete-controls a.rules:hover { background-position: right 2px; }

.quete-window .content { clear:left; height: auto; background: #98c4d3; font-family: Georgia, "Times New Roman", Times, serif; color: #062533; }
.quete-window table { width: 100%; width: 685px; border: none; }
.quete-window table tr td { margin: 2px; padding: 2px; background: #99C7D6; border-bottom: 1px dotted #fff; _border-width: 2px;  }
.quete-window table .light td { background: #b9d6dc; }
.quete-window table tr.last td { border: none; } 
.quete-window .content p, .quete-window .content span, .quete-window .content tr div { position: relative; display: block; float: left; }
.quete-window .content p { width: 120px; margin: 10px; font-size: 14px; color: #062533; font-family: Georgia; font-weight: bold; }
.quete-window .content span	{ width: 350px; margin: 12px 20px 12px 0; font-size: 11px; font-family: Tahoma; color: #062533; }
.quete-window .content tr div { margin: 8px 0px; width: 150px; clear: right; }
.quete-window .content input { width: 150px; margin: 0px; }
.quete-window .content .answer { color: #fff; margin: 0px; font-weight: bold; font-size: 11px; }
.quete-window .content .quete-single-nav { background: #99C7D6; position: relative; top: 0; left: 0; height: 5px; }
.quete-window .content .quete-single-nav a { width: 80px; height: 18px; line-height: 18px; color: #fff; display: block; position: absolute; font-family: tahoma; font-size: 10px; font-weight: bold; }
.quete-window .content .quete-single-nav a:hover {  color: #5ca8b6; text-decoration: none; }
.quete-window .content .quete-single-nav a.prev { top: 5px; text-align: right; background: url('images/prevFleches.gif') 6px -13px no-repeat; }
.quete-window .content .quete-single-nav a.prev:hover { background-position: 6px 3px; } 
.quete-window .content .quete-single-nav a.next { width: 60px; left: 617px; top: 5px; background: url('images/nextFleches.gif') right -13px no-repeat; }
.quete-window .content .quete-single-nav a.next:hover { background-position: right 3px; } 

.content-selector { border: none; display: block; clear: left; padding: 2px 100px 0 120px; height: 20px; background:#99C7D6; clear: both; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #fff;  }
.content-selector span { font-size: 18px; margin: 0 10px; padding: 2px 0; color: #5EA7B7; cursor: pointer; position: relative; top: -5px; color: #fff; }
.content-selector span.hover { color: #174555; }
.content-selector span.selected { font-weight: bold; color: #174555; }

.quete-window .information-form { position: relative; top: 0; left: 0; padding: 0; margin: 0; background: #98c4d3; }
.quete-window .information-form .form { padding: 70px 0 30px 0; margin: 0; height: 200px; }
.quete-window .information-form form { padding: 0; margin: 0; }
.quete-window .information-form form fieldset { border: none; padding: 0; margin: 0; padding-left: 140px; }

.quete-window .information-form label, .quete-window .information-form input { position: relative; display: block; float: left; margin: 5px 0px; }
.quete-window .information-form label { font-family: tahoma, sans-serif; font-size: 11px; font-weight: bold; clear:left; width: 100px; color: #062533; }
.quete-window .information-form input { width: 250px; margin-left: 0; margin-right: 0; }
.quete-window .information-form .form-explain { margin: 10px; line-height: 17px; padding: 10px; position: absolute; top: 0; left: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; color: #062533; }
.quete-window .information-form .form-explain p { margin: 0; }
/*
.content-selector span { font-family:Georgia; font-size:18px; color:#5EA7B7; cursor:pointer; }
.quete-controls { text-align:right; background:transparent url(images/quete_foot.jpg) repeat scroll 0%; width:686px; height:24px; padding-top:5px; }
.quete-controls a { font-size:12px; margin:10px; cursor: pointer; }
*/

.smartad-header { background: #000; text-align: center; }
.tq-header { background:#666 url(images/bg_tq_head.gif) repeat-x; height:99px; width:100%; }
.tq-header-content {width:970px; margin:0 auto;}


.top-band { background:#666 url(images/bg_bande.jpg) repeat-x; height:16px; width:100%; border-top:1px solid #000; border-bottom:1px solid #000;  }
.top-band-content {width:965px; margin:0 auto 1px; height:16px;position: relative; }
.top-band-logo { position:relative; display:block; float:left; height:16px; width:106px; background:url(images/logo_bande.jpg) no-repeat scroll 0 0; }
.top-band-logo h1 { font-size:3px; }
#top-logo {
	display: block;
	width: 239px; height: 30px;
	margin: 0; padding: 0;
	background: url('images/v2/top-logo.gif') no-repeat;
	overflow: hidden; text-indent: -10000px;
	position: absolute; top: 16px; left: 363px;
}
.top-band-content p { position:relative; display:block; float:right; font-family:Tahoma; font-size:10px; line-height:12px; color:#e8eff3; padding:1px 0px 0px; margin:0 5px 0 0; }

a.filtered { background:#88cad8; color:#012a41; padding:0px 2px; }
a.filtered:hover { background:#012a41; color:#FFF; }

#body { width:963px; margin:0 auto; position:relative; display:block; padding-bottom:30px;  }
#top { position:relative; display:block; height:43px; padding:5px 0px 2px; /*z-index: 10;*/ }
#middle {position:relative; display:block; padding-top: 65px; }
#bottom { position:relative; display:block; height:21px; background:url(images/bg_bottom.jpg); border:1px dotted #a5b0b5; _border-width:2px; width:961px;  }
#bottom a:hover { text-decoration: none; color:#FFF; }

.site-title { position:absolute; display:block; top:1px; left:11px;  height:85px; width:95px;  margin-right:109px; }
.site-title span.logo { position:absolute; display:inline; top:0px; left:0px; z-index:2; height:85px; width:95px; background:transparent url(images/logo_transparent.png) no-repeat; }
.site-title h1 { position:absolute; display:inline; top:0px; left:0px; z-index:1; font-size:8px; display:none; }

.search-panel { padding-bottom: 1px; }
.search-box { 
	position:relative; 
	display:block; float: right; 
	height: 31px; width: 284px; 
	margin-right: 36px;
	text-align:left; 
}
.search-box #une-idee { 
	position: relative;
	display: block; float: left;
	width: 41px; height: 31px;
	border-right: 1px solid #000;
	background:url(images/v2/icone_une_idee.jpg) no-repeat;
}
.search-box #search-submit { 
	display: block; float: left;
	width: 10px; height: 20px;
	background:url(images/v2/icone_recherche.gif) no-repeat; 
	cursor: pointer;
} 
.search-box #une-idee.selected {background:url(images/v2/icone_une_idee_over.jpg) no-repeat; } 

.search-box .input-wrapper { 
	position: relative; float: left;
	width: 227px; height: 23px; 
	padding: 4px 0 4px 15px;
	background: url('images/v2/input-wrapper-bg.jpg');
}

.search-box #search-field {  
	position: relative; 
	display:block; float: left;
	border: 1px solid #000;
	height: 15px; width: 185px; 
	font-size: 11px; 
	padding: 3px 4px 1px; margin: 0 9px 0 0;
}

/*
.search-filter { border:1px solid #000; position:relative; display:block; float:left; margin-top:10px; height:19px; width:184px; margin-left:10px; font-size:11px; background:url(images/bg_filter_top.jpg) }
.search-filter a { display:block; float:left; width:91px; line-height:19px; text-align:center;  font-weight:bold; cursor:default; }
.search-filter a.selected { text-decoration:none; color:#5ea7b7; background:url(images/bg_bouton_menu.jpg); cursor:pointer; }
.search-filter a:hover { text-decoration:none; }
.search-filter #filter_film { border-right:1px solid #000; }
*/

.search-filter {
	float: left; position: relative;
	width: 180px; height: 31px;
	margin-left: 35px;
}
.search-filter #filter_film {
	display: block; float: left;
	width: 78px; height: 31px;
	margin-right: 1px;
	background: url('images/v2/filters-films.gif') 0 0;
	overflow: hidden; text-indent: -10000px;
}
.search-filter #filter_film:hover,
.search-filter #filter_artisan:hover { background-position: 0 -31px; }
.search-filter #filter_film.selected,
.search-filter #filter_artisan.selected { background-position: 0 -62px; }

.search-filter #filter_artisan {
	display: block;
	width: 101px; height: 31px;
	background: url('images/v2/filters-artisans.gif') 0 0;
	overflow: hidden; text-indent: -10000px;
}


.main-menu { position:relative; display:block; float:right; text-align:right; width:297px; margin-top:6px; }
.main-menu a, .accueil-menu a.first { border-left:1px dotted #a5b0b5; _border-width:2px; }
.accueil-menu { position:relative; display:block; margin-top:13px; float:left; text-align:left; width:75px; }
.accueil-menu a, .main-menu a.last { border-right:1px dotted #a5b0b5; _border-width:2px; }
.main-menu a, .accueil-menu a { font-size:11px; color:#5ea7b7; margin:0px; font-weight:bold; }
.main-menu a, .accueil-menu a{ position:relative;display:block; float:left; width:73px; _width:71px; text-align:center; }
 /* .accueil-menu a { padding:0px 13px; } */
.main-menu a:hover, .accueil-menu a:hover { color:#ffffff; text-decoration:none; }

.theme-menu-wrapper { position:relative; display:block; overflow:hidden; clear:both; height:62px; width:963px; }
.theme-menu { position:relative; display:block; height:60px; border:1px dotted #a5b0b5; _border-width:2px; background:url(images/bg_themes.jpg); width:962px; z-index:1; }
.theme-menu .theme-element { position:relative; display:block; float:left; width:73px; _width:72px; height:60px;  border-right:1px dotted #a5b0b5; _border-width:2px; cursor:pointer; z-index:1; }
.theme-menu .theme-element-disabled { opacity:0.5; filter:alpha(opacity=50); background-color:#000; } 
.theme-menu .theme-last {border-right:none; }

.theme-menu a:hover {text-decoration:none; }
.theme-menu .theme-element .theme-number { position:absolute; display:block; top:-10px; left:0px; width:100%; text-align:center; font-family:Georgia; font-size:60px; color:#45849b; filter:alpha(opacity=20); opacity:0.2; z-index:3; cursor: pointer; }
.theme-name { position:relative; display:block; color:#fff; font-weight:bold; font-size:10px; text-align:center; width:100%; z-index:5; } 

.theme-menu .theme-pointer { position:absolute; display:block; top:0px; left:-75px; width:74px; height:75px; background:url(images/bg_bouton_menu_actif.jpg) no-repeat; z-index:1;  }

.date-tooltip { height:28px; width:135px; padding-left:25px; padding-top:3px; color:#012a41; background:url(images/tooltip_2ligne.gif); font-size:9px; font-weight:bold; font-family:Tahoma; line-height:13px; overflow:hidden; }

#navbar { width:961px; height:20px; position:relative; display:block; overflow:hidden; opacity:0; filter:alpha(opacity=0);  }
#navbar span, #navbar .visited { position:relative; display:block; float:left; }
#navbar h4 { float:left; width:145px; margin:5px 0px 0px; font-size:9px; font-family:Tahoma; font-weight:bold; color:#5EA7B7; }
#navbar span { width:20px; }
#navbar .visited { width:790px; height:10px; overflow:hidden; margin:3px 0px 5px 0px; }
#navbar .visited { color:#ffffff; font-size:9px; padding:0px 0px 4px;  }
#navbar a span { display:inline; position:relative; width:auto; float:none; }
#navbar a { color:#ffffff; font-size:9px; padding:2px; display:inline-block; }
#navbar a { text-decoration:none; }
#navbar a:hover span { text-decoration:underline; }
#bottom a { border-right:1px dotted #a5b0b5; _border-width:2px; font-family:Tahoma; font-size:10px; font-weight:bold;  padding:4px 13px;position:relative; display:block; float:left; color:#5ea7b7;  }
#bottom a:hover {   }
#bottom #copyright { position:absolute; display:block; top:0px; left:751px; }
#bottom #copyright span.text { position:absolute; display:block; top:0px; left:0px; height:21px; width:208px; z-index:1; font-size:2px; }
#bottom #copyright span.image { position:absolute; display:block; top:0px; left:0px; height:21px; width:208px;  z-index:3; background:url(images/cq_copyrights.jpg) no-repeat top left; }

.loginbuttons { text-align:right; width:100%;  }
.loginbuttons a.SkinObject { color:#5ea7b7; }

/* Current theme pane */
/*.current-theme { clear:both; text-align:left; position:relative; height:250px; width:961px; background:url(images/bg_accueil.jpg); margin:0px 0px 20px; padding: 10px 0px; border:1px dotted #a5b0b5; _border-width:2px; overflow: hidden;}*/
/*.current-theme .current-theme-left { float: left; position:relative; height:250px; width:533px; border-right:1px dotted #a5b0b5; _border-width:2px; overflow:hidden; }*/
.current-theme { 
	clear:both; 
	text-align:left; 
	position:relative; height:185px; width:963px; 
	margin:0px 0px 20px; 
	overflow: hidden;
}
.current-theme-left {
	float: left;
	width: 555px; height: 181px;
	padding: 2px;
	background: url('images/v2/theme-left-bg.jpg');
}
.current-theme-left img.current-theme-trailer-img {
	display: block; float: left;
	width: 250px; height: 181px;
	margin: 0 17px 0 0;
	border: none;
}
	.current-theme-left .current-theme-trailer { 
		display: block; float: right;
		width: 274px; height: 138px;
		padding: 10px 10px 33px 0;
		text-align: left; 
		position: relative;
	}
	.current-theme-left .current-theme-title { 
		display:block; 
		width:232px;  
		margin:0px; z-index:2; 
		color:#fafcfe; font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; font-size: 22px; line-height: 24px; 
	}
	.current-theme-left .current-theme-accueil.bt-decouvrir { 
		display: block; 
		width: 107px; height: 23px;
		background: url('images/v2/bt-decouvrir.gif') 0 0;
		overflow: hidden; text-indent: -10000px;
		position: absolute; bottom: 10px; left: 0;
	}
	.current-theme-left .current-theme-accueil.bt-decouvrir:hover { background-position: 0 -23px; }
	.current-theme-left .current-theme-excerpt {
		font-family: Arial, Verdana, Sans-serif; color: #000; font-size: 13px; font-weight: bold;
	}
	.current-theme-left .current-theme-excerpt p { margin-top: 8px; }
	
/*.current-theme .current-theme-right { float: left; height: 250px; width: 426px; color: #fdfeff; font-family: "TradeGothic", Sans-Serif; font-weight: bold; background: transparent url(images/fonds_module.jpg); }*/
.current-theme .current-theme-right { 
	float: left; 
	width: 404px; height: 185px;
}
	.theme-right-block {
		float: left;
		width: 177px; height: 171px;
		padding: 7px 12px; margin-left: 1px;
		background: url('images/v2/theme-right-bg.jpg');
		text-align: left;
		position: relative;
		font-family: Tahoma; font-size : 11px; font-weight: normal;
	}
	
	.theme-right-block h3.title {
		display: block;
		margin: 0 0 8px 0; padding: 0;
		font-family: Verdana, Sans-Serif; color: #20a6e6; font-size: 22px; font-weight: normal; line-height: 23px; text-align: left;
	}
	.current-theme-onf-block { position: absolute; left: 12px; bottom: 10px; }
	.current-theme-onf-block p { margin: 0; color: #1a7691; }

	.theme-right-block .bt-plus {
		display: block;
		width: 25px; height: 25px;
		background: url('images/v2/bt-triangle-plus.gif') no-repeat 0 0;
		position: absolute; bottom: 2px; right: 2px;
		overflow: hidden; text-indent: -10000px;
	}
	.theme-right-block .bt-plus:hover { background-position: 0 -25px; }
	.theme-right-block p { margin-bottom: 5px; }
	
	
img.webzine-image {
	display: block; float: left;
	width: 201px; height: 185px;
	margin-left: 1px;
	position: relative;
	border: none;
}
	.webzine-image-holder { float: left; }
	
.current-theme-left .current-theme-number { z-index:1; position:absolute; display:block;  top:-70px; left:5px; letter-spacing:-16px; padding-right:16px; font-family:Georgia, serif; font-size:213px; color:#5ea7b7; filter:alpha(opacity=40); opacity:0.4; }
/*.current-theme-left .current-theme-title { position:absolute; display:block; top:53px; left:125px; width:232px;  margin:0px; z-index:2; color:#fafcfe; font-family:Trade Gothic, Helvetica, Sans-Serif; font-weight:bold; font-size: 36px; line-height: 36px; }*/
.current-theme-left .current-theme-date { display:block; color:#fbfdfe; font-size:9px; font-family:Tahoma; font-weight:normal;  margin-bottom: 5px; }

.current-theme-left .current-theme-quote { position:absolute; display:block; top:160px; left:57px; z-index:2;  color:#fafcfe; }
.current-theme-left .current-theme-quote blockquote { color: #88cfde; text-indent:0px; margin:0px; padding:0px; font-family:Georgia, serif; font-size: 18px; line-height:26px; font-style:italic; width:420px; margin-top: 8px;}
.current-theme-left .current-theme-quote p { margin:0px; }

.current-theme-left .current-theme-quote-author { position:absolute; display:block; top:210px; left:0px; z-index:2;  color:#fafcfe; width:512px; padding-top:19px; }
.current-theme-left .quote-author { font-style:normal; font-weight: normal; font-family:Georgia, serif; position:relative; display:block; float:right; color: #88cfde; font-size: 18px; }

/*.current-theme-left .current-theme-accueil { position:relative; display:block; padding:3px 0px 2px 0px; margin-top:8px;! margin-top:4px; font-family:Tahoma; line-height: 9px; font-size:9px; font-weight:bold; color:White; cursor:pointer; }*/
/*.current-theme-left a.current-theme-accueil { background:transparent url(images/fleche_idle.png) no-repeat; background-position:134px 2px;} */
/*.current-theme-left a.current-theme-accueil:hover { text-decoration: none; color: #88CFDE;  background:transparent url(images/fleche_roll.png) no-repeat; background-position:134px 2px;}*/
/*.current-theme-left .current-theme-trailer { position:absolute; display:block; top:20px; left:370px; width:150px; text-align: left; }*/
/*.current-theme-left .current-theme-trailer-img { border:1px solid #082e3e; }*/

.current-theme-right .current-theme-participez { height: 30px; font-weight:bold; font-size: 18px; color: #5ea7b7; text-align: center; }
.current-theme-right h3 { position:relative; display:block; color:#fff; font-size:22px; padding:0px; text-align: center; margin: 5px 0px 20px 0px; font-family: "Trade Gothic", Helvetica, Sans-Serif; font-weight: bold; }
.current-theme-right .cq-theme-contentheight { height: 130px; }
/* Current Theme Quete */

/*.current-theme .current-theme-quete { position:relative; float:left; overflow:hidden; height:220px; width:200px; border-right:1px dotted #a5b0b5; _border-width:2px; }*/
.current-theme .current-theme-quetelogo { cursor: pointer; background: url('images/v2/quete-logo.jpg') no-repeat; margin: 5px 0 0 0 ; width: 93px; height: 53px; }
/*.current-theme .current-theme-quete p { font-family: Tahoma, Sans-Serif; position:relative; display:block; text-align: center; font-weight: normal; font-size:11px; color:#88cfde; margin:5px 5px 5px 5px; }
.current-theme .current-theme-quetelogo { cursor: pointer; background: url('images/quete-icon.gif') no-repeat; margin: 0 auto; width: 99px; height: 59px; }
.current-theme .current-theme-quete a { position:relative; display:block; width:155px; height:17px; margin:0px 0px 0px 30px; }
.current-theme .current-theme-quete a .text { cursor: pointer; z-index:2; position:absolute; display:block; top:1px; left:18px; width:155px; height:17px;  font-size:11px; font-family:Tahoma; font-weight:bold; color: #062533; }
.current-theme .current-theme-quete a .image { z-index:1; position:absolute; display:block; top:0px; left:0px; width:155px; height: 17px; background:url(images/idle_btn_text.png); }
.current-theme .current-theme-quete a:hover .image { cursor: pointer; z-index:1; position:absolute; display:block; top:0px; left:0px; width:155px; height: 17px; background:url(images/roll_btn_text.png); }
.current-theme .current-theme-quete a:hover { text-decoration:none; }*/

/* Current Theme Tribune */

.current-theme-tribune.theme-right-block { width: 186px; padding-left: 7px; padding-right: 8px; }
.cq-tribune-hover.cq-theme-contentheight { position: relative; }
/*.current-theme .current-theme-tribune { float: left; width: 220px; height: 220px; position: relative; }*/
#cq-tribune-title { position: absolute; left: 0; top: 0; font-family: Georgia,Serif; font-weight: normal; font-style: italic; font-size:20px; margin: 0; text-align: center; width: 186px; cursor: pointer;}
#cq-tribune-title table { position: relative; margin:0 auto; width: 186px; height: 108px; cursor: pointer; border-collapse: collapse; }
#cq-tribune-title table span { display: block; }

#cq-tribune { border-collapse: collapse; margin: 0px auto; border: 0; padding: 0; }
#cq-tribune .cq-tribune-thumb { float: left; border: 1px solid #052532; border-right: none; width: 90px; height: 51px; overflow: hidden; }
#cq-tribune .total { border: none; border: 1px solid #052532; float: left; width: 90px; height: 51px; overflow: hidden; }
#cq-tribune .ligne1 { border-bottom: none; }

#cq-tribune img { margin: 0; padding: 0; display: block; line-height: 0px; width: 92px; height: 53px; vertical-align: middle; }
#cq-tribune .rolloverTrans img { filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }

#cq-tribune-holder { margin: 0 auto; width: 186px; height: 108px; cursor: pointer;}

.cq-tribune-sondage { padding:0px; text-align:justify; font-family: Tahoma; font-size:11px; font-weight:normal; line-height:18px; }
.cq-tribune-sondage a { margin-top: 2px; display: inline-block; width: 89px; height: 17px;  background:transparent url(/Portals/_default/Skins/CinemaQuebecois/images/tribune-sondage.png) no-repeat; background-position: left;}
.cq-tribune-sondage a:hover { color: #fdfeff; text-decoration: none; }

/*.current-theme a.repondez { cursor: pointer; position:relative; display:block; width:88px; height:17px; margin:0px 0px 0px 35px; }
.current-theme a.repondez .text { z-index:2; position:absolute; display:block; top:1px; left:10px; width:155px; height:17px; font-size:11px; font-family:Tahoma; font-weight:bold; color: #062533; }
.current-theme a.repondez .image { z-index:1; position:absolute; display:block; top:0px; left:0px;  width:155px; height:17px; background:transparent url(images/idle_btn_text.png) no-repeat; }
.current-theme a:hover.repondez .image { z-index:1; position:absolute; display:block; top:0px; left:0px;  width:155px; height:17px; background:transparent url(images/roll_btn_text.png) no-repeat; }
.current-theme a:hover.repondez { text-decoration:none; }*/

/* Current Theme Accueil */
.current-theme .current-theme-accueilbg { position: absolute; left: 0px; top: 0px;  }
.current-theme-left .current-theme-subtitle { position: absolute; font-family: Trade Gothic, Tahoma; font-size: 25px; font-weight: normal; color:#fafcfe; top:35px; left:125px;  }

/*.current-theme-webzine-block { font-family: Tahoma; font-size : 11px; font-weight: normal; }*/
/*.current-theme-webzine-block .current-theme-metiers { float: left; width: 162px; height: 250px; border-right: 1px dotted #a5b0b5; text-align: center; }*/
/*.current-theme-webzine-block .current-theme-rediff { float: left; width: 263px; }*/
.current-theme-metiers .current-theme-metiers-block { width: 140px; height: 43px; border: 1px dotted #a5b0b5; margin: 33px auto 50px auto; font-size: 14px; font-weight: bold; padding-top: 10px; }
.current-theme-metiers a, .current-theme-metiers img { color: #FDFEFF; border: none; }
.current-theme-metiers a:hover { text-decoration: none; }

.current-theme-rediff h3 { font-family: Trade Gothic, Tahoma; font-size: 24px; font-weight: bold; margin-top: 10px; }
/*.current-theme-rediff p { margin: 20px 35px 0px 35px; font-weight: bold; }*/
.current-theme-rediff p { margin: 0 0 8px 0;  }
.current-theme-rediff p.bigger { font-size: 110%; }
.current-theme-rediff p.blue { color: #20a6e6; }

#cq-tribune-footer { margin-top:0px; font-family: Georgia, Serif; font-size: 40px; text-align: center; color: #5ea7b7;  filter:alpha(opacity=20); opacity:0.2; }

/* Mosaic styling */
.mosaic { position:relative; display:block; height:310px; overflow:hidden; margin:0px 0px 20px; border:1px dotted #a5b0b5; _border-width:2px; }

/* Film/Artist Description skin */

.descriptionPaneWrapper { position:relative; display:block; min-height:600px height:auto; }
.descriptionPane { position:relative; display:block; width:961px; border:1px dotted #a5b0b5; _border-width:2px; text-align:left; font-family:Tahoma; text-transform:none; margin-bottom:20px;  }
.descriptionPane input { border-width: 0px; }
.desc-title { position:relative; display:block; height:39px; border-bottom:1px dotted #a5b0b5; _border-width:2px; background:transparent url(images/bg_desc_title.jpg)}
.desc-title h2 { font-size:18px; font-family:Tahoma; font-weight:bold; color:#fefefe; margin:0px; padding:11px 8px;  }
.desc-details { position:relative; display:block; height:39px; border-bottom:1px dotted #a5b0b5; _border-width:2px; background:#154a5e; overflow:hidden; }
.desc-details h3 { font-family:Georgia, serif; font-size:11px; color:#d3e8ec;  width:117px; position:relative; display:block; float:left; margin:0px 0px 0px 10px; padding:15px 0px 0px; }
.desc-details dl { position:relative; display:block; float:left;  width:270px; margin:6px 0px 0px; padding:0px 5px 0px; border-left:1px dotted #8aa5af; _border-width:2px; }
.desc-details dl.genres { width:200px; border-left:0px}
.desc-details dl.support { width:255px; }
.desc-details dl.duree { width:113px; }
.desc-details dl.annee { width:113px; }
.desc-details dl.budget { width:107px; }
.desc-details dl.boxoffice { width:108px; }
.desc-details dl.metiers { width:600px; }
.desc-details dt, .desc-details dd {  font-size:10px; color:#d3e8ec; line-height:13px; margin:0px; padding:0px;    }
.desc-details dt {  font-weight:normal;  }
.desc-details dd {  font-weight:bold;  }
table.desc-main { font-size: 11px;  color:#062533; border-style:none; border-collapse:collapse  }
.desc-main h3 { font-family:Georgia, serif; font-size:11px; color:#062533; margin:9px 0px;  padding:0px;  }
table.desc-main td { padding:0px 10px 10px; vertical-align:top; }
table.desc-main .desc-left { width:227px; border-right:1px dotted #2d3d43; _border-width:2px; background:#529db3;  }
table.desc-main .desc-center { padding:0px; font-size:12px; font-family: Georgia, Serif; width:476px; border-right:1px dotted #2d3d43; _border-width:2px; background:#67adbf; background-position:left center; }
table.desc-main .desc-center p{ padding:10px 10px 10px; margin:0px; border-bottom:1px dotted #2D3D43; _border-width:2px; } 
table.desc-main .desc-center p.last { border-bottom:0px none #2D3D43; }
table.desc-main .desc-center p strong{ font-size:11px; position:relative; display:block;  }
table.desc-main .desc-right { width:216px; background:#4693aa; }
.desc-right-no-center { background:#4693aa; width:464px; }
.desc-main ul {}
.desc-main ul li {}
table.desc-main a:hover { text-decoration: none; }


/* Search result skin */

.cqsearch-headerfooter { font-size: 11px; font-weight: bold; width:100%; height:27px; background-color: #1c4a5a; color:#f8fcfd; overflow:hidden; vertical-align: middle;}
.cqsearch-headerfooter img { border-style: none; }
a.cqsearch-quit { color: #f8fcfd; text-decoration: none; float: right; margin: 5px 10px 0 0; }

#cqsearch-title, #cqsearch-number, #cqsearch-text { position: relative; display: block; float: left; overflow: hidden; }
#cqsearch-title { padding: 0 12px 0 12px;  margin:2px 0 0 0; font-size: 18px; font-weight: normal; }
#cqsearch-number { color: #2f5766; font-family: Georgia; font-size: 55px; font-weight: normal; letter-spacing: -7px; padding-right: 10px; margin-top: -22px; /* top: -22px; */ /* height: 49px; */ height: 49px; overflow: hidden;  }

#cqsearch-text { margin: 6px 0 0 1px; font-size: 11px; padding-left: 4px; left: -28px; }
#cqsearch-word { padding-left: 15px; font-size:13px; }
#cqsearch-header, #cqsearch-header-metiers{ border-bottom: dotted, 1px, #a4b2b5; width:961px;  overflow:hidden; background:url(images/bg_liste_entete.jpg); }
#cqsearch-header-metiers { height: 57px; }

#cqsearch-content { border-collapse: collapse; width:100% }
#cqsearch-content th,#cqsearch-content td { border-left: dotted 1px #d3e5e9; vertical-align: middle; color: #002a42; border-bottom: dotted 1px #d3e5e9;  }
#cqsearch-content th { color: #062633; font-size: 10px;}
#cqsearch-content td { color: #002a42; font-size: 11px; }
#cqsearch-content td h4 a { color:color:#062533; text-decoration: none }
#cqsearch-content tfoot tr { background-color: #99c7d6; height: 12px; }
.cqsearch-row-header { height: 39px; font-weight: bold; background-color: #92c0cf }
.cqsearch-row-main { font-weight: normal; background-color: #99c7d6; cursor:pointer; }
.cqsearch-row-alternate { font-weight: normal; background-color: #92c0cf; cursor:pointer; }
.cqsearch-column-icon { width: 170px; text-align: right; padding: 0px 5px 0px 0px; }
th.cqsearch-column-icon { padding: 0px 10px 0px 0px; }
.cqsearch-column-icon a.filter_film { border:0px; background:url(images/list_filter_film_off.gif); display:block; width:80px; height:19px; top:10px; left:9px; float:left; margin-left:9px; }
.cqsearch-column-icon a.filter_film:hover, .cqsearch-column-icon a.filter_film.selected { background:url(images/list_filter_film_on.gif);  }
.cqsearch-column-icon a.filter_artisan { border:0px; background:url(images/list_filter_artisan_off.gif); display:block; width:81px; height:19px; float:left; }
.cqsearch-column-icon a.filter_artisan:hover, .cqsearch-column-icon a.filter_artisan.selected { background:url(images/list_filter_artisan_on.gif); }
.cqsearch-column-film { width: 764px; }
th.cqsearch-column-film { padding: 0px 0px 0px 10px; }
td.cqsearch-column-film { padding: 8px 0px; }
.cqsearch-column-film h4 { font-family:Tahoma; font-weight:bold; margin:0px 10px; font-size:13px; position:relative; display:block; float:left; }
.cqsearch-column-film h4 a { color:#012a41; positon:relative; display:block; width:230px; }
.cqsearch-column-film span { margin:2px 8px; /* color:#257090; */ color:#012A41; font-size:11px; position:relative; display:block; float:left; }

.cqsearch-title-metier { width:165px; }
.cqsearch-column-metier-titre { width: 200px;  }
th.cqsearch-column-metier-titre { padding: 0px 0px 0px 10px; }
td.cqsearch-column-metier-titre { padding: 8px 0px; }
.cqsearch-column-metier-titre h4 { font-family:Tahoma; font-weight:bold; margin:0px 10px; font-size:13px; position:relative; display:block; float:left; }
.cqsearch-column-metier-titre h4 a { color:#012a41; positon:relative; display:block; width:230px; }
.cqsearch-column-metier-titre span { margin:2px 8px; /* color:#257090; */ color:#012A41; font-size:11px; position:relative; display:block; float:left; }

/* .cqsearch-column-metier-collaborateurs { width: 764px; } */
th.cqsearch-column-metier-collaborateurs { padding: 0px 0px 0px 10px; }
td.cqsearch-column-metier-collaborateurs { padding: 8px 0px; }
.cqsearch-column-metier-collaborateurs h4 { font-family:Tahoma; font-weight:bold; margin:0px 10px; font-size:13px; position:relative; display:block; float:left;  }
.cqsearch-column-metier-collaborateurs h4 a { color:#012a41; positon:relative; display:block; width:230px; border-left:none;}
.cqsearch-column-metier-collaborateurs span { margin:2px 8px; /* color:#257090; */ color:#012A41; font-size:11px; position:relative; display:block; float:left; }

.cqsearch-title-glossaire { width:165px; }
th.cqsearch-column-glossaire-titre { padding: 0px 0px 0px 10px; }
td.cqsearch-column-glossaire-titre { padding: 8px 0px; }
.cqsearch-column-glossaire-titre h4 { font-family:Tahoma; font-weight:bold; margin:0px 10px; font-size:13px; position:relative; display:block; float:left; }
.cqsearch-column-glossaire-titre h4 a { color:#012a41; positon:relative; display:block; width:230px; }
.cqsearch-column-glossaire-titre span { margin:2px 8px; /* color:#257090; */ color:#012A41; font-size:11px; position:relative; display:block; float:left; }

.cqsearch-column-name { width: 300px;}
.cqsearch-column-year { width: 87px; }

.search-datalist {position:absolute; display:block; height:0px; top:24px; left:57px; width:193px; z-index:50; } /*  border-left:#002a42 solid 1px; border-right:#002a42 solid 1px; border-top:#002a42 solid 1px; } */
.search-datalist a { position:relative; display:block; background:#fff; color:#002a42; padding:3px; border-bottom:#002a42 solid 1px; font-size:11px; padding-left:26px;}
.search-datalist a:hover { color:#5EA7B7; background-color:#2a5c71; text-decoration:none; }

/* Glossaire skin */
.desc-right-no-center a.glossaire.last { font-size: 11px; font-family: Tahoma; font-weight: bold; color: #062533; border-right: none; }
.desc-right-no-center a:link.selected  { background: #062533; color: #fff; }
.desc-right-no-center a.glossaire { font-size: 11px; font-family: Tahoma; font-weight: bold; color: #062533; border-right: solid 2px #67ADBF ; margin-right: 2px; padding-right: 5px; }
.desc-right-no-center a:hover.glossaire { background: #062533; color: #fff; }

/* Sondage skin */
.cqsondage-headerfooter { overflow: hidden; font-size: 11px; font-weight: bold; width: 100%; height: 27px; background-color: #1c4a5a; color: #f8fcfd; padding-top: 2px; }
.cqsondage-headerfooter img { vertical-align: middle; margin: 0 0 0 0; padding: 0 0 0 0; }
.cqsondage-headerfooter a.cqsondage-submitlink { }
.cqsondage-headerfooter a.cqsondage-submitlink:hover { text-decoration: none; }
.cqsondage-headerfooter a.cqsondage-submitlink img { cursor: pointer; }
#cqsondage-footer { text-align: center; }
.cq-sondage-quit { cursor: pointer; position: relative; top: 6px; display: block; height: 16px; line-height: 16px; font-size: 9px; float: right; color:#fff; font-family: Tahoma; font-weight: bold; padding: 0 30px 0 13px; background: url('images/close_quete.gif') right -16px no-repeat; margin-right: 10px; }
.cq-sondage-quit:hover { background-position: right top; }
a.cq-sondage-quit:hover { color:#5EA7B7; text-decoration: none;  }

.cq-sondage-questions { font-family: Tahoma, Sans-Serif; color: #000201; }
.cq-sondage-questions td { border-style: none; vertical-align: top; }
.cq-sondage-question { background:#99C7D6; border-bottom: dotted 1px #dceaf3;  }
.cq-sondage-question-light { background:#67adbf; border-bottom: dotted 1px #dceaf3; }
.cq-sondage-question-left { width: 135px; font-family: Georgia, Serif; text-align: right; font-weight: bold; padding: 15px 10px 15px 10px; }
.cq-sondage-question-middle { width: 650px; padding: 15px 10px 15px 10px; }
.cq-sondage-question-right { width: 167px; padding: 15px 10px 15px 10px; }

.cq-sondage-questions td.cq-sondage-question-left, .cq-sondage-questions td.cq-sondage-question-middle, .cq-sondage-questions td.cq-sondage-question-right { border-bottom: dotted 1px #dceaf3; _border-width: 2px; }
.cq-sondage-rowheader { color: #000201; height: 40px; line-height: 20px; font-weight: bold; font-size: 12px; }
.cq-sondage-rowheader img, .cq-sondage-rowheader input { vertical-align: middle; }
.cq-sondage-rowbody { font-size: 11px; }
.cq-sondage-list { font-size: 11px; margin-top: 10px; line-height: 30px; }
.cq-sondage-list td { vertical-align: middle; }
.cq-sondage-list strong { font-family: Georgia, Sans-Serif; font-size: 1.2em; display: block; height: 30px !important; height: 28px; line-height: 29px !important; line-height: 28px; }
.cq-sondage-list input { width: 20px; margin-right: 20px; vertical-align: middle; }

.cqsondage-bouton { float: left; margin-right: 10px; left: 150px; padding-top: 5px; padding-left: 150px;}
.cqsondage-bouton a { position:relative; display:block; width:155px; height:17px; cursor: pointer ;}
.cqsondage-bouton a .text { z-index:2; position:absolute; display:block; top:1px; left:0px; width:145px; height:16px;  font-size:11px; font-family:Tahoma; font-weight:bold; color: #062533; text-align:center; }
.cqsondage-bouton a .image { z-index:1; position:absolute; display:block; top:0px; left:0px;  width:155px; height:17px; background: url('images/idle_btn_text.png') !important; background: url('images/idle_btn_text.gif'); }
.cqsondage-bouton a:hover .image { z-index:1; position:absolute; display:block; top:0px; left:0px;  width:155px; height:17px; background: url('images/roll_btn_text.png') !important; background: url('images/roll_btn_text.gif'); }
.cqsondage-bouton a:hover { text-decoration:none; }

.cqsondage-header-titre { font-size: 18px; font-weight: bold; font-family: Tahoma; }

/* Quiz skin */

.cqquiz-headerfooter { overflow:hidden; font-size: 11px; font-weight: bold; width: 100%; background-color: #1c4a5a; color: #f8fcfd; line-height: 27px; }
#cqquiz-header td { vertical-align: bottom; border-bottom: 1px dotted #fff; _border-width: 2px; } 
.cqquiz-header-literals { padding-left: 10px; }
.cqquiz-header-numbers { padding-left: 10px;  font-size: 18px; font-weight: bold; font-family: Tahoma; }
.cqquiz-header-question { padding-left: 25px; font-size: 18px; font-weight: bold; font-family: Tahoma; }
.cqquiz-header-topscores { text-align: center; font-size: 9px; font-weight: bold; font-family: Tahoma; }

#cqquiz-footer { border-top: dotted 1px #ffffff;}
#cqquiz-footer td { border-top: 1px dotted #fff; _border-width: 2px; }
.cqquiz-footer-numbers {padding-left: 30px; float:left; font-family:Georgia, Serif; font-size: 12px;  color: #5a7a85;}
.cqquiz-footer-numbers span { padding: 0 5px 0 5px; }

.cqquiz-quit { cursor: pointer; position: relative; display: block; height: 16px; line-height: 16px; font-size: 9px; float: right; color:#fff; font-family: Tahoma; font-weight: bold; padding: 0 30px 0 13px; background: url('images/close_quete.gif') right -16px no-repeat; margin-right: 10px; }
.cqquiz-quit:hover { background-position: right top; }
a.cqquiz-quit:hover { color:#5EA7B7; text-decoration: none;  }


.cqquiz-cell-closelink { width: 145px; text-align: right; padding-right: 10px; }
.cqquiz-cell-closex {  width: 25px; font-size:15px; font-height:bold; }

#cqquiz-content { width: 100%; color: #062533; background-color: #9dcbdb; font-size: 11px; border-collapse:collapse; position:relative; display:block; }
.cqquiz-content-numbers { width: 170px; padding-top: 15px; vertical-align:top; font-weight: bold; text-align: center; background-color: #c7e1e7; height:123px; }
.cqquiz-content-question { width:621px; padding: 15px 15px 15px 25px; vertical-align:top; border-left: dotted 1px #ffffff; }
.cqquiz-content-topscores { width: 170px; vertical-align:top; border-left: dotted 1px #ffffff; padding: 15px 10px 0 10px; background-color: #c7e1e7; }

#cqquiz-position { text-align: left; margin: 0px auto 20px 10px; }
#cqquiz-position-question, #cqquiz-position-current, #cqquiz-position-slash, #cqquiz-position-over { font-family: Georgia; font-weight: bold; font-size: 13px }
#cqquiz-position-question, #cqquiz-position-current { color: #062533; }
#cqquiz-position-slash { padding-left: 2px; padding-right: 2px; }
#cqquiz-position-slash, #cqquiz-position-over { color: #5ea7b7; }
#cqquiz-feedback-img-holder { margin: 14px auto 10px auto; }
#cqquiz-feedback-texte { position:relative; top:-50px; font-weight:bold; font-family: Georgia; font-size:13px; } 

#cqquiz-content-feedback { padding-bottom: 10px; }
/* #cqquiz-feedback-img-holder { margin: 14px auto 10px auto; } */
#cqquiz-feedback-texte { position:relative; top:-50px; font-weight:bold; font-family: Georgia; font-size:13px; width:100%} 

#cqquiz-question-text { font-size: 12px; min-height: 20px; font-family: Tahoma; font-weight: bold;  }
#cqquiz-question-text  p { margin: 0; padding: 0; }
#cqquiz-content-answers { margin: 2px 0px; }
ul.cqquiz-answers-list { list-style-type: none; padding: 0; }
.cqquiz-answers-list li { font-size: 12px; list-style-type: none; /* height: 25px; */ line-height: 20px; padding-top: 2px; padding-bottom: 2px; /* vertical-align: bottom; */ }
.cqquiz-answers-list input { padding:0px; margin: 0 15px 0 0; vertical-align: bottom; }
.cqquiz-answers-list strong { font-size: 12px; font-family: Tahoma; margin-right: 15px; }
.cqquiz-answers-list label { padding: 0px 7px }
.cqquiz-submit { vertical-align: middle; }
.cqquiz-goodanswer { background-color: #ffffff; font-weight: bold; }
.cqquiz-wronganswer{ text-decoration: line-through; }

.cqquiz-bouton { float: left; margin-right: 10px; }
.cqquiz-bouton a { position:relative; display:block; width:155px; height:17px; cursor: pointer ;}
.cqquiz-bouton a .text { z-index:2; position:absolute; display:block; top:1px; left:0px; width:145px; height:16px;  font-size:11px; font-family:Tahoma; font-weight:bold; color: #062533; text-align:center; }
.cqquiz-bouton a .image { z-index:1; position:absolute; display:block; top:0px; left:0px;  width:155px; height:17px; background: url('images/idle_btn_text.png') !important; background: url('images/idle_btn_text.gif'); }
.cqquiz-bouton a:hover .image { z-index:1; position:absolute; display:block; top:0px; left:0px;  width:155px; height:17px; background: url('images/roll_btn_text.png') !important; background: url('images/roll_btn_text.gif');  }
.cqquiz-bouton a:hover { text-decoration:none; }

.cqquiz-levels-list { border-collapse:collapse; width: 100%; height: 100%; margin: 0; color: #64828c;}
.cqquiz-levels-list td { vertical-align: middle; text-align: center; border-right: dotted 1px white; }
.cqquiz-levels-selectedlevel { font-weight: bold; color: #062533; }
#cqquiz-level-arrow { width: 11px; height: 6px; font-size: 1px; position: relative; top: 2px; }
#cqquiz-level-niveau, .cqquiz-levels-list { font-size:9px; font-family: Tahoma; font-weight: bold; }
#cqquiz-level-niveau {  color: #062533; padding-left: 10px; text-align: center; } 
#cqquiz-level-niveau  p { margin: 0; padding: 0; color: #5ea7b7; text-align: center; }

.cqquiz-scoredisplay { font-size: 1.7em; vertical-align: top; }
.cqquiz-scoreline { font-family: Georgia, Serif; font-size: 1.2em; font-weight: bold; margin-bottom: 10px;  }
#cqquiz-score-modifier { font-family: Tahoma; font-size: 14px; font-weight: bold; color: #99c6d5; padding-left: 10px; position: relative; height: 20px;}

.cqquiz-topscores-list { width: 100%; height: 100%; margin: 0 auto 0 auto; font-size: 9px; font-family: Tahoma; }
.cqquiz-topscores-list td { padding-bottom: 10px; vertical-align: top; }
.scores-col-name { width: 50%; text-align: left; }
.scores-col-plus { width: 10%; text-align: center; }
.scores-col-score { width: 25%; text-align: right; }
.scores-col-plus img { vertical-align: middle;}

#cqquiz-record-buttons input { margin-right: 15px; }

#cqquiz-view-end span{ position: absolute; width:100%; z-index: 2; text-align:center; color:#ffffff; font-family: Tahoma; font-size:38px;  }

/* CQ Control Panel skin */

.cqpanel-tabcontainer { clear:left; border: dotted 1px #d3e5e9; }
.cqpanel-tablabel { position:relative; display:block; float:left; font-size: small; background:#002a42; color: #ccc; font-weight: bold; border: dotted 1px #d3e5e9; margin: 0px 5px 0px 0px; padding: 3px 5px; }
.cqpanel-tablabelhover, .cqpanel-tablabelselected { position:relative; display:block; font-size: small; float:left; background:#002a42 url(images/bg_themes.jpg); color: #fff; font-weight: bold; border: dotted 1px #d3e5e9; margin: 0px 5px 0px 0px; padding: 3px 5px; cursor: pointer; }
.cqpanel-tablist { margin-left:10px; }
.cqpanel-tab { border: solid 3px silver; }
.cqpanel-tabcontainerfixed { border: solid 3px silver; background-color: Silver; width: 500px; height: 200px; }

#cqpanel-table { width: 100%; }
#cqpanel-table td { vertical-align: top; }
.cqpanel-col { width: 25%; }

#cqpanel-table h5 { margin: 2px; }
#cqpanel-table input, #cqpanel-table img { vertical-align: middle; }
#cqpanel-table dl, #cqpanel-table dd, #cqpanel-table dt { padding: 0; margin: 0; }
#cqpanel-table dd, #cqpanel-table dt {display: inline; }
#cqpanel-table ul { font-size: 12px; }

/* Admin Skins */

.citations { width:500px; border:1px solid #fff; margin:10px 0px;  }
.citations label { position:relative; display:block; float:left; width:250px; text-align:left; }
.citations .citation { clear:left; background:#333; margin:2px;  }
.citations .texte { width:450px; }
.citations .auteur {width: 150px; }
.addCitation { margin:10px; float:right; margin-right:150px;  }


#searchbox { width:930px; border:1px solid #999; font-family:Helvetica; color:#999; padding:5px; margin:5px; }
#searchresult { width:90%; font-family:Helvetica;  }
#searchresult span { position:relative; display:block; width:100%; }
#searchresult span a { padding:5px; width:100%; background:#fcc; }
#searchresult span a:hover { background:#ccc; }

#searchresult span.content_level1 { font-size:24px; margin:10px; }
#searchresult span.content_level2 { font-size:20px; margin:8px; }
#searchresult span.content_level3 { font-size:16px; margin:6px;}
#searchresult span.content_level4 { font-size:12px; margin:4px;}

.lsttaggedclips { margin:4px 0px;  padding:4px; border:1px solid #fff; font-family:Verdana; width:490px; height:200px; overflow:auto; }
.lsttaggedclips a { padding:2px; position:relative; display:block; width:496px; background:#333; color:#666; margin:2px 0px; }
.lsttaggedclips a:hover { background:#999; }

h2 { margin-left:15px; }

.viewvideo { background:#ffc; border:1px solid #ff0;
display:block;
font-family:Verdana;
margin-left:325px;
margin-top:0px;
padding:3px;
width:200px; }
.viewvideo:hover { background:#fcc; border:1px solid #f00; }

.mainfilter { font-family:Verdana; font-size:14px; padding:7px 10px 0px;  margin-top:8px; }
.mainfilter input { border:1px solid #333; background:#cfcfcf;  }
.datalist, #clouds .current-theme { clear:both; text-align:left; position:relative; overflow:auto; height:270px; width:956px; background:url(images/bg_accueil.jpg); margin:0px 0px 20px; border:1px dotted #a5b0b5; _border-width:2px;}
.datalist div { margin-bottom:3px; background:#5E7B7; width:100%; }
.datalist div a { padding:5px 5px;  display:block; font-family:Verdana, Sans Serif; font-size:18px; color:#fff; }
.datalist div a:hover { color:#fff; background:url(images/bg_bottom.jpg); }

.clipmanager {border:1px solid #333; background:#ccc; }
.clipmanager span { width:100px; }

.selectedartists { font-family:Verdana; margin:8px 0px; padding:4px;  border:1px solid #fff; width:490px; height:200px;  position:relative; display:block; overflow:auto; color:#333; }
.selectedartists .artist {  overflow:hidden;  background:url(images/bg_themes.jpg); padding:3px 1px; margin: 2px 0px; height:20px; position:relative; display:block; clear:both;}
.selectedartists .artist span { font-size:14px; font-weight:bold; margin:2px; width:225px; position:relative; display:inline; clear:left; float:left; color:#fff; }
.selectedartists .artist select { width:180px; display:inline; margin-top:-2px; }
.selectedartists .artist input.artistpr { width:30px; border:1px solid #ccc; position:relative; display:inline;margin-top:-2px; }
.selectedartists .artist a { margin-top:4px; margin-right:4px; font-size:10px; text-align:center; width:25px; position:relative; display:inline; }

.selectedfilms { font-family:Verdana; margin:8px 0px; padding:4px;  border:1px solid #fff; width:490px; height:200px;  position:relative; display:block; overflow:auto; color:#333; }
.selectedfilms .film {  overflow:hidden;  background:url(images/bg_themes.jpg); padding:3px 1px; margin: 2px 0px; height:20px; position:relative; display:block; clear:both;}
.selectedfilms .film span { font-size:14px; font-weight:bold; margin:2px; width:225px; position:relative; display:inline; clear:left; float:left; color:#fff; }
.selectedfilms .film select { width:180px; display:inline; margin-top:-2px; }
.selectedfilms .film input.filmpr { width:30px; border:1px solid #ccc; position:relative; display:inline;margin-top:-2px; }
.selectedfilms .film a { margin-top:4px; margin-right:4px; font-size:10px; text-align:center; width:25px; position:relative; display:inline; }


/* text edit */
.mceNoEditor { z-index:0; position:relative; display:block; }
.AdminTextSuggest { background:#052532; font-family:Verdana; font-size:14px; position:relative; display:none; z-index:900; border:1px dotted #a5b0b5; _border-width:2px; }
.AdminDNNTextSuggest { background:#052532; font-family:Verdana; font-size:14px; position:relative; display:block; z-index:900; border:1px dotted #a5b0b5; _border-width:2px; }
.AdminTextSuggest div, .AdminDNNTextSuggest div {border:1px solid #444; padding:3px;  border-bottom:1px dotted #A5B0B5; _border-width:2px; cursor:pointer;              }
.AdminTextSuggest div a, .AdminDNNTextSuggest div a { color:#5EA7B7 }
.TextSuggestOver, .AdminTextSuggest div:hover  {background:#274754;}
.TextSuggestSelected {background:#052532;}

/* Admin tabs */
.tablabel
{
     position:relative; 
    display:block;
    float:left;
     background:#002a42;
    color: #ccc;
    font-weight: bold;
    border: dotted 1px #d3e5e9;
    margin: 0px 5px 0px 0px;
    top:5px;
    padding: 7px 10px;
}

.tablabelhover, .tablabelselected
{
    position:relative; 
    display:block;
    float:left;
    background:#002a42 url(images/bg_themes.jpg);
    color: #fff;
    font-weight: bold;
    border: dotted 1px #d3e5e9;
    margin: 0px 5px 0px 0px;
    padding: 7px 10px 9px;

    cursor: hand;
}


.tablist { margin-left:10px; }

.tab
{
    border: solid 3px silver;
}

.tabcontainer
{
    clear:left; 
    border: dotted 1px #d3e5e9;
    height:270px;
}

.tabcontainerfixed
{
    border: solid 3px silver;
    background-color: Silver;
    width: 500px;
    height: 200px;
}

/* Other skins  */   

.ModuleTitle_MenuItem { background: #ddd; }

div.fiche h1 {
border:0pt none;
clear:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:36px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:44px;
margin-bottom:8px;
padding:0pt;
text-transform:none;
}
div.mainRightColumn h2, div.blocAcc1 h2, div.bloAcc2 h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
}
h3 {
font-weight:bolder;
margin:2em 0pt;
padding:4px;
}
div.ficheSubPage div#ficheH1 {
border-bottom:1px solid;
}
p#ficheSubPageEmissionImage {
float:right;
margin:2px 0pt 2px 16px;
}
div#ficheH1Content {
padding:16px 32px;
}
p#tagFiche {
background-color:#EE6611;
background-position:100% 50%;
background-repeat:no-repeat;
color:#FFFFFF;
float:left;
font-size:11px;
font-weight:bolder;
margin-bottom:8px;
padding:4px;
text-transform:uppercase;
}
#document .tagPrimeur {
background-image:url(../../images/interface/icones/etoile.gif);
padding-right:23px;
}
#document .tagHorloge {
background-image:url(../../images/interface/icones/horloge.gif);
padding-right:30px;
}
#document .tagExclamation {
background-image:url(../../images/interface/icones/exclamation.gif);
padding-right:28px;
}
#document .tagTerminee {
background-image:url(../../images/interface/icones/terminee.gif);
padding-right:31px;
}
#document .tagRappel {
background-image:url(../../images/interface/icones/rappel.gif);
padding-right:30px;
}
p#dateFiche {
margin:0pt;
text-transform:uppercase;
}
.floatContainer:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
div.mainColumnsWithSubColumns, div.leftAndBigRightColumn {
min-height:791px;
}
div.mainColumnsWithTopMargin {
margin-top:16px;
}
div.mainLeftColumn {
float:left;
width:640px;
}
div.mainLeftColumnSection {
margin:0pt 16px;
padding:16px 0pt;
}
div.secLeftColumn {
float:left;
font-size:11px;
width:159px;
}
div.secLeftColumnSection {
padding:16px 8px;
}
p.secLeftColMenuTitle {
font-weight:bolder;
margin-bottom:2px;
padding-left:19px;
}
ul.secLeftColMenu {
border-top:1px solid;
list-style-type:none;
margin-left:0pt;
}
ul.secLeftColMenu li {
border-bottom:1px solid;
padding:2px 0pt 2px 19px;
}
ul.secLeftColMenu a:link, .secLeftColMenu a:visited {
text-decoration:none;
}
ul.secLeftColMenu a:hover {
text-decoration:underline;
}
table.smallCalendar {
width:143px;
}
table.smallCalendar caption, table.smallCalendar th, table.smallCalendar td {
text-align:center;
}
table.smallCalendar caption {
border-bottom:1px solid;
padding-bottom:2px;
}
table.smallCalendar th {
padding:2px;
}
table.smallCalendar td {
border:1px solid;
padding:2px;
}
table.smallCalendar a:link, table.smallCalendar a:visited {
text-decoration:none;
}
table.smallCalendar a:hover {
text-decoration:underline;
}
div.secRightColumn {
float:right;
width:480px;
}
div.secBigRightColumn {
float:right;
width:794px;
}
div.secRightColumnSection {
margin:0pt 16px;
padding:16px 0pt;
}
div.secRightColumnSectionWithSeparation {
border-top:2px solid;
}
div.secRightColumnRepeater {
margin-bottom:1em;
padding-bottom:1px;
}
div.mainRightColumn {
float:right;
width:314px;
}
div.fiche div.mainRightColumn {
border-top:64px solid #FFFFFF;
margin-right:1px;
width:312px;
}
div.mainRightColumnSection {
padding:16px;
}
div.fiche div.mainRightColumnSection {
padding:16px 15px;
}
div#document div.mainRightColumnSectionWithSeparation {
padding-top:18px;
}
div.ficheScheduleSection {
border-bottom:2px solid #FFFFFF;
}
div.mainRightColumnRepeater {
margin-bottom:1em;
padding-bottom:1px;
}
table.smallScheduleTable {
width:282px;
}
table.smallScheduleTable a:link, table.smallScheduleTable a:visited {
text-decoration:none;
}
table.smallScheduleTable a:hover {
text-decoration:underline;
}
table.smallScheduleTable caption {
border-bottom:1px solid;
padding-bottom:2px;
}
table.smallScheduleTable td {
padding:2px 0pt 3px;
}
table.smallScheduleTable td span.smallScheduleTime {
display:block;
font-weight:bolder;
padding:0pt 16px 0pt 19px;
}
table.smallScheduleTable td.smallScheduleTime {
font-weight:bolder;
padding-right:16px;
}
ol#seriesMenu {
border-bottom:1px solid;
border-top:1px solid;
font-size:11px;
font-weight:bolder;
list-style-type:none;
margin:0pt;
padding:0pt 4px;
}
ol#seriesMenu li {
float:left;
text-align:center;
}
ol#seriesMenu li.noSeries {
color:#999999;
}
ol#seriesMenu li, ol#seriesMenu a {
width:44px;
}
ol#seriesMenu a {
display:block;
padding:2px 0pt;
}
ol#seriesMenu li.noSeries {
padding:2px 0pt;
}
ol#seriesMenu a:link, ol#seriesMenu a:visited {
text-decoration:none;
}
dl.seriesList dt.seriesGrouping {
border:1px solid;
float:left;
font-size:11px;
font-weight:bolder;
margin:16px 0pt 2px;
min-width:26px;
padding:2px;
text-align:center;
white-space:nowrap;
}
dl.seriesList dd.seriesItem {
margin:2px 0pt 0pt;
}
dl.seriesList dd.firstItem {
clear:left;
margin-top:0pt;
}
div.seriesTitle {
background-color:#EBEBEB;
font-size:11px;
padding:4px 0pt;
}
div.seriesDescription {
background-color:#D8D8D8;
border-top:1px solid #CCCCCC;
padding:8px;
}
div.animateurDescription {
border-top:1px solid #CCCCCC;
padding:8px 8px 8px 0pt;
}
p#dateHoraire {
border-bottom:1px solid;
font-size:11px;
font-weight:bold;
padding-bottom:2px;
text-align:center;
}
p#dateHoraire a:link, p#dateHoraire a:visited {
text-decoration:none;
}
p#dateHoraire a:hover {
text-decoration:underline;
}
table.horaireTable {
clear:left;
font-size:11px;
font-weight:bold;
margin:0pt;
width:448px;
}
table.horaireTable td {
background-color:#EBEBEB;
border-top:2px solid #FFFFFF;
padding:4px 0pt 4px 8px;
}
table.horaireTable td.iconCell {
padding:0pt;
}
table.horaireTable td.iconCell img {
display:block;
}
p.horairePeriod {
border:1px solid;
float:left;
font-size:11px;
font-weight:bold;
margin:16px 0pt 0pt;
padding:2px;
text-transform:uppercase;
}
table.smallInfoTable {
width:282px;
}
table.smallInfoTable td {
padding:2px 0pt 3px;
}
table.smallInfoTable td.smallInfoLabel {
font-weight:bolder;
padding-right:16px;
text-align:right;
}
table.smallInfoTable tr.smallInfoDiffusion td {
font-size:16px;
line-height:20px;
}
table.listeFilms {
font-size:11px;
width:608px;
}
#document table.listeFilms th, #document table.listeFilms th a:link, #document table.listeFilms th a:visited {
color:#FFFFFF;
}
table.listeFilms th {
background-color:#999999;
}
table.listeFilms th a {
display:block;
padding:4px 17px 4px 4px;
}
table.listeFilms th.sortUp {
background:transparent url(../../images/interface/skins/fleche-sort-blanche-up.gif) no-repeat scroll 100% 50%;
}
table.listeFilms th.sortDown {
background:transparent url(../../images/interface/skins/fleche-sort-blanche-down.gif) no-repeat scroll 100% 50%;
}
table.listeFilms th.sortingColumn {
background-color:#EE6611;
}
table.listeFilms td {
background-color:#EBEBEB;
padding:4px;
}
table.listeFilms td.sortingColumn {
background-color:#F3E7D8;
}
div.floatKidsLeft, div.floatKidsRight {
width:296px;
}
div.floatKidsLeft {
float:left;
}
div.floatKidsRight {
float:right;
}
div.floatKidsLeft p.title, div.floatKidsRight p.title {
margin-bottom:0.4em;
}
p.kidsDiffusionInfo {
color:#666666;
font-size:11px;
}
dl.videoCategory {
font-size:11px;
font-weight:bolder;
margin:2em 0pt;
}
dl.videoCategory dt {
background-color:#AAAAAA;
color:#FFFFFF;
padding:4px;
text-transform:uppercase;
}
dl.videoCategory dd {
background-color:#EBEBEB;
border-color:-moz-use-text-color #AAAAAA rgb(170, 170, 170);
border-style:none solid solid;
border-width:0pt 1px 1px;
color:#666666;
margin-left:0pt;
padding:8px 4px;
}
div#lecteurVideo {
margin-bottom:1em;
}
div#passezGo {
background-color:#FAFAFA;
border:1px solid #EBEBEB;
font-size:11px;
padding:1em 16px 0pt;
}
div.midVideo {
margin:0pt 9px;
}
#document div.acc1 {
background-color:#000000;
}
#document div.acc1, #document div.acc1 h2, #document div.acc1 a:link, #document div.acc1 a:visited, #document div.acc1 table {
color:#FFFFFF;
}
div.blocAcc1 {
padding:16px 6px;
}
div.accPoints {
background:transparent url(../../images/interface/skins/pointille-blanc-vertical.gif) repeat-y scroll 50% 0%;
}
div.blocAcc1 img {
border:1px solid #FFFFFF;
}
p.accAll {
border-top:1px solid #034465;
margin-top:1em;
padding-top:0.4em;
text-align:center;
}
p.acc1All {
border-top:2px solid #006699;
padding-top:1em;
text-align:center;
}
div.bloAcc2 {
background:transparent url(tq-accueil-bloc2-fond.gif) repeat-x scroll 0%;
min-height:318px;
padding:16px;
}
.blocAcc2Title {
color:#EE6611;
font-weight:bolder;
}
div.bloAcc2Repeater {
background:transparent url(../../images/interface/skins/pointille-noir.gif) repeat-x scroll 0% 100%;
margin-bottom:1em;
padding-bottom:1px;
}
ul.angledArrowList {
border-bottom:1px solid;
border-top:1px solid;
font-size:11px;
font-weight:bolder;
list-style-type:none;
margin-left:0pt;
}
ul.angledArrowList a:link, ul.angledArrowList a:visited {
text-decoration:none;
}
ul.angledArrowList a:hover {
text-decoration:underline;
}
ul.angledArrowList li {
background:transparent url(../../images/interface/skins/fleche-noir-angle.gif) no-repeat scroll 0% 6px;
padding:2px 0pt 2px 17px;
}
ul.angledArrowList li.noSeries {
color:#999999;
}
ul.arrowList {
font-size:11px;
list-style-type:none;
margin-left:0pt;
}
ul.arrowList li {
background:transparent url(../../images/interface/skins/fleche-noir.gif) no-repeat scroll 0% 6px;
padding-left:15px;
}
ul.iconList {
font-size:11px;
list-style-type:none;
margin-left:0pt;
}
ul.iconList li {
padding:2px 0pt;
}
ul.iconList img {
vertical-align:middle;
}
dl.diffusionList {
color:#666666;
font-size:11px;
}
dl.withNextDiffusion {
clear:both;
padding-left:184px;
}
dl.diffusionList dt {
border-bottom:2px solid;
color:#000000;
font-weight:bolder;
}
dl.diffusionList dd {
border-bottom:1px solid;
margin-left:0pt;
padding:2px 0pt;
}
dl.diffusionList dd.nextDiffusion {
background-color:#EEEEEE;
border-color:#CCCCCC;
margin-left:-184px;
width:448px;
}
span.nextDiffusionLabel {
background-color:#EEEEEE;
color:#000000;
float:left;
font-weight:bolder;
margin:0pt 8px;
width:168px;
}
span.nextDiffusionDate {
float:right;
width:264px;
}
p.floatImgLeft {
float:left;
margin-bottom:0pt;
padding-bottom:1em;
}



body { background:#00212f url(images/v2/bg_main.jpg) no-repeat center 120px;}

.pagemaster {
	width: 100%;
	height: 100%;
}
.skinmaster {
	height: 100%;
}
.skinheader {
  background: transparent url(gradient_DKHead.jpg) repeat-x top left;
}
.skingradient {
	background-color: #666;
	width: 100%;
	height: 30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
	border:0px none;
	height:0px;
	position:relative;display:block;
}
.toppane {
	width: 100%;
}
.leftpane {
	width: 175px;
	background-color: transparent;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding: 0px;
	margin: 5px 0px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
}
.bottompane {
	width: 100%;
	background-color: transparent;
}
.main_dnnmenu_container {
	background-color: transparent;
}

.dnnmenu_bottom_left { width:661px; }

.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
	width:661px;
	overflow:hidden;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt;
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/	
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #aaaaaa; 
}

.main_dnnmenu_itemhover td {  
	background-color: #aaaaaa; 
}


.main_dnnmenu_icon {
	cursor: pointer;
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cccccc;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	border-top: #cccccc 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
   background: #aaaaaa none; 
   color: #ffffff;
   font-family: Verdana, sans-serif; 
   font-size: 11px;
   font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dddddd;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtGray.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight:  normal;
   color: #ccccff;
}

/* ------------------------------------ */
/* Pages statiques - A propos + credits */
/* #cq-a-propos-emission { position: static; margin-top: 25px; background: red; } */
.credits, .aPropos, .module { width: 100%; border-top: 1px dotted #fff; _border-width:2px; border-collapse: collapse;  }
.aPropos, .module { background: #b8d6dc; }
.module { border: none; }

/* Page credits */
.credits caption, .aPropos caption  {
	height: 30px;
	padding: 0 0 0 10px;
	line-height: 30px;
	text-align: left;
	font-size: 13pt;
	font-family: tahoma, verdana, sans-serif;
	font-weight: bold;
	color: #fff;
}

.credits .leftPane { width: 300px; border-right: 1px dotted #fff; _border-width:2px; background: #b8d6dc url('images/a_propos_logo.gif') left bottom no-repeat; }
.credits .centerPane{ background: #b2d0d7; width: 343px; border-right: 1px dotted #fff; _border-width:2px; vertical-align: top; }
.credits .rightPane{ background: #aac8cf; border: none; vertical-align: top; }
.credits .container { padding: 0 10px 20px 42px; font-size: 11pt; font-family: georgia, "Times New Roman", Times, serif; color: #062533; }
.credits h3, h4, h5, h6, .aPropos h3, h4, h5, h6 {
	font-family: georgia, "Times New Roman", Times, serif;
	color: #062533;
	margin: 0;
	padding: 0;
}

.credits h3 { font-size: 13.5px; padding: 10px 0 20px 0; }
.credits h4 { font-size: 12px; }
.credits h5 { font-size: 12px; font-weight: normal; }
.credits ul{ padding: 0 0 20px 0; margin: 0; font-size: 11px; }
.credits ul li { margin: 0; padding: 0; list-style: none; font-weight: bold; }
.credits ul li a { color: #062533; }
.credits ul li span { font-weight: normal; }
.credits p{ padding: 0 0 10px 0; margin: 0; font-size: 11px; }
.credits .partenaires {
	position: relative;
	height: 273px;
	width: 265px;
	left: 0px;
	top: 0;
	left: 0;
	background: url('images/logo_partenaires.png') top left no-repeat;
}

.credits .partenaires a { display: block; position: absolute; top: 0px; left: 0px; text-indent: -5000px; overflow: hidden; }
.credits .partenaires a#teleQuebec { width: 140px; height: 80px; top: 0px; left: 0px; }
.credits .partenaires a#Quebecor { width: 130px; height: 45px; top: 60px; left: 140px; }
.credits .partenaires a#bell { width: 140px; height: 50px; top: 105px; left: 3px; }
.credits .partenaires a#cmf { width: 137px; height: 34px; top: 149px; left: 127px; }
.credits a#turbulent { text-indent: -200px; overflow: hidden; display: block; width: 120px; height: 100px; background: url('images/logo_turbulent.gif') top left no-repeat; }
.credits a#turbulent:hover { text-decoration: none;}

/* Pages A propos site + A propos de l'emission */
.aPropos tr td, .module tr td{ vertical-align: top; color: #062533; border-bottom: 1px dotted #fff; _border-width:2px;}
.aPropos tr td.middleAlign { vertical-align: middle; }
.aPropos tr td.middleAlign .container { font-family: tahoma, verdana, sans-serif; font-weight: bold; font-size: 11px; padding: 0 0 0 150px; }
.aPropos .light td, .module .light td{ background: #b2d0d7; }
.aPropos .last td, .module .last td { border: none; }
.aPropos .leftPane { width: 220px; }
.aPropos .logo { background: url('images/a_propos_logo.gif') left bottom no-repeat; }
.aPropos .leftPane .container, .module .leftPane .container { padding-left: 10px; }
.aPropos .leftPane .container h3 { padding-top: 12px; }
.aPropos .centerPane { width: 155px; padding-top: 25px; }
.aPropos .centerPane .container { width: 103px; height: 59px; margin: auto auto 15px auto; position: relative; top: 0; left: 0; }
.aPropos .centerPane .shadow { background: #666; position: relative; top: 4px; left: 4px; }
.aPropos .centerPane .shadow img { width: 100px; height: 56px; border: none; background: #666; }
.aPropos .centerPane img { background: #255a6d; width: 100px; height: 56px; display: block; border: 1px solid #000; position: absolute; top: 0; left: 0; }

.aPropos .rightPane { }
.aPropos .rightPane .container, .module .rightPane .container { padding: 10px 15px 10px 0; }
.aPropos .rightPane .container p, .module .rightPane .container p { margin: 0; padding: 0; }
.aPropos .rightPane .container p { padding: 0 0 12px 0; font-size: 13px; }
.aPropos .container, .module .container { font-size: 12px; font-family: georgia, "Times New Roman", Times, serif; color: #062533; }
.aPropos h3 { padding: 5px 0; line-height: 13px; }
.aPropos .container h6, .aPropos .container span {
	font-size: 10px;
	font-weight: bold;
	font-family: tahoma, verdana, sans-serif;
	color: #062533;
	padding: 5px 0;
}

.aPropos .episode .leftPane { padding: 0; }
.aPropos .episode .leftPane .container { color: #dbeaed; padding-bottom: 10px; /* width: 125px; position: relative; top: -10px;  float: left; overflow: hidden; */ margin: -10px 0; font-size: 95px; }
.aPropos .episode .leftPane h5 { margin-top: 45px; font-family: tahoma, verdana, arial, sans-serif; font-size: 10px; float: right; width: 80px; }
.aPropos .episode .leftPane .active { color: #fff; }
.aPropos .episode .container h6 { 
	font-size: 10px;
	font-weight: bold;
	font-family: tahoma, verdana, sans-serif;
	color: #062533;
	padding: 5px 0 0 0;
	margin: 0;
}

.aPropos .episode .container p { padding: 5px 0 15px 0; margin: 0; font-size: 12px; }
.aPropos .container span { display: block; float: right; padding-right: 10px; }

/* page A propos du site - tableau de presentation des modules */
.module .leftPane { width: 130px; }
.module .leftPane .container { font-family: tahoma, verdana, arial, sans-serif; height: 35px; font-size: 11px; font-weight: bold; padding: 11px 0 0 40px; background-position: 5px 2px; }
.module .ligne01 { background: url('images/app_ligne01.gif') no-repeat; }
.module .ligne02 { background: url('images/app_ligne02.gif') no-repeat; }
.module .ligne03 { background: url('images/app_ligne03.gif') no-repeat; }
.module .ligne04 { background: url('images/app_ligne04.gif') no-repeat; }
.module .ligne05 { background: url('images/app_ligne05.gif') no-repeat; }
.module .ligne06 { background: url('images/app_ligne06.gif') no-repeat; }
.module .ligne07 { background: url('images/app_ligne07.gif') no-repeat; }
.module .centerPane { width: 245px; vertical-align: middle; }
.module .centerPane .container { text-align: center; padding: 0; margin: 0; }
.module .centerPane .container img { display: block; margin: auto auto; margin: 0; }
.module .rightPane {}
.module .rightPane p.light { font-weight: bold; font-size: 12px; }

/* contact */
.minHeight { height: 700px; overflow: visible; }

/* partenaire pied de page */
#partners { padding: 15px 0px; clear: both; line-height: 50px; font-size: 10px; font-weight: bold; color: #fff; }
#partners a { border: none; text-decoration: none; float:left; }
#partners a img { border: none; height:50px;}
#partners a.cmf img {height:35px;}
#partners .partners_f, #partners .partners_r { line-height: 50px; }
#partners .partners_f span, #partners .partners_r span { display: block; float: left; line-height: 50px;  }
#partners .partners_r { float: right; width:345px; }
#partners .partners_r a { margin:0px 3px; }



.theme-menu-tabs { 
	display: block;
	list-style-type: none;
	
	position: absolute; top: -58px; left: 0;
}
	.theme-menu-tabs li {
		display: block; float: left;
		list-style-type: none;
		margin-right: 1px;
	}
		.theme-menu-tabs li .bt-theme-menu {
			display: block;
			height: 31px;
			overflow: hidden; text-indent: -10000px;
		}
		.theme-menu-tabs li .bt-theme-menu.bt-webzine {
			width: 114px;
			background: url('images/v2/bt-webzine.gif') no-repeat 0 0;
		}
		.theme-menu-tabs li .bt-theme-menu.bt-serie-tele {
			width: 129px;
			background: url('images/v2/bt-serie-tele.gif') no-repeat 0 0;
		}
		.theme-menu-tabs li .bt-theme-menu:hover { background-position: 0 -31px; }
		.theme-menu-tabs li .bt-theme-menu.active { background-position: 0 -62px; }


/* menu carousel */
.menuCarousel {
	display: block; clear: both;
	width: 963px; height: 72px;
	padding: 1px 0 0 0;
	background: url('images/v2/carousel-bg.jpg') no-repeat 0 0;
}

.carousel_clip {
	display: block; float: left;
	width: 814px; height: 72px;
	position: relative; overflow: hidden;
}

.carousel_clip .carousel_item_wrapper {
	display: block;
	height: 72px;
	position: absolute; top: 0; left: 0;
}

.carousel_item {
	display: block; float: left;
	width: 74px; height: 72px;
	background: url('images/v2/filet-items.gif') no-repeat right top;
	position: relative;
}
	.carousel_item.slider_selected { background: url('images/v2/carousel-item-selected.gif') no-repeat 0 0; }
	.carousel_item .theme-name { color: #5ea7b7; }
		.carousel_item.slider_selected .theme-name { color: #00212f; }

.carousel_item table { position: relative; z-index: 1; }
.carousel_item a {
	display: block;
	width: 74px; height: 60px;
	overflow: hidden; text-indent: -10000px;
	position: absolute; top: 1px; left: 0; z-index: 2;
	outline: 0;
}

.carousel_button {
	display: block; float: left;
	width: 73px; height: 72px;
	overflow: hidden; text-indent: -10000px;
	outline: none;
}
.carousel_button.next { background: url('images/v2/carousel-next.gif') repeat-x 0 0; width: 74px; }
.carousel_button.prev { background: url('images/v2/carousel-prev.gif') no-repeat 1px 0; }
span.carousel-sep {
	display: block; float: left;
	width: 1px; height: 72px;
	background: url('images/v2/filet-items.gif') no-repeat 0 0;
}


.theme-menu-clip {
	width: 963px; height: 73px;
	position: absolute; top: -10px; left: 0;
	overflow: hidden; clear: both;
}
.theme-menu-slider {
	width: 963px; height: 146px;
	position: absolute; top: 0; left: 0;
}

table.ControlPanel { margin-bottom: 75px; }

#fb { margin-left: 0px; display: block; margin-top: 19px; float: right;}
