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

	* screen.css - monsite.com

	* @type:    Screen
	* @langue:  Commun
	* @year:    2008
	* @author:  CyberGénération
	* @note:    background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others;

--------------------------------------------------------------- */
	body {
		color:#000000;
		background-color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin:0; 
	}
	
	a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
    a:hover {
		text-decoration: underline;	
	}
	a span {
		position:absolute; top:0; left:-999999px; overflow: hidden; width: 1%; height: 0; 
	}
	h1 {
		font-size:16px;
		color:#fff;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}
/* globalClass.
--------------------------------------------------------------- */

	.hide   		{ position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; }
	.right			{ float:right; }
	.left 			{ float:left; }
	.clear			{ clear:both; }

	.txtRight		{ text-align:right; }
	.txtLeft		{ text-align:left; }
	.txtCenter		{ text-align:center; }

	.first      	{ margin-left:0; padding-left:0; }
	.last      		{ margin-right:0; padding-right:0; }
	.top			{ margin-top:0; padding-top:0; }
	.bottom 		{ margin-bottom:0; padding-bottom:0; }

	.bold			{ font-weight:bold }
	.italic			{ font-style:italic }
	.normal			{ font-style:normal }
	
	.dotBorder		{ border-bottom:#999 1px dotted }

	.noBorder		{ border:none }
	.noIcon 		{ background:none; padding:0; margin:0; }
	.noFloat 		{ float:none }
	.noBg			{ background:none; }

	.noBullet    	{ list-style-type:none; background:none }
	.noBullet li 	{ list-style-type:none; padding:0; margin:0; background:none }

	.word-wrap		{ word-wrap:break-word; } /* word in IE only for now got a little js script to make it work in Firefox (waiting for CSS3) */

/* quickMenu
--------------------------------------------------------------- */
	.quickLinks {
		font-size:11px;
		margin:0;
		padding:0;
		position:absolute;
		right:0;
	}
	
	.quickLinks li { 
		border-left: 1px solid #fff;
		display: inline;
		padding: 0 5px;
	}
	
	.quickLinks a {
		font-weight:bold; 
	}
/* pageHeader
--------------------------------------------------------------- */
	#pageHeader {
		width:775px;
		height:196px;
		position:relative;
		background:url(img/bg_header.jpg) top center no-repeat;
	}
	
	#pageHeader a#logo {
		background: url(img/logo_pageHeader.jpg) 0 0 no-repeat; 
		height: 100px; 
		width: 465px;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}
	
	#pageHeader .noBorder		{ border-left:none }
	
	#pageHeader .quickLinks {
		bottom:2px;
	}

/* pageMenu
--------------------------------------------------------------- */

	/* Left Menu
	--------------------------------------------------------------- */

	#leftMenu {
		list-style-type:none;
		margin:0;
		padding:0 8px;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
		color:#fff;
	}
	#leftMenu a {
		display:block;
	}
	#leftMenu li {
		padding:3px 0;
	}
	#leftMenu li.boutons{
		padding-top:20px;
	}
	.pdfTete, .pdfYeux, .pdfCirculation, .pdfSecurite {
		width:150px;
		height:57px;
		display:block;
	}
	.btn-tete, .btn-circulation, .btn-securite{
		width:150px;
		height:81px;
	}
	
	li.sousmenu {
		margin:0;
		list-style-image:url(img/arrowBullet_white_7px.gif);
		margin:0 0 0 15px;
		text-transform:none;
	}


/* Contenu
--------------------------------------------------------------- */
	/*Accueil
	----------------------------------------------------------- */
	.pageAccueil #pageTitle{
		padding:15px 0 0 0;
		height:53px;
		width:775px;
		text-align:center;
	}
	.pageAccueil #pageTitle h1.grostitre{
		height:45px;
		text-indent:-99999px;
		margin:0 auto;
	}
	
	/*Sections
	----------------------------------------------------------- */
	#pageTitle {
		background:url(../../fr/images/milieu_titre_r1_c1.gif) top left no-repeat;
		padding:40px 0 0 165px;
		height:28px;
		width:600px;
	}


/* pageFooter
--------------------------------------------------------------- */
	#pageFooter {
		position:relative;
		width:775px;
		height:37px;
		background:url(img/bg-bottom.gif) 0 0 no-repeat;
	}
	#pageFooter .quickLinks {
		bottom:10px;
	}
	#pageFooter .noBorder		{ border-left:none }