body {
-x-system-font:none;
color:#4A4948;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:17px;
text-align:center;
}

a {
color:#048AD1;
text-decoration:none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}


div.entry h3 {
	font-weight: bold;
	font-size: 15px;
	margin: 16px 0 8px;
}

a:hover, a:active, a:focus {
border-bottom:1px solid #C1E1F2;
}

#header {
background:transparent url("images/entete.png") no-repeat scroll left bottom;
height:163px;
margin:20px auto 0;
text-align:center;
width:950px;
}
#header h1 a {
border:0 none;
display:block;
height:125px;
margin-left:31px;
text-indent:-500em;
width:180px;
}
#wrap {
background:transparent url("images/content-bg.gif") repeat-y scroll center top;
margin:0 auto;
padding:0;
text-align:left;
width:950px;
}
#intro {
/*background:transparent url("images/newestcommentcontainer-bg.jpg") repeat-x scroll left bottom;*/
margin:0 35px 15px 50px;
padding:20px;
}
#intro h2 {
background-color:transparent;
color:#FFFFFF;
font-size:1em;
line-height:130%;
margin:0;
padding:0;
text-transform:none;
}
#envedette {
float:left;
margin-left:15px;
width:380px;
}
#videophotos {
float:left;
margin:0 0 0 50px;
width:220px;
}
#ressources {
float:right;
margin:0 50px 0 0;
width:220px;
}
.single #ressources {
margin:20px 50px 0 0;
}
#envedette .post h3 {
border-bottom:1px solid #EEEEEE;
margin-left:20px;
padding-bottom:5px;
}
#videophotos .post h3 {
margin-bottom:2px;
}
#envedette .post, #videophotos .post {
margin-bottom:20px;
}
.post small em {
font-style:italic;
font-weight:bold;
}
#envedette .post small, #videophotos .post small, #ressources .post small {
color:#AAAAAA;
display:block;
font-size:0.9em;
padding-top:2px;
}
#videophotos .post small {
padding-top:0;
}
#videophotos .post .content img {
max-width:220px;
}
#videophotos a:hover {
border:medium none;
}
#envedette .avatar {
float:left;
margin:-2px 5px 0 -20px;
}
#videophotos .avatar {
float:right;
margin:-2px 5px 0 0;
}
#ressources ul li {
margin-bottom:20px;
}
#ressources ul li ul li {
border-bottom:1px solid #EEEEEE;
line-height:150%;
margin:3px 0 0;
padding-bottom:3px;
}
#ressources .rss-date {
color:#999999;
font-size:0.8em;
}
#single {
float:left;
margin:20px 0 0 50px;
width:600px;
}
#single p {
line-height:150%;
margin:0 0 0.75em;
}
.postmetadata {
border:1px solid #DDDDDD;
color:#AAAAAA;
margin:30px 0 20px;
padding:10px;
}
.postmetadata a {
color:#AAAAAA;
text-decoration:underline;
}
.postmetadata small {
font-size:11px;
line-height:14px;
}
#ft {
background:transparent url("images/content-bottom.gif") no-repeat scroll center top;
color:#AAAAAA;
font-size:0.7em;
margin:auto auto 20px;
padding-top:40px;
text-align:right;
width:950px;
}
#ft p {
margin:auto;
width:840px !important;
}
#comment-box {
margin:auto;
text-align:left;
width:600px;
}
#comment-box h2 {
color:#0089BF;
font-size:1.2em;
margin-bottom:20px;
margin-top:20px;
}
#comment-box form {
background-color:#F6F6F6;
border:1px solid #E2E2E2;
padding:10px;
}
#comment-box form label {
clear:both;
color:#5B5B5B;
display:block;
padding-bottom:5px;
}
#comment-box form label small {
font-size:11px;
}
#comment-box form p {
margin-bottom:15px;
}
h2 {
background-color:#2d2021;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
margin:0 0 10px;
padding:5px 10px;
text-transform:uppercase;
}
#ressources h2 a {
color:#FFFFFF;
}
#ressources h2 a img {
display:none;
}
h2.post-title {
background-color:transparent;
color:#048AD1;
font-size:1.5em;
line-height: 1.25em;
padding:0;
}
h3#respond {
border:medium none;
color:#F96302;
font-size:1.3em;
margin:30px 0 10px;
}
div.clear {
clear:both;
display:block;
height:1px;
}
#conclusion {
margin:30px auto;
text-align:center;
width:840px;
}
img {
border:medium none;
}

/*** Ajout par mon moi-même ***/
div#intro {
	background: #048ad1 url("images/background_bleu.png") no-repeat;
/*	margin: 0 35px 14px 50px;*/
	padding: 0 0 0 0px;
	width: 850px;*/
	border-bottom: 1px solid #fff;/* Invisible mais règle un bug dans FF, ne pas enlever */
}
div#intro li {
	float: left;
	display: block;
	width: 259px;
/*	margin: 0px 15px;*/
	margin-top: -8px;
	padding: 8px 12px 0 12px;
}
div#intro li.bloc {
	width: 260px;
	background: #1572a2 url("images/message_bg.png") no-repeat top left;
	padding-bottom: 5px;
}
div#intro li.photo {
	background: #2a8abc url("images/social_bg.png") no-repeat top left;
}
div#intro li.avatar {
	background: #4da1cd url("images/video_bg.png") no-repeat top left;
}
div#intro li.avatar h3 {
	color: #aad3e9;
}
	div#intro li.avatar.live {
		background-image: url("images/video_live_bg.png");
	}
div#intro li div.sous p {
	float: left;
	height: 59px;
	margin-top: 12px;
	color: white;
	font-size: 11px;
}
div#intro li h3 {
	margin: 15px 0 0 63px;
	height: 36px;
	color: #82c5e8;
	font-weight: bold;
}
	
	/* Images */
	div#intro li img {
		float: left;
		position: relative;
		width: 62px;
		height: 59px;
	}

		/* Formulaire pour le message */

		div#intro form div {
			width: 80px;
			float: left;
		}
		div#intro form div input {
			width: 78px;
		}
		div#intro form input.bouton {
			width: auto;
		}
		div#intro form div label {
			color: #82c5e8;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
		}
		div#intro form div.nom {
			margin-right: 1px;
		}
		div#intro textarea {
			margin-top: 5px;
			width: 252px;
			height: 50px;
		}
		div#intro input.bouton, div#intro a.bouton {
			float: right;
			margin: 10px 0 15px;
			padding: 3px 10px 2px 10px;
			border: none;
			height: 23px;
			background: transparent url('bleu.png') repeat-x top left;
			color: white;
		}
		div#intro form input#submit.bouton {
			width: 68px;
			margin-right: 0;
		}
		div#intro li.bloc input.bouton {
			margin-right: 4px;

		}
		div#intro .nom, div#intro .courriel {
			padding-top: 5px;
		}
		div#intro form div.nom input, div#intro form div.courriel input {
			padding-top: 3px;
		}
ol.commentlist li {
	margin-bottom: 20px;
}
div.vide {
	clear: left;
}