﻿/* -------------------------------------------------------------- 
	
	* screen.css - La Régie du cinéma 2008
 
	* @type:    Screen
	* @langue:  Commun
	* @year:    2008
	* @author:  CyberGénération - PG	
	* @note:    .class { background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others; }
	
--------------------------------------------------------------- */
	@import url(http://fonts.googleapis.com/css?family=Shanti);
	
	@import url("cBase2.0/cReset.css");		/* Resets all browser CSS. */
	@import url("cBase2.0/cBase.css");		/* Set global base CSS framework. */
	
	
/* leftContent specific style
--------------------------------------------------------------- */  
	
	@import url("../../contenu-editable/style_leftContent.css");

	
/* Styles used by the javascript resize feature
--------------------------------------------------------------- */  
	
	@import url("resize.css");
		
	
/* Default setting
--------------------------------------------------------------- */  
	html { font-size: 62.5%; }
	body { 	
		  font-family: Arial, Helvetica, sans-serif;	
		  
		  color: #111; 
		  background:#fff url(/css/commun/img/CinemaImageweb.png) no-repeat 50% 100px;
	}
	
	#pageContainer { 
		position:relative; 
		width:960px; 
		margin:0 auto 20px; 
		font-size: 1.2em; 
		line-height: 1.2em; 
	}
	
	h3							{ color:#3a270b; font-size:1.5em;}
	h4							{ color:#111; font-size:1.4em;}
	h5							{ color:#111; font-size:1.2em;}
	h3 a	{ color:#111; text-decoration:none}
	h3 a:hover { color:#1a55a1; text-decoration:none}
	:focus, :active,
	a:focus, a:active { outline: thin dotted; }
	a							{ color:#1a55a1; font-weight: bold; text-decoration: none;}
    a:hover						{ color:#1a55a1; text-decoration:underline }		
	.hautPage { padding-top: 10px; }
	#pageColumn1 a { color:#676767; text-decoration:none; }
	#pageColumn1 a:hover	{ color:#170f01; }
	
	#pageColumn1 .leftSubmenu li.selected a	{ color:#170f01; }
	
	#leftContent a			{ color:#1a55a1; }
	#leftContent a:hover	{ color:#1a55a1; text-decoration: underline; }
	
	#leftContent .sitesInterets a				{ color:#1a55a1; text-decoration: none; }
	#leftContent .sitesInterets a:hover			{ color:#1a55a1; text-decoration: underline; }
	
	.filmRecentHolder p a		{ font-weight:bold}
	.filmRecentHolder .suite:before		{ content:"[ "; }	
	.filmRecentHolder .suite:after		{ content:" ]"; }
	.filmRecentHolder .suite a:after		{ content:">>"; }
	
	.linkList li a				{ color:#1a55a1; text-decoration:none}
	.linkList li a:hover		{ color:#1a55a1; text-decoration:underline; }	
	
	hr { border:none 0; height:0px; color:#fff; background-color:#fff }
	.ieBug { zoom:1}
	
	.vMargin {margin:15px 0;}
	.topMargin {margin-top:15px;}
	.bottomMargin {margin-bottom:15px;}
	.lMargin {margin-left:15px;}
	.rMargin {margin-right:15px;}
	.bordered {border-top:#BEBFC1 dotted 1px; padding-top:10px;}
	.publication {width:70%; }
	.btn_top {display:block; clear:both; position:relative; top:10px;}
	td .btn_top {top:0;}
	.noMargin { margin:0; }
	.allcaps { text-transform:uppercase; }
	
/* sIFR typo setting
--------------------------------------------------------------- */
	
	.sIFR_tradegothic { font-family: 'Shanti', sans-serif; }	
	.twoLignes .printsifr { height:2em;margin:0;padding:0;float:none;width:auto;font-weight:inherit;display:inline;display:none;}
	
/*

*/
	
	h1.sIFR_tradegothic { padding-top:4px; margin-top:0; margin-bottom:14px; font-size:1.5em; letter-spacing:0; margin-bottom:10px; padding-right:60px; }
	h2.sIFR_tradegothic, h3.sIFR_tradegothic { font-size:1.3em; }
	h3.sIFR_tradegothic { color:#3a270b; padding-top:10px; margin-bottom:30px; font-size:1.2em; letter-spacing:0; padding-top:0;}
	h4.sIFR_tradegothic { color:#3a270b; padding-top:10px; margin-bottom:10px; font-size:1.5em; padding-top:0; }
	
	#pageAccueil h3.sIFR_tradegothic { padding-right:0; }
	
	h3.titreFilmHolder { font-size:1.5em; letter-spacing:0; padding:5px 5px; margin-top: 5px; zoom:1; position:relative; }

	.titreFilm { display:block; float:left; letter-spacing:-2px; font-size:1.5em; margin-top: 5px; padding-bottom:10px; width:auto; }
    .noFilm { display:block; letter-spacing:0; font-size:1.2em; margin-top: 5px; padding-top:10px; }

	* html .titreFilm	{ width:100%;}
	* html .noFilm { clear:both; padding:0px; margin-top:-14px; }
	
	.leftSubmenu h3 span.sIFR_tradegothic	{ font-size: 0.7em; }
	
	h3.province { font-size: 1.3em; text-align:center; }
		
	#leftContent h3.sIFR_tradegothic { font-size:1.5em; padding-top:0px; margin-top:20px;}
	#leftContent h4.sIFR_tradegothic { font-size:1.2em; margin-bottom:0; background:none; }
		
	.sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

	
/* pageUtils
--------------------------------------------------------------- */
	
	#pageAccueil #pageUtils		{ position:absolute; top:570px; left:631px; background:url(img/pageContent/bg_pageUtils_white.jpg) no-repeat; display:block; width:51px; height:36px }	
	#pageAccueil #pageUtils ul 	{ display:block; width:77px; list-style:none; padding:8px 0 0 1px }	
	#pageAccueil #pageUtils li 	{ float:left; margin-right:10px }
	#pageAccueil #pageUtils button { padding:0 10px;}
	
	#pageUtils			{ position:absolute; top:26.5em; right:4px; background:url(img/pageContent/bg_pageUtils_brun.jpg) no-repeat; display:block; width:77px; height:36px }	
	#pageUtils ul 		{ display:block; width:77px; list-style:none; padding:8px 0 0 6px; margin:0; }	
	#pageUtils li 		{ float:left; margin-right:10px }
	#pageUtils a			{ display:block; height:19px; width:21px; cursor:pointer; }
	#pageUtils button { background:none; border:none; padding:0;}
					
/* pageHeader
--------------------------------------------------------------- */
	
	/* If the menu is below the pageHeader add 'margin-bottom' equal to the mainMenu 'height' for clearing space */
	#pageHeader			{ height:25.5em; }	
	#pageHeader h1 a		{ display:block; height:80px; width:200px; }
	#pageHeader h2 		{ position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; }	
		
	
/* pageMenu
--------------------------------------------------------------- */

	/* quickMenu
	--------------------------------------------------------------- */	
	
	#quickMenu 			{ position:absolute; top:57px; left:225px; display:block; width:735px; height:1.5em;}
	#quickMenu ul 		{ background:#003399; padding-left:70px; line-height: 1.6em; }
	#quickMenu li 		{ display:inline; padding:0 10px 0 10px; }
	#quickMenu a 		{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#fff; font-size: 0.9em; }
	#quickMenu a:hover	{ color:#ccc; }

	/* mainMenu
	--------------------------------------------------------------- */
			
	#mainMenu 		 				{ position:absolute; top:22.85em; left:0; }
	#mainMenu ul 		 			{ display:block; width:960px; }	
	#mainMenu li 					{ float:left; }
	#mainMenu  a { color:#fff; padding:11px 0; text-align: center; display:block; min-height:13px; }
	
	/* hover of mainMenu bar */	
	#mainMenu a:hover,
	#mainMenu a:focus,
	#mainMenu a:active 				{ background-position:0 -36px; }
	#mainMenu a.selected 			{ background-position:0 -36px; }
	
		
/* pageContent
--------------------------------------------------------------- */
	
	/* overflow:hidden to force wrappin in FF - overflown:visible to force wrappin in avec IE6  */
	#pageContent_wrapper			{ background: url(img/pageContent/bg_pageContent_section.jpg) repeat-y; }
	#pageContent					{ background: url(img/pageContent/bg_pageColumn1.jpg) no-repeat left bottom; overflow:hidden !important; overflow:visible; height:auto !important; min-height:600px; height:600px; border:solid 1px #bfc3c8; border-top:none }
			
	#pageColumn1					{ width:249px; float:left; overflow:hidden; }
	#pageColumn2					{ background:url(img/pageContent/bg_pageColumn2_white.jpg) no-repeat top; width:708px; float:left; overflow:hidden }
	#pageColumn2.brun				{ background:url(img/pageContent/bg_pageColumn2_brun.jpg) no-repeat top; }
	
		
	#flashHolder					{ background: url(img/pageContent/bg_flashHolder.jpg) no-repeat; width:710px; height:260px; margin:2px 0 0 0; }
	#contentColumn1					{ width:440px; float:left; overflow:hidden; }
	#contentColumn2					{ width:268px; float:left; overflow:hidden; }
	
	
	.oneCol div.contentLeft 					{ width:380px; float:left; }
	.oneCol div.contentRight					{ width:380px; padding-left:40px; float:right; background:url(img/pageContent/fiche_leftLineBig.jpg) no-repeat top left; }
	.oneCol div.contentRight_min				{ width:420px; padding-left:40px; float:right; background:url(img/pageContent/fiche_leftLineBig.jpg) no-repeat top left; overflow:visible; height:auto !important; min-height:400px; height:400px; }

	.contentLeft 					{ width:280px; float:left; }
	.contentRight					{ width:20em; padding-left:40px; float:right; background:url(img/pageContent/fiche_leftLineBig.jpg) no-repeat top left; }
	.contentRight_min				{ width:300px; padding-left:40px; float:right; background:url(img/pageContent/fiche_leftLineBig.jpg) no-repeat top left; overflow:visible; height:auto !important; min-height:400px; height:400px; }
					
	.contentHolder					{ padding:15px 12px 10px 20px; overflow:hidden; }
	.contentHolder ul				{ margin-left: 40px;}
	.contentHolder ol				{ margin-left: 40px; }
	.contentHolder ol li			{ list-style-type:decimal; }
	.contentHolder ol li li			{ list-style-type:lower-alpha; }
	.contentHolder li				{ margin:5px 0;  padding-top:5px; border-top:#BEBFC1 dotted 2px; }
	.contentHolder li:first-child	{ border-top:none; }
	
	#loisIndex ul					{ margin:0 0 0.5em 20px; list-style:none; }
	#loisIndex ul li 				{ border:none; margin:0 0 0.75em 0; padding:0 }
	#loisIndex ul li a				{ font-size:1.2em; text-decoration:none }
	#loisIndex ul li a:hover				{ text-decoration:underline }
	#loisIndex ul ul li 			{ border:none; margin:0; padding:0 }
	#loisIndex ul ul li a			{ font-size:1em; }
	#loisIndex ul ul ul li 			{ border:none; margin:0; padding:0 }
	#loisIndex ul ul ul li a		{ font-size:1em; font-weight:normal }
	
	.contentScratch, .h3Scratch			{background: url(img/pageContent/bg_newScratch.gif) no-repeat top; padding:20px 30px 40px 40px;}	
	.topScratch						{ background: url(img/pageContent/bg_topScratchbrun.jpg) no-repeat bottom; margin-top:1.3em; padding-top:0 }	
	.noScratch						{ background: none; padding-left:40px; padding:20px 40px 30px 40px;}
	.fiche .noScratch {padding:20px 12px 30px 40px;}
	
	.postIt_holder					{ background:#FFFFFF url(img/pageContent/bg_postIt_top.jpg) no-repeat; background-position:0 0; float:right; padding:0 0;  }
	.postIt_holder_jaune			{ background:#FFFFFF url(img/pageContent/bg_postIt_top_jaune.jpg) no-repeat; background-position:0 0; float:right; padding:0 0; background-color:#FFFF99 }

	.postIt 						{ background:url(img/pageContent/bg_postIt_bottom.jpg) no-repeat bottom right; padding:20px 0 0 25px; margin-bottom:15px;}
	.postIt_jaune 					{ background:url(img/pageContent/bg_postIt_bottom_jaune.jpg) no-repeat bottom right; padding:20px 0 0 25px; margin-bottom:15px; margin-right:15px;}

	.postIt ul						{ list-style:none; padding:0 25px 25px 0; margin:0; }
	.postIt li						{ border-bottom:none; padding-bottom:0px; }
	
	.topScratch	ul li				{ border:none; margin:0px }
	.topScratch a, #fonction.topScratch a {text-decoration:none; color:#3a270b;}
	.topScratch a:hover, #fonction.topScratch a:hover {text-decoration:none; color:#9a765e;}
	
	.noScratch h4.sIFR_tradegothic	{ margin-top:-15px; }
	
	.titleHolder					{ overflow:hidden; margin:0 0 15px 0; padding:15px 0 0 0 }
	.titleHolder h3					{ margin-bottom:0 }
	
	ul.linkList 					{ list-style:none; border:0; margin: 1.25em 0; }
	.linkList li					{ border:0; margin: 5px 0; padding-bottom:5px; }
	
	.demandeImprimes a:hover		{ background-position:0 -47px; }
	
	/* pageColumn1
	--------------------------------------------------------------- */
	#quickSearch	{ 
		position:relative; 
		/*left:524px; position: absolute; top: 10.2em;*/ 
		float: right;
		margin-top:12.75em;
	    *margin-top: 90px; /* IE6 and IE7 */
		width: 425px; 
		padding:0; 
		/*background:url('img/bg_search.jpg') no-repeat 0 -5px #A7540E;*/
		}
/*		
	@media screen and (min-width:0\0)
	{
		#quickSearch { 
		position:relative; 
		/*left:524px; position: absolute; top: 10.2em;*/ 
		float: right;
		margin-top:15em;
		*margin-top:-14px; /* IE6 and IE7 */
		width: 425px; 
		padding:0; 
		/*background:url('img/bg_search.jpg') no-repeat 0 -5px #A7540E;*/
		}
	}
*/	
	#quickSearch fieldset,			
	#quickSearch form				{ border:none; margin:0; padding:0 }
	#quickSearch input,
	#quickSearch select				{ width:269px; margin:3px 0; *margin:0; vertical-align:middle; }
	#quickSearch .btn_holder img	{ margin:3px 0; vertical-align:middle; }
	#quickSearch label				{ margin-top:6px; *margin-top:16px; margin-right: 5px; float:left; }
	#quickSearch a.advSearch		{ color:#ffffff; font-size:0.8em; text-decoration:underline; float:right; margin-right:52px;}
	#quickSearch a.advSearch:hover	{ text-decoration:none;}
	#quickSearch button.btn_holder { background: none; border:0; color:#fff; padding:0;}
	
	.leftSubmenu	{ background:url(img/pageContent/bg_leftSubmenu_grad.jpg) 1px 0 no-repeat; width:249px; margin:0 0 14px; padding-top:20px; }
	#quickSearch #rcqMotto { text-transform:uppercase; color: #CBCBCB; background-color:#000; font-size:1.4em; margin-bottom:7px;}
	#rcqMottoEn { text-transform:uppercase; color: #CBCBCB; font-size:1.4em; position:relative; left:527px; top: 3.3em; background-color:#050402;  width: 15em; }
	
	
	.leftSubmenu h2 { background:url(img/pageContent/bg_leftSubmenu_top.jpg) no-repeat #747474; min-height:31px; margin:0; padding:10px 0 0 17px; font-size:1.1em; color:#fff }
	.leftSubmenu ul { background:#fff url(img/pageContent/bg_leftSubmenu_bottom.jpg) no-repeat bottom right;; margin:0 0 0 30px; list-style:none; }
	.leftSubmenu li { padding:4px 0 4px 15px; border-bottom:#b5b9be solid 1px; border-right:#b5b9be solid 1px; border-left:#b5b9be solid 1px;}
	.leftSubmenu li.first			{ padding:0 0 4px 15px; }
	.leftSubmenu li.last			{ padding:4px 0 5px 15px; border:none; }

	#leftContent	 				{ background: url(img/pageContent/bg_leftContent.jpg) no-repeat; margin:4px 0 0 0; padding:10px; width:249px; }
	#leftContent.noMenu	 			{ background:url(img/pageContent/bg_leftSubmenu_grad.jpg) 1px 0 no-repeat; width:249px; margin:0 0 14px; padding-top:20px;  }
	#leftContent li	 				{ margin-bottom:0.5em}
	.demandeImprimes:hover			{ background-position:0 -47px}

	
		
	/* Style de l'ancien site
	--------------------------------------------------------------- */
	/*.contentHolder .Content_Input_Text_Mandatory { background-color: #ece2d6; }*/
	
	.contentHolder .Content_Error_Msg { color:red; font-weight:bold; }			
	
	/* legal
	--------------------------------------------------------------- */
	#legal .p						{ width:655px; overflow:hidden; padding-bottom:20px; }
	#legal h2 { font-size: 1.2em; }
	#legal h2.label, #legal h3.label, #legal h4.label, #legal h5.label { width:155px; float:left; padding-right:20px; font-weight:normal; font-size: 1.2em; }
	#legal .text					{ width:475px; float:left; }
	#legal .text table td			{ padding:9px 0;}
	#legal .number					{ font-weight:bold; }
	#legal .special {color:#990000;}
	#legal .loiIndent { width:490px; margin-left:175px; padding-bottom: 20px; }
	#legal .loiIndent table td { width: 20em; height:3em; }
	
	/*#legal ul, #legal ul li,
	#legal ol, #legal ol li
	{padding-bottom:0;margin-bottom:0;}*/
	
	/* filmRécents
	--------------------------------------------------------------- */
		
	#label-txtClassRecent { display:block; }
	#txtClassRecent { margin-top:0;	}
	#filmRecents .filmRecentHolder { overflow:visible; padding:10px 0 20px 0; margin:0; clear:both; position:relative; display:block;  }
	
	#filmRecents .filmRatingHolder { background:#fff url(img/pageContent/bg_filmRating.gif) no-repeat bottom left; float:left; width:102px; overflow:hidden; border-bottom:3px; margin:0; padding:0; }
	#filmRecents .filmScreenShot { margin:0; border:solid 1px #bfc3c8; border-bottom:none; width:100px; height:64px; overflow:hidden; }
	#filmRecents .filmScreenShot img { width:100px; height:64px; }
	#filmRecents .filmScreenShot a:focus>img,
	#filmRecents .filmScreenShot a:active>img	{ border:solid 1px #000; height:63px; width:98px }
	#filmRecents .filmRating	 { overflow:hidden; padding:5px 5px 0 5px; margin:0 0 5px 0; border-top:solid 1px #bfc3c8; }
	#filmRecents .filmRating p { margin:0 0 0 42px; font-family:Tahoma, Geneva; font-size:0.8em; line-height:1.1em; padding:0 }
	
	#filmRecents .filmDesc { margin-left:115px; padding-right:10px; }	
	#filmRecents .filmDesc p { margin:0 0 5px 0; font-size: 0.9em; line-height:1.2em; padding:0;}	
	#filmRecents .filmDesc h3 { margin:0; font-size:1.2em; }
	#filmRecents .filmDesc p.origine { font-style:italic; font-weight:normal; font-size:1.1em; border-bottom:#BEBFC1 dotted 2px; padding-bottom:0.5em; }
	#filmRecents .filmDesc p .titreVo { font-weight:bold; font-style:normal; color:#999999 }

	form#frmRCQ210FilmClasseRecent { float:right; }
	
	#pagination								{ display:block; text-align:center; padding:15px 0 15px 40px; zoom:1 }
	#pagination .contentPrev				{ width:100px; float:left; margin-right:5px; }
	#pagination .contentPages				{ width:438px; float:left; margin-bottom:20px; }
	#pagination .contentNext				{ width:100px; float:left; }
	
	#pagination ul							{ margin:0;}
	#pagination li							{ list-style:none; float:left; border:1px solid #BFC3C8; text-align:center; margin:1px; padding:0 }
	#pagination li.prev						{ width:100%; }
	#pagination li.next						{ width:100%; }
	#pagination li.prev:hover				{ background-color:#DBEDFF; }
	#pagination li.next:hover				{ background-color:#DBEDFF; }
	
	#pagination li.page						{ width:25px; }
	#pagination li.page:hover				{ background-color:#DBEDFF; }
	#pagination li.current					{ width:25px; background-color:#233B57; color:#FFFFFF; font-weight:bold; }
	#pagination a							{ display:block; width:100%; text-decoration:none; }
	#pagination a:link						{ text-decoration:none; }
	#pagination a:visited					{ text-decoration:none; }
	#pagination a:hover						{ text-decoration:none; color:#000000; }
	#pagination a:active					{ text-decoration:none; }
	
	/* process
	--------------------------------------------------------------- */
	#classification					{ width:679px; margin-bottom:20px; }
	#classification img				{ padding-bottom:15px; }
	#classification .category		{ width:679px; margin-bottom:20px; overflow:hidden; }
	#classification .icon			{ width:150px; float:left; padding:5px; margin-right:10px; background-color:#EDEDED; }
	#classification .description	{ width:505px; float:left; }


/* pageAccueil
--------------------------------------------------------------- */

	#pageAccueil #pageContent_wrapper		{ background: url(img/pageContent/bg_pageContent_accueil.jpg) repeat-y #fff; }		
	#pageAccueil #pageColumn2				{ background: none; }
	#pageAccueil .contentHolder				{ padding:0px 12px 10px 15px; position:relative; }	
	#pageAccueil h3						{ font-size:1.4em; }
	
	#actualites .newsHolder					{ width:239px; clear:both }
	#actualites .newsHolder	h3				{ margin-top:10px; }
	#actualites .newsHolder .imgHolder		{ width:238px; height:auto; }	
	#actualites .newsHolder	img				{ border:#bfc3c8 solid 1px }
	#actualites .newsHolder	p				{ margin-bottom:3em }	
	#actualites	.titleHolder				{ padding-top: 19px; }	
	
	#pageAccueil #leftContent	 			{ background:none; margin:0; padding:0; }
	#pageAccueil #pageContent	 			{ background:none;}
	#pageAccueil .filmDesc p.origine			{ width:285px; margin:0 0 5px 0; font-size:1.1em; line-height:1.2em; }
	
	#pageAccueil .onglet					{ border-bottom: 1px solid #808183; margin: 0; overflow: hidden; list-style: none; }
	#pageAccueil .onglet li					{ float: left; border: 0; margin: 0; padding: 0; }
	#pageAccueil .onglet li button { display: block; color:#fff; padding:4px 0; text-align:center; border:0; }

	#pageAccueil .onglet li button:focus,
	pageAccueil .onglet li button:hover { text-decoration:underline; }
	
	#pageAccueil .onglet li button:hover,
	pageAccueil .onglet li button:focus,
	#pageAccueil .onglet li.selected button { background-position: 0 -27px; }
	
	#pageAccueil .filmsAffiche				{ clear: both; }
	#pageAccueil .avis { 
	left: 600px;
    position: absolute;
    top: 575px;
	z-index:999;
	}
	#pageSection .avis { 
	left: 850px;
    position: absolute;
    top: 325px;
	}

		
/* pageFicheMotif
--------------------------------------------------------------- */

	#ficheMotif								{ color:#666; font-size:1em; }
	#ficheMotif p							{ line-height:1.2em; }
	
	#ficheMotif	 .ficheMotifTop				{ overflow:hidden; border-top:#f1f1f1 solid 1px; }
	#ficheMotif	 .ficheImage				{ background: url(img/pageContent/bg_ficheImage.jpg) no-repeat; width:300px; height:225px; overflow:hidden; float:left; position:relative }
	#ficheMotif	 .ficheImagescratch 		{ position:absolute; top:0; right:0; }
	
	#ficheMotif	 .ficheTitle				{ width:225px }
	
	#ficheMotif	 .ficheRating				{ position:absolute; width:105px; left:250px }
	#ficheMotif	 .ficheRating p				{ font-family:Tahoma,Geneva; font-size:1em; line-height:1.1em; margin:0; }
	#ficheMotif	 .ficheRating p img			{ margin:0 10px 10px 0;}
	
	#ficheMotif	 .ficheDesc					{ margin-left:300px; width:315px; padding:10px 0 0 15px; position:relative; }
	#ficheMotif	 .ficheDesc h4				{ font-size:1.6em; }
	#ficheMotif	 .ficheDesc h4 span			{ font-size:1.2em; font-weight:normal }
	#ficheMotif	 .ficheDesc h5				{ font-weight:normal }
	#ficheMotif	 .ficheDesc table			{ font-weight:normal; width:315px; margin-bottom:0; text-align:left; }
	#ficheMotif	 .ficheDesc table th		{ padding:0 10px 0 0; }
	
	#ficheMotif	 .date						{ color:#666; }
	
	#ficheMotif	 .bottomLine				{ background: url(img/pageContent/fiche_bottomLine.jpg) no-repeat top; display:block; height:20px; width:245px; }	
	
	#ficheMotif	 .ficheMotifBottom			{ padding-top:10px; background: url(img/pageContent/fiche_bottomLine.jpg) no-repeat top; background-position:315px top; }
	#ficheMotif	 .ficheSynopsis				{ background:url(img/pageContent/fiche_leftLine.jpg) no-repeat top right; width:300px; }
	#ficheMotif	 .ficheSynopsis p			{ color:#111; margin:0 17px 0 0 }
	#ficheMotif	 .ficheSynopsis table		{ font-weight:normal; width:290px; margin-bottom:0; text-align:left; margin-top:10px }		
	#ficheMotif	 .ficheSynopsis table th	{ padding:0 10px 0 0; }
	
	#ficheMotif	 .ficheClassement			{ margin:0 0 0 300px; width:330px; padding:0 0 0 15px }	
	#ficheMotif	 .ficheClassement p			{ color:#111; margin:0 }
	#ficheMotif	 .ficheClassement a			{ margin:15px 0 0 0 }
	#ficheMotif	 .ficheClassement p.remarque	{ margin:15px 0 0 0 }
	
	#ficheMotif	 .iconeQuebec				{ margin:0 0 15px 0; padding:15px 0 0 0 }

								
/* pageFooter
--------------------------------------------------------------- */
	
	#pageFooter						{ background:#fff; color:#1a55a1; text-align:center; padding:20px 0; border:solid 1px #bfc3c8; border-top:none }
		
	#bottomLinklist					{ width:100%; margin-bottom:10px }
	#bottomLinklist	li				{ display:inline; padding:0 7px 0 5px; border-left: 1px solid #4a6485; }
	#bottomLinklist	li a			{ margin:0 0 0 5px; font-weight:bold; }
	#bottomLinklist	p				{ font-size:0.9em; }
	#bottomLinklist	p img			{ margin-top:5px; }	


/* frais.asp
--------------------------------------------------------------- */

#distributeur table.frais {
	width:100%; 
}
table.frais {
	border: 1px solid #c6c6c6; 
	border-collapse:collapse; 
	color:#555;
}

#distributeur h3 {
	height: 34px;
	padding: 0 0 0 15px;
	background: #777 url(/css/commun/img/pageContent/bg_thead.gif) repeat-x left top;
	color:#fff;
	font-weight: bold;
	text-transform:uppercase;
	line-height:35px;
	font-size:1em;
	margin:0;
}
table.frais thead th, table.frais tbody th {
	width: 37px;
	padding:4px 0;
	text-align:center;
}

table.frais tbody td {
	border-left: 1px solid #c6c6c6;
	background-color:#FFF;
	vertical-align: middle;
	text-align: center;
}

table.frais tbody th {
	background-color:#fff;
	font-weight:normal;
}

table.frais tr.mois th {
	border-bottom: 1px solid #c6c6c6;
	border-left:0;
	background-color:#fff;
}

table.frais tr.total td,
table.frais tr.total th {
	border-top: 1px solid #c6c6c6;
	background-color:#e3e3e3;
}

table.frais tr.total th.total {
	background-color:#e3e3e3; font-weight:bold;
}

table.frais td.mai {
	font-weight: bold;
}

span.definition {
	cursor: help;
	border-bottom: 1px dotted #5a5a5a;
}

td.dateNouvelle {width:100px;}
td.lienNouvelle {width:100px; width:500px;}

tr.even-row td, tr.odd-row td {
	padding:6px;
	background-color:#fff;
	border-bottom:#BEBFC1 dotted 2px;
}

table.dotted {margin:5px 0 0 15px;}
table.dotted td {
	padding:6px; 
	background-color:#fff;
	border-top:#BEBFC1 dotted 2px;}
table.dotted td.number,
table.dotted .first td
{border:0;}
table.dotted td.number {font-weight:normal;}

/* RCQ212AfficherDistibuteur.asp
--------------------------------------------------------------- */

#listDistributeurs_domestique td 					{padding:1px 2px;}
#listDistributeurs_publique td 						{padding:1px 2px;}
#listDistributeurs_publique .distributeursPhone 	{padding:5px 2px 1px 2px}

/* RCQ251RechercherDetenteurPermis.asp
--------------------------------------------------------------- */

#recherche-permis {
border:1px solid #CCCCCC;
margin:0;
padding:1.4em 1.4em 1.2em 1.4em;
}

*html #recherche-permis {
padding-bottom:2.8em;
}

#recherche-permis div.field-label-pair {
	margin-bottom: 5px;
	clear:both;
	position:relative;
	overflow: hidden;
	height: auto;
}
    
#recherche-permis div.field-label-pair label {
	width: 175px;
	float:left;
}

#recherche-permis div.field-label-pair label.radio {
	width: auto;
	margin: 0 10px;
}


#recherche-permis div.field-label-pair label[for] {
	cursor:pointer;
}


#recherche-permis div.field-label-pair input,
#recherche-permis div.field-label-pair select {
	float:left;
	margin-top:0;
	width: 435px;
	padding: 2px;
	margin: 0;
}

#recherche-permis div.field-label-pair input.radio {
	width: auto;
	background-color: transparent;
	color: #000;
	border: none;
}

#recherche-permis-buttons {
	width: 635px;
	text-align:right;
	padding-top:10px
}

table.recherche-permis-resultat {
	width: 635px;
}

table.recherche-permis-resultat td {
	padding:1px 2px;
}

table.recherche-permis-resultat th {
	background-color:transparent;
	padding:1px;
	font-size:1.1em;
	color:#666666
}

/**
 CSS de suzie copié ici
*/

.caption {color:#3a270b; font-size:0.9em; margin-right:10px;}
.contentHolder ul.noborder li {border:none;}
h4.province {margin-top:2.5em; text-align:center; margin-bottom:15px;}

.classements table  {margin:1.5em 20px;}
.classements table td {padding-bottom:10px;}

/* nouvelles
--------------------------------------------------------------- */
	#nouvelle {width:630px;}
	#sitemap ul li {
		border:0;
		line-height:1.1em;
	}
	#sitemap .sectionTitle {
		text-transform:uppercase;
		font-weight:bold;
	}
	
	#liste-pays ul {margin-top:10px;}
	#liste-pays li {line-height:0.7em;}
	
	.form .section {margin-top:2em;}
	.form label {display:block; clear:both;}
	.row {display:block; clear:both; padding:10px 0;}
	.lMargin {margin-left:20px;}
	.form select {margin:0 0;}
	.form .bordered {display:block; border:1px solid #c5c5c5; padding:10px;}
	label .big {font-size:1.4em;}
	
	.minheight {height:auto !important; height:30px; min-height:160px;}
	
	
	/* Templates sur une seule colonne */
	.oneCol #pageContent_wrapper	{ background:url(/recherche/css/commun/img/pageContent/bg_pageContent_section.jpg) repeat-y;}
	.oneCol #pageContent 			{ background:none; }
	.oneCol #pageColumn2 			{ width:957px; background:url(/recherche/css/commun/img/pageContent/bg_pageColumn2_brun.jpg) no-repeat middle top;}
	.oneCol .topScratch 			{ width:957px; background:url(/css/commun/img/pageContent/bg_topScratchbrun-v2.jpg) left bottom no-repeat;}
	
	.oneCol #pageColumn2.brun				{ background:url(/css/commun/img/pageContent/bg_pageColumn2_brun-v2.jpg) no-repeat 0 0; }
	
	
	
/* Fiche Technique
--------------------------------------------------------------- */
.colLeft table {
background:url(/css/commun/img/bg_shadow_col1.gif) no-repeat left bottom;
width:295px;
height:75px;
}

.colLeft table td{
vertical-align:top;

}

.fiche #ficheContainer {
	margin-top: 20px;
	font-size: 1em;
	background:url(/css/commun/img/bg_fiche.gif) repeat-y left top;	
	overflow:hidden !important;
	height:auto !important;
	height:499px;
	min-height:499px;
}

.fiche .colLeft{
	width: 319px; 
	float: left;
	padding-left: 33px;
	/*color:#66645C;*/
	/*color:#3F3F3F;*/
}

.fiche .colRight{
	width: 595px;
	float: left;
}

.fiche .filmclassement {
	background:url(/css/commun/img/bg_shadow_col1.gif) no-repeat left bottom;
	position: relative;
	/*padding: 0px 0 0px 50px;*/
	
	padding: 4px 0 29px 60px;
/*	margin: 15px;*/
	margin: 24px 0 17px 0;
	zoom:1;
}

.fiche .filmclassement {
	position: relative;
	padding: 4px 0 29px 60px;
	margin: 24px 0 17px 0;
	zoom:1;
}


.fiche .filmclassement img {
	position: absolute;	
	padding: 0;
	top: 0;
	left: 8px;
}

.fiche .filmclassement p{
	display: inline;
	color: #000;
	font-weight: bold;
}

.fiche .filmclassement a {
	padding-left: 13px;
	background:url(/css/commun/img/listBullets/link.gif) no-repeat left 3px;
	color: #59544a;
}

.fiche .filmclassement a.plus:hover .infoBulle {
	display: block;
}

.fiche .filmclassement .infoBulle {
	padding: 10px 10px 10px 22px;
	background: #000;
	position: absolute;
	top: -9px; 
	right: -93px;
	width: 224px;
	display: none;
}

.fiche h2,
.fiche .colLeft p,
.fiche .colRight p,
.fiche .colRight .col span{
	color: #3f3f3f;
	font-size: 1em;
}

.fiche .colRight ul {
	margin: 0;	
	overflow: hidden;
	background: #fff;
	zoom: 1;
}

.fiche .colRight ul.onglet li {
	float: left;
	list-style:none;
}

.fiche .colRight ul.onglet a {
	display: block;
	height: 15px;
	text-align:center;
	color: #fff;
	padding:10px 0;
}

.fiche .colRight ul.onglet a:hover,
.fiche .colRight ul.onglet .selected a{
	background-position: left bottom;	
}

.fiche .colRight .content_holder {
	background:url(/css/commun/img/bg_shadow_col2.gif) no-repeat left bottom;
	padding: 0 0 8px 0;
	width: 563px;
	margin: 23px auto 0 auto;
}

.fiche .colRight .content_holder .col {
	border-left: 1px solid #cecab9;
	float: left;
	width: 214px;
	padding-right: 23px;
}
.fiche .colRight .content_holder .generic{
	
	width: 162px;
	min-height:440px;
	color:#66645C;	
}

.fiche .colRight .content_holder .col p {
	border-bottom: 1px solid #cecab9;
	padding-bottom: 10px;
}

.fiche .colRight .col span {
	font-weight: bold;	
}

.fiche .colRight .content_holder.noBg {
	background: none;	
}

.fiche .colRight .content_holder .noBorder {
	border :0;	
}

.fiche .colRight .col p,
.fiche .colRight .col table {
	color: #66645c;	
}

.fiche .colRight .col table {
	margin: 0 0 0 21px;
}

.fiche .colRight .col table td,
.fiche .colRight .col table th{
	border-bottom: 1px solid #cecab9;
	padding: 8px 0;
}

.fiche .colRight .col table .first td,
.fiche .colRight .col table .first th{
	padding-top: 0;	
}

.fiche .colRight .col table th {
	padding-right: 15px;
}

.fiche .colRight .col table td {
	font-weight: bold;
}

.fiche .colRight .col table th img {
	float: right;
}

.fiche #distributeur .col {
	border: 0;	
	width: 254px;
}

.fiche #distributeur h2 {
	font-size: 1.1em;	
	color: #000;
	border-bottom: 1px solid #d0d0d0;
	padding: 0;
	margin: 0 0 23px 0;
	text-transform:uppercase;
}

.fiche #distributeur h3 {
	width: 237px;
	line-height: 18px;
	font-size: 1em;
	color: #fff;
	background: #9f988e;
	text-transform: uppercase;
	padding-left: 4px;
	margin-bottom: 13px;
}

