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

	* cBase.css - Base Framework CSS
 
	* @version: 2.0
	* @type:    Screen
	* @year:    2008
	* @author:  CyberGénération - PG

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


/* basicLayout.
--------------------------------------------------------------- */ 

	h1 img, h2 img, h3 img,	h4 img, h5 img, h6 img 	{ margin:0; }
	#pageHeader h1, #pageHeader h2, #pageHeader h3	{ margin:0; }
	
	/* hide the list style in the header, the menu and in the footer */
	#pageHeader ul, #pageMenu ul, #pageFooter ul 	{ list-style-type: none; margin:0; padding:0; }
	
	/* hide the accessMenu when in screen mode */
	#accessMenu a	{ position:absolute; left: -9999px; }
	#accessMenu a:focus { left:0; top:5px; }
	address { display: none; }
	
	/* hide the h3 title in the menu and the footer */
	#pageMenu h3, #pageFooter h3, #pageUtils h3	 	{ position:absolute; top:0; left:0; left:-9999px; width: 1%; height: 0; }

	
/* Headings
--------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #333; }
	
	h1 { font-size:3em; line-height:1em; margin-bottom: 1em; }
	h2 { font-size:2em; margin-bottom:1em; }
	h3 { font-size:1em; line-height:1em; margin-bottom:1em; }
	h4 { font-size:1.2em; line-height:1.25em; *line-height:2em; margin-bottom:0.5em; }
	h5 { font-size:1em; font-weight:bold; margin-bottom:0.5em; }
	h6 { font-size:1em; font-weight:bold; }
				

/* Text elements
--------------------------------------------------------------- */

	p           { margin:0 0 1em; }
	p img.left  { margin:0.25em 1em 1em 0; padding: 0; }
	p img.right { margin:0.25em 0 1em 1em; padding: 0;}
	
	a:hover     { color: #000; }
	a           { color: #009; text-decoration: underline; }
	
	blockquote  { margin:1em; color:#666; font-style:normal; }
	em,dfn      { font-style:italic; }
	dfn         { font-weight:bold; }
	sup, sub    { line-height:0; }
	
	abbr, 
	acronym     { border-bottom:1px dotted #666; }
	address     { margin:0 0 1em; font-weight:bold; font-style:normal; color:#666; }
	del         { color:#666; }
	
	pre,code    { margin:1em 0; white-space:pre; }
	pre,code,tt { font:11px 'andale mono', 'lucida console', monospace; line-height:1em; } 


/* Lists
--------------------------------------------------------------- */
	
	li ul, 
	li ol       { margin:0 1em; }
	ul, ol      { margin: 0 0 1em 1em; }
	
	ul          { list-style-type: disc; }
	ol          { list-style-type: decimal; }
		
	dl          { margin: 0 0 1em 0; }
	dl dt       { font-weight: bold; }
	dd          { margin-left: 1em;}
	
	
/* Form 
-------------------------------------------------------------- */

	label       { font-weight: bold; }
	fieldset    { padding:1.4em; margin:0 0 1em 0; border:1px solid #ccc; }
	legend      { font-weight:bold; font-size:11px; }


/* Form fields
-------------------------------------------------------------- */

	input.text, input.title,
	textarea, select {
	  margin:11px 0;
	  border:1px solid #bbb;
	}
	
	input.text:focus, input.title:focus,
	textarea:focus, select:focus {
	  border:1px solid #666;
	}
	
	input.text, 
	input.title   { width:300px; padding:5px; }
	input.title   { font-size:0.69em; }
	textarea      { width:390px; height:250px; padding:5px; }
	
	input   	  { font-size:1em; }
	

/* Success, notice and error boxes
-------------------------------------------------------------- */

	.error,
	.notice, 
	.success    	{ padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
	.error      	{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.notice     	{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.success    	{ background: #E6EFC2; color: #264409; border-color: #C6D880; }
	.error a    	{ color: #8a1f11; }
	.notice a   	{ color: #514721; }
	.success a  	{ color: #264409; }

			
/* globalClass.
--------------------------------------------------------------- */ 
	#pageColumn2 #flashHolder p.cacher1 { margin:0 }
	#pageColumn2 #flashHolder #enVedette { position:absolute; left: 70%; top: 20em; }
	#pageFooter .hide,
	#contentColumn1 .hide,
	#pageColumn2 .hide,
	#pageColumn2 #flashHolder p.cacher1 a,
	#pageColumn2 #flashHolder .cacher p,
	#pageColumn2 #flashHolder .cacher ul a { position:absolute; left: -9999px; }
	#pageColumn2 #flashHolder p.cacher1 a:focus { z-index:100; left: 250px; top: 19em;  padding:1em;  width: 20em; color:#fff; background-color:#000; }
	#pageColumn2 #flashHolder .cacher ul a:active, 
	#pageColumn2 #flashHolder .cacher ul a:focus { left: 0; top: 0;  padding:1em;  width: 20em; color:#fff; background-color:#000; }
	#pageColumn2 #flashHolder .cacher ul li { list-style:none; display:inline; }
	body div#pageContainer .right		{ float:right; }	
	body div#pageContainer .left 		{ float:left; }	
	body div#pageContainer .clear		{ clear:both; }
	body div#pageContainer .rel 		{ position:relative; }	
	
	body div#pageContainer .top			{ margin-top:0; padding-top:0; }
	body div#pageContainer .bottom 		{ margin-bottom:0; padding-bottom:0; }
	
	body div#pageContainer .bold		{ font-weight:bold }
	body div#pageContainer .normal		{ font-weight:normal; font-style:normal }	
	body div#pageContainer .italic		{ font-style:italic }	
	
	body div#pageContainer .dotBorder 	{ border-bottom:#BEBFC1 dotted 2px; }
	body div#pageContainer .noBorder	{ border:none }

	
/* customClass for list tag
-------------------------------------------------------------- */
	
	.noBullet li 			{ list-style-type: none; }
	.dotBullet li			{ list-style-type: none; background:url(../img/listBullets/dotBullet_bw_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;}
	.plusBullet li 			{ list-style-type: none; background:url(../img/listBullets/plusBullet_bw1_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; }
	.arrowsBullet li 		{ list-style-type: none; background:url(../img/listBullets/arrowsBullet_bw_11px.gif) no-repeat; background-position: 0 center; padding:0 0 0 22px; }

	
/* customClass for link tag
-------------------------------------------------------------- */

	.dotLink				{ background:url(../img/listBullets/dotBullet_bw_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;}
	.plusLink	 			{ background:url(../img/listBullets/plusBullet_bw2_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; }
	.arrowLink				{ background:url(../img/listBullets/arrowBullet_blue_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 10px; }
		
						
/* customClass for link icons
-------------------------------------------------------------- */
	
	/* Use this class if a link gets an icon when it shouldn't. */
	body div#pageContainer a.noicon 	{ background:none; padding:0; margin:0; }
	
	body div#pageContainer p.pdf, 
	body div#pageContainer a.pdf			
	{ padding:2px 0 2px 22px; background:url(../img/icons/pdf.gif) no-repeat scroll left top;  background-position:0 3px }
	
	body div#pageContainer .noBullet li.pdf { text-indent:0; padding:5px 0 0 22px; margin:5px 0 5px -22px; background:url(../img/icons/pdf.gif) no-repeat scroll left top; background-position:0 6px;}
	body div#pageContainer li.pdf { text-indent:0; padding:5px 0 0 22px; margin:5px 0; background:url(../img/icons/pdf.gif) no-repeat scroll left top; background-position:0 6px;}
	
	/* Make sure the icons are not cut 
	a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
	a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
	a[href$=".rdf"], a[href^="aim:"] {
	  padding:2px 22px 2px 0;
	  margin:-2px 0;
	  background-repeat: no-repeat;
	  background-position: right center;
	}
	
	/* External links 
	a[href^="http:"]          	{ background-image: url(/css/commun/img/icons/external.png); } 
	a[href^="mailto:"]        	{ background-image: url(/css/commun/img/icons/email.png); }
	a[href^="http:"]:visited  	{ background-image: url(/css/commun/img/icons/visited.png); }
	
	/* Files 
	a[href$=".pdf"]   			{ background-image: url(/css/commun/img/icons/pdf.png); }  
	a[href$=".doc"]  			{ background-image: url(/css/commun/img/icons/doc.png); }  
	a[href$=".xls"]  			{ background-image: url(/css/commun/img/icons/xls.png); }  
	 
	/* Misc 
	a[href$=".rss"], 
	a[href$=".rdf"]   			{ background-image: url(/css/commun/img/icons/feed.png); }
	a[href^="aim:"]   			{ background-image: url(/css/commun/img/icons/im.png); }
	*/