/**
 * Styles partag�s du site public
 *
 * @author		Julie T�tard <julie@2jstudio.com>
 * @version		E-cog 3.0
 * @package 		public
 * @subpackage		shared
 * @category		css
 * @internal		last modified
 */



/**
 * Red�finition / masquage
 */
	
	html {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		height:100%;
		background-color:#FFFFFF;
	}
	body {
		width:975px;
		margin:0 auto;
		padding:0 0 20px 0;
		background-color:#FFFFFF;
		
	}
	h1, #slogan {
		position: absolute;
		display:none;
		font-size: 1px;
		text-indent: -5000px;
		line-height: 1px;
	}
	a, a:link, a:hover, a:active, a:visited {
		color:#FF9900;
		font-weight:bold;
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
	input, select, textarea, label {
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}


/**
 * G�n�rique
 */

	.hidden {
		display:none;
	}
	.show {
		display:block;
	}

	
/**
 * Contenu
 */

	/* En-t�te */
	#logo {
		position:relative;
		float:left;
		clear:left;
		
		z-index:1;
		margin:0;
	}
	#pub_haut {
		float:right;
		clear:right;
		width:558px;
		height:108px;
		background:url(../pix/shared/pub-top-bg.gif) 0 0 no-repeat;
		padding:2px 11px 11px 2px;
		margin:10px 0 0 16px;
	}
	#pub_haut img {
		width:100%;
		height:100%;
	}
		
	/* Contenu */
	#principal {
		overflow:hidden;
		width:975px;
		clear:both;
		float:none;
		padding:15px 0 0 0;
	}
	/* Bloc national */
	#national {
		position:relative;
		width:225px;
		clear:left;
		float:left;
		margin:10px 15px 0 0;
	}
	#guide {					/* Guide */
		font-weight:bold;
		font-size:16px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#FF9B39;
		padding:5px 0 4px 13px;
		margin:4px 0 0 0;
	}
	#guide_menu {
		padding:0 0 0 0;
		font-size:10px;
	}
	#guide_menu h3 {
		padding:13px 0 2px 13px;
		margin:0;
		color:#FF9900;
		font-weight:bold;
		font-size:12px;
		text-transform:uppercase;
		background:none;
	}
	#guide_menu ul {
		padding:0 0 0 14px;
	}
	#guide_menu a, #guide_menu a:link, #guide_menu a:active, #guide_menu a:visited {
		padding:1px 0;
		color:#666666;
		text-decoration:none;
		font-weight:normal;
	}
	ul.liste li {
		padding:1px 0;
		color:#666666;
		list-style:circle outside url(../pix/shared/flea.gif);
		line-height:12px;
		font-size:10px;
	}
	ul.liste a, ul.liste a:link, ul.liste a:active, ul.liste a:visited {
		padding:1px 0;
		color:#666666;
		text-decoration:none;
		font-weight:normal;
	}	
	ul.liste a:hover {
		color:#666666;
		background-color:#FF9900;
		text-decoration:none;
	}
	#dossier {				/* Dossier */
		margin:20px 0 0 3px;
		padding:4px 0 7px 10px;
		text-align:left;
		color:#FF0000;
		font-weight:bold;
		font-size:14px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
	}
	#dossier_menu {
		padding:0 0 0 14px;
	}
	#e_search {
		padding:0 0 20px 0;
	}
	#e_search fieldset { margin:0; }
	#e_words {
		border:2px solid #FF9900;
		border-right:0;
		padding:4px 0 4px 6px;
		float:left;
		font-size:13px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		width:182px;
		background-color:#FEDDAA;
		font-weight:bold;
	}
	#e_search_submit {
		color:#FF9900;
		background-color:#000;
		text-transform:uppercase;
		border:none;
		padding:5px 4px;
		font-size:13px;
		font-weight:bold;
		width:35px;
		cursor:pointer;
	}
	#commandez {						/* Qui sommes-nous */
		height:23px;
		width:225px;
		margin:20px 0 0 0;
		padding:0;
	}
	#qui {						/* Qui sommes-nous */
		height:23px;
		width:225px;
		margin:0;
		padding:0;
	}
	#mentions {
		height:12px;
		width:95px;
		margin:18px 0 0 16px;
		float:left;
		clear:left;
	}
	#pagerank {
		margin:18px 0 0 6px;
		float:right;
		clear:none
	}
	
	/* Bloc r�gional */	
	#contenu {
		position:relative;
		width:514px;
		clear:none;
		float:left;
		overflow:hidden;
		margin:14px 10px 0 14px;
	}
	#contenu h2 {				/* Titre */
		position:relative;
		padding:5px 0 25px 0;
		font-weight:bold;
		font-size:17px;
		line-height:16px;
	}

	/* Bloc complementaire */
	#complementaire {
		position:relative;
		width:180px;
		clear:none;
		float:left;
		margin:10px 0 0 15px;
	}
	#actualites {			/* Actualit�s */
		height:61px;
		margin:3px 0 0 0;
		padding:9px 10px 0 0;
		text-align:center;
		background:url(../pix/shared/actus-bg.gif);
		color:#FFFFFF;
		font-size:18px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
	}
	#actualites a {
		color:#FFF;
		font-weight:normal;
	}
	#actualites:hover a {
		color:#000;
		text-decoration:none;
	}
	#salons {			/* Salons */
		height:36px;
		margin:20px 0 20px 0;
		padding:13px 7px 0 0;
		text-align:center;
		background:url(../pix/shared/salons-bg.gif);
		color:#FFFFFF;
		font-size:13px;
		letter-spacing:-0.60px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
	}
	#salons a {
		color:#000;
		text-decoration:none;
	}
	#salons a:hover {
		color:#FF9B39;
		text-decoration:none;
	}
	#edition {				/* Edition */
		margin:20px 0 10px 10px;
		font-weight:bold;
		font-size:14px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		color:#FF9B39;
		height:12px;
		padding:0;
	}
	#couverture {
		text-align:center;
	}
	#couverture img {
		width:125px;
		height:165px;
	}
	#region {
		margin:10px 0 0 10px;
		font-size:11px;
		font-weight:bold;
		color:#FF9900;
		text-transform:uppercase;
	}
	#parution {
		margin:0 0 0 10px;
		font-size:11px;
		font-weight:bold;
		color:#666666;
	}
	#complementaire ul {
		margin:3px 0 25px 23px;
	}
	a.annonce {	/* Annonce */
		display:block;
		width:180px;
		text-align:left;
		background:url(../pix/shared/pub_droite_cote.jpg) right 0 repeat-y;
		margin:10px 0 0 0;
	}
	a.annonce img {
		width:167px;
		border:2px solid #FF9900;
		display:block;
	}
	p.annonce {
		background:url(../pix/shared/pub_droite_bas.jpg) right 0 repeat-y;
		height:9px;
		margin:0;
		padding:0;
		width:180px;
	}


/**
 * Styles Ecog
 */

	.e_html {
		line-height:16px;
		text-align:justify;
	}
	.e_warnError {
		text-align:center;
		padding:10px 0;
		font-weight:bold;
		margin:5px 0 0 0;
		background-color:#FFCC66;
	}
	#tags {
		clear:both;
		font-size:12px;
		font-style:italic;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
		padding:15px 20px 2px 20px;
	}
	#permalink {
		clear:both;
		font-size:12px;
		font-style:italic;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
		padding:0 20px 20px 20px;
		color:#FF6600;
	}
	#tags strong {
		font-weight:bold;
		font-style:italic;
	}
	.e_back {
		padding:10px;
		text-align:center;
	}
	/* Formulaire */	
	.inputText, .inputSelect, .inputTextarea {
		border:1px solid #999999;
		padding:1px;
		
	}
	.inputTextWarn, .inputSelectWarn, .inputTextareaWarn {
		border:1px solid #FF9900;
		padding:1px;
	}
	.inputSubmit {
		padding:0;
		margin:0;
		border:1px solid #999999;
		font-size:11px;		
	}