.fiche #distributeur ul {
	background: none;	
	margin-left: 5px;
}

.fiche #distributeur p {
	color: #332b1f;
	text-transform: none;
	padding: 0 0 0 15px;
	border: 0;
	margin: 0;
	font-weight: bold;
}

.fiche #distributeur li {
	padding: 4px 0 5px 0;
	border-bottom: 1px solid #c4baac;
}

.fiche #distributeur li a {
	color: #796c59;
	text-transform: uppercase;
	font-weight: bold;
}

.fiche .btnPdf {
	display: block;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}

.repertoire  ul.onglet {
	overflow: hidden;
	margin: 0;
	float:left;
	display: block;
}

.repertoire  ul.onglet li {
	float: left;
	list-style:none;
	border: 0;
	margin: 0;
}

.repertoire  ul.onglet a {
	display: block;
	min-height: 15px;
	text-align:center;
	color: #fff;
	padding:10px 0;
}
.repertoire  ul.onglet a:focus { text-decoration:underline; }
.repertoire  ul.onglet a:focus,
.repertoire  ul.onglet a:hover,
.repertoire  ul.onglet .selected a{
	background-position: left bottom;	
}

.repertoire #filmRecents {
	border-top: 1px solid #808183;
	clear:both;
}

.repertoire #frmRCQAffiche #label-txtSelectExpresse,
.repertoire #frmRCQAffiche #txtSelectExpresse {
	float: left;
	margin: 0;
}

