/* html5 */
section, article, header, footer, nav, aside, hgroup { display: block; }

/* 	Comportement par défaut des balises */

	* {
		margin: 0;
		padding: 0;
	}
	body, textarea, input {
		font: 13px/157% 'Open Sans', Verdana, sans-serif;
	}

	body {
		color: #565656;
		margin: 0 0 30px;
		text-align: center;
	}

	/* Titraille */
	h1, h2, h3, h4, h5, h6, legend, caption, th, .indexListe li {
		font-family: Merriweather, Georgia, "Trebuchet MS", Times, serif;
		letter-spacing: 0.05em;
		font-weight: normal;
	}

	h1, h2, h3, h4, h5, h6, legend, caption, th {
		margin: 2em 0 .5em;
	}
	
	h1 {	color: #80017F;	font-size: 1.4em; }
	h2 {	font-size: 1.3em; }
	h2, #contenuSecondaire h1  {	color: #000;}
	
	h1.premier, h2.premier, h3.premier {
		margin-top:0;
	}
	.categorie, #contenuSecondaire h1 { 
		font: 12px/130% "Arial Narrow", Arial, Tahoma, sans-serif;
		letter-spacing: 0.2em;
		padding-left: 8px;
	}
		h1.categorie, h2.categorie, #contenuSecondaire h1 { 
			background-color: #D5D4D2; 
			clear: both;
		}
		
	.poste { color: #CD01A9; }

	ul {		 list-style: url(puce1.gif); margin: 3px 0 6px }
	ul ul {	 list-style: url(puce3.gif); } 
	li, dd {
		margin: 0 0 5px 17px;
	}
	.billetContenu li,.billetContenu dd {
		margin-left: 25px;
	}
	.liste2 li { display: inline-block; margin: 0; padding: 0; }
	
	fieldset, img {
		border: 0;
	}	

	a { 
		padding: 0 1px; 
		display:inline-block; 
		text-decoration: underline;
		color: #000;
		vertical-align: top;
	}
	p a, .zonePlus a { display: inline; }
	
	a:visited { color: #565656; }
	a:hover {  color: #000; background-color: #e8dde8;	}
	.lienExterne {
		background: url(ico-external.gif) no-repeat right center;
		padding-right: 12px;
	}
	
	hr { border:0; border-bottom: 1px dotted #b0b0b0; margin: 10px 0;  }
	.ml { font-size: 0.8em; }
	.encart {
		background-color: #E5DBE5;
		padding: 6px 4px 4px 10px;
		-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		margin-top: 0;
	}
		#contenuSecondaire .encart  h1 {
			margin: 0 0 0.2em 0;
			padding: 0; 
			font: bold 1.2em Merriweather, Georgia, "Trebuchet MS", Times, serif;
			background-color: transparent;
		}
		.encart a:hover { background-color: transparent; }
		
	.miseEnAvant {
		background: none repeat scroll 0 0 #FFF;
		border: 1px solid #000;
		margin: 15px 5px 30px 0;
		padding: 3px 3px 15px 3px;
	}
		.miseEnAvant#MEAw3qualite {
			text-align: center;
		}

/* Structure  */
#contenu {
	text-align: left;
	width: 750px;
	margin: auto;
	border-top: none;
	border-bottom: none;
	/*box-shadow: 1px 1px 12px #333;
	-moz-box-shadow: 1px 1px 12px #333;
	-webkit-box-shadow: 1px 1px 12px #333;*/
	overflow: hidden;
	background-color: #fff;
}

#contenuPrincipal, #contenuSecondaire {
	float: left;
}
#contenuPrincipal {
	padding: 10px 30px;
	width: 500px;
}
#contenuSecondaire {
	width: 190px;
}

/* Comportement spécifique */


	nav {
		font-weight: bold;
		margin-bottom: 10px;
		background: url(fond01.gif) repeat-x 0 0;
	}
		nav ul, nav li {
			margin: 0;
			padding: 0;
		}
		nav li { display: inline-block; }

		nav a {
			padding: 5px;
			margin: 0 10px;
			color: #555;
			text-decoration: none;
			display: inline-block;
			min-height: 31px;
		}
			nav a:visited {  }
			nav a:hover { background-color: transparent; }
			nav a:active {  }
		.pActive { background: url(fond02.gif) no-repeat center 0; }
	
	
	.elements li {
		list-style-type: none;
		padding-left: 62px;
		min-height: 51px;
		padding-top: 5px;
		margin: 0 0 20px;
	}
		.twitter, .linkedin, .viadeo,
		.enProjet, .autres,
		.articles, .opquast, .keskidi, .w3q,
		.parisweb, .tg, .pw2010,
		.fv, .vtoujours, .vampyr, .mondev { 
			background: #fff no-repeat left 5px;
		}
		
		.twitter { background-image: url(twitter.gif); }
		.linkedin { background-image: url(linkedin.jpg); }
		.viadeo { background-image: url(viadeo.gif); }
		
		.enProjet { background-image: url(en-projet.gif); }
		.articles { background-image: url(articles.jpg); }
		.parisweb { background-image: url(parisweb.jpg); }
		.opquast { background-image: url(opquast.gif); }
		.tg { background-image: url(tg.jpg); }
		.fv { background-image: url(films-vampires.gif); }
		.pw2010 { background-image: url(pw2010.gif); }
		.keskidi { background-image: url(keskidi.gif); }
		.w3q { background-image: url(w3qualite.gif); }
		.vtoujours { background-image: url(vtoujours.gif); }
		.vampyr { background-image: url(vampyr.gif); }
		.mondev { background-image: url(mondev.gif); }
		.autres { background-image: url(autres.gif); }
	
	.unElement {	 overflow: hidden; }
			.unElement aside { width: 95px; }
	
	.precisions { 
		margin-top: 5px; 
		padding-left: 15px;
		background: #fff url(puce3.gif) no-repeat left 6px;
	}
	/*
	.precisions:before { 
		content:url(puce3.gif);
	}
	*/
	
	.uneURL {
		border-bottom: 1px dotted #00e;
	}
	
	.enSavoirPlus {
		margin-top: 20px;
		padding: 10px;
		border: 1px solid #D7D7D7;
	}
	
	.zoneTwitter a { color: #6D6D6D; }
	
	.motscle {
		font: 13px/120% "Arial Narrow", Arial, Tahoma, sans-serif;
		margin-top: 20px;
	}
	
	blockquote {
		background : #fff url(citation.gif) no-repeat 0 0;
		padding-left: 47px;
		margin : 10px 0;
		min-height: 30px;
	}
	
	.citTwitter {
		background: #fff url(citTwitter.gif) no-repeat left top;
		padding-left: 58px;
		margin: 10px 0;
		min-height: 35px;
	}