/*-----------------------------------------------------------------------------
  [CSS - common]
  
  Feuille de style commune à toutes les pages
  
  1. Reset CSS
  2. Éléments de base
  3. Formatage du debug ezpublish en bas de page
  4. Pages erreur 404 (kernel 20)
-----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
  [1. Reset CSS]
*/

* {
	border: 0;
	outline: 0;
}

body, h1, h2, h3, h4, h5, h6, ul, li, p {
	margin: 0;
	padding:0;
	font-size: 100%;
}

ul, li { list-style-type: none; }

abbr {
	border-bottom:1px dotted;
	cursor:help;
}

/*----------------------------------------------------------------------------
  [2. Éléments de base]
*/

.hid {
	display: none;
	left: -10000px;
	position: absolute;
	text-indent: -10000px;
	top: -10000px;
}

.break {
	clear:both;
}

div.hr-block hr {
	display: none;
}

a {
	color: #e5297a;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #e5297a;
	text-decoration: underline;
}

.loader {
	background: url(../images/loader.gif) 50% 50% no-repeat;
	display: block;
	width: 100%;
	height: 100%;
}

/*----------------------------------------------------------------------------
  [3. Formatage du debug ezpublish en bas de page]
*/

div#debug {
	margin: 400px auto 0pt;
	width: 960px;
}

/*----------------------------------------------------------------------------
  [4. Pages erreur 404 (kernel 20)]
*/
/*corporate*/
#erreur-404-corporate {
	background: transparent url(../images/corporate/erreur-404-bg.png) repeat-x;
	margin-left: 33px;
	height: 375px;
}

	#erreur-404-corporate h2 {
		font-size: 1.4em;
		font-weight: normal;
		padding: 30px 0 10px 20px;
	}
	
	#erreur-404-corporate h3 {
		background: #e5297a;
		color: #fff;
		float: left;
		font-size: 0.9em;
		margin: 0 0 10px 35px;
	}
	
		#erreur-404-corporate h3 span { color: #fff; margin: 0; }
			#erreur-404-corporate h3 span img {
				background-color: #e5297a;
				border: 0 none;
			}

	#erreur-404-corporate p	{
		clear: left;
		font-size: 0.9em;
		margin: 0 0 10px 35px;
	}
	
	#erreur-404-corporate #illustration-gauche {
		float: right;
		margin: 25px 25px 0 15px;
	}

	.rose {
		background: transparent;
		font-weight: bold;
		padding: 2px 5px 0;
	}

/*workshop*/
div#erreur-404-workshop {
	float: left;
	margin-left: 11px;
	padding-left: 25px;
	width: 550px;
}

	#erreur-404-workshop h2 {
		background: transparent;
		color: #777777;
		font-size: 1.4em;
		padding-top: 30px;
	}

	#erreur-404-workshop h3 {
		background: transparent;
		color: #e5297a;
		font-size: 0.9em;
	}
		#erreur-404-workshop h3 img { padding-left: 3px; }

	#erreur-404-workshop h4 {
		color: #777;
		float: left;
		font-size: 0.9em;
	}

	#erreur-404-workshop div#error-posts { margin-left: 20px; }
		#erreur-404-workshop div#error-posts h3 {
			color: #777;
			font-size: 1.3em;
			margin: 40px 0 20px;
		}
	
	#erreur-404-workshop p {
		margin: 50px 0 0 20px;
	}

	#erreur-404-workshop p#erreur-illustration {
		font-size: 1.3em;
		margin: 0 0 15px;
	}

	.error-date {
		font-size: 0.9em;
		color: #bcbcbc;
	}

	#erreur-404-workshop h5 {
		font-size: 0.9em;
		margin-bottom: 10px;
	}

	#erreur-404-workshop h5 a { color: #777777; }