.repertoire #frmRCQAffiche #label-txtSelectExpresse {
	margin: 3px 3px 0 0;	
}

.RepertoireList
{
	float:left;
	/*border-top:.75px ridge black;*/
	position: relative;
}

.RepertoireList #frmRCQAffiche,
.RepertoireList .options {
	position: relative;
	right: 0;
	top: 20px;
}


.RepertoireContainer
{
	padding-top:50px;
}

.fiche .img_content {
	background: url(img/pageContent/bg_ficheImage.jpg) no-repeat 0 0;
	height: 225px;
	width:300px;
	position: relative;
	overflow: hidden;
	zoom:1;
	padding: 0;
	margin: 0;
}

.fiche .img_content .dechirure {
	background: url(img/pageContent/ficheImage_rightScratch.png) no-repeat 0 0;
	height: 225px;
	width: 19px;
	position: absolute;
	top: 0; 
	right: 0;
}

.fiche .img_content {
	border: 0;
	display: block;
}

/* formulaires 
--------------------------------------------------------------- */

.obli {
font-size:medium;
color:red;
}
.

#text-search-when-blank {
	display:none;
}

/* Inscription bulletin
--------------------------------------------------------------- */

.inscription_formulaire {
margin: 45px;
}

.inscription_formulaire table {
width: auto;
}

.inscription_formulaire td{
padding: 4px;
}

.inscription_formulaire td.label{
text-align:right;
font-weight:bold;
/*vertical-align:middle;*/
padding: 5px 1.5em 0 0.75em;
}

/* s3Slider
--------------------------------------------------------------- */
#slider {
    width: 709px; /* important to be same as image width */
    height: 259px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background-color: #000;
}
#sliderContent {
    width: 410px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage p {
    position: absolute;
	font-size: 1em;
    padding: 5px 13px;
    width: 709px;
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";	
    color: #fff;
    display: none;
	height: 4em;
}
.sliderImage p img{
	float:left;
	margin-right:10px;
}
.sliderImage span.texte {
	margin-top: 2px;
	float: left;
	background: transparent;
	font-size: 0.9em;
}
.clear {
	clear: both;
}
.sliderImage p strong {
    font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
button { cursor:pointer; } 

/* Organigramme */
img.imgOrg {width:710px; height:910px;}

/* Image nouvelle fenêtre */
img.newWindow { margin: 0px; padding: 0px 0px 0px 5px; height:10px; width: 10px;}