/* CSS Document */

body
{
	text-align:center;

	background:url("../images/background2.jpg");
	background-color:#4F1968;
	
	color:#3E1351;
	padding:0;
	margin:0;
	border:0;
}

a
{
	color:#3E1351;
}

p,div,h1,img
{
	padding:0;
	margin:0;
	border:0;
}

#header
{
	/*background:url("../images/header.png");*/

	height:229px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#border
{
	background:url("../images/border.jpg");
	width:910px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#btnsite
{
	position:absolute;
	top:60px;
	left:665px;
	border:0px;

}
#btnsite img
{
	border:0;
}

#sep1
{

	height:1px;
	border-top:1px solid #654274;
	border-bottom:1px solid #654274;
	background:#ffffff;

}

#sep2
{
	background:#DAD5D5;
	height:5px;
	margin-top:1px;
	margin-bottom:20px;
}

#contents
{
	width:782px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.end
{
clear:both;
}

#flow
{
	width:560px;
	float:left;
}

#flow #flowhead
{
	background:url("../images/flowhead.jpg");
	height:30px;


}

#flow #flowcts
{
	background-color:#FFFFFF;
	border-bottom:0;
	padding:30px;
	font-family: Arial, Helvetica, serif;
	font-size:12px;
}

#flow #flowend
{
	background:url("../images/flowend.jpg");
	height:14px;


}


#colum
{
	background-color:#FFFFFF;
	width:187px;
	float:right;
	margin-top:30px;
	margin-right:15px;
}

.box
{
	width:187px;
	margin-bottom:17px;
}

.box h2
{
	height:21px;
	background:url("../images/boxhead.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	margin:0;
	padding-top:10px;
	padding-left:18px;

}

.box .cts
{
	border-left:3px solid white;
	border-right:3px solid white;
	border-top:1px solid white;
	padding:15px;
	padding-bottom:5px;
	background-color:#DBC8E4;
	background-position:top left;
	background-repeat:repeat-x;
	background-image:url("../images/boxcts.jpg");
}

.box .cts p
{
	font:11px Georgia;
	margin-bottom:5px;
}

.box .end
{

	height:12px;
	background:url("../images/boxend.jpg");
	background-repeat:no-repeat;
	background-position:top center;
}

.boxnl h2
{
	background:url("../images/boxhead_nl.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	margin:0;
	padding-top:10px;
	padding-left:18px;
}

.boxnl .cts
{
	background-color:#FAB84B;
	background-image:url("../images/boxcts_nl.jpg");
	padding:15px;
	padding-bottom:5px;
}

.boxnl .end
{

	background:url("../images/boxend_nl.jpg");
	background-repeat:no-repeat;
	background-position:top center;
}

.boxnl .txtbox
{
	width:110px;
	vertical-align:middle;
	
}
.boxnl .btn
{
	vertical-align:middle;
	margin-left:5px;
}

.billet
{

	margin-bottom:20px;
	border-bottom: 1px dashed #3E1351;
}

.billet h1
{
	font-family: Georgia, "Times New Roman", sans-serif;
	font-size:22px;
	font-weight:normal;

}

.billet p.date
{
	font:14px Georgia;
	color:#4F4F4F;
	margin-bottom:15px;
	padding-bottom:7px;
}

.billet p.comments
{
	float:right;
	font:11px Arial, Helvetica, sans-serif;
	margin-top:15px;
}

.billet p.postinfo
{
	font:10px Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-bottom:10px;
}

.billet .cts
{
	text-align:justify;
	color:#4F4F4F;
	font-family: Arial, Helvetica, serif;
	font-size:12px;
}

.billet .cts p
{
	margin-bottom:15px;
	font:12px Georgia;
}


.billet2
{

	margin-bottom:30px;
	
}

.billet2 h1
{
	font-family: Georgia, "Times New Roman", serif;
	font-size:22px;
	font-weight:normal;
}

.billet2 p.date
{
	font:14px Georgia;
	color:#4F4F4F;
	margin-bottom:15px;
	padding-bottom:7px;
}

.billet2 p.comments
{
	float:right;
	font:10px Arial, Helvetica, sans-serif;
	margin-top:15px;
}

.billet2 p.postinfo
{
	font:10px Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-bottom:10px;
}

.billet2 .cts
{
	text-align:justify;
	color:#4F4F4F;
}

.billet2 .cts p
{
	margin-bottom:15px;
	font:12px Georgia;
}


.commentaire_titre
{
	font:21px Georgia;
	/*font-weight:bold;*/
	border-bottom: 1px dashed #FF9C01;
	padding-bottom: 10px;
}

.commentaire
{
	border-bottom: 1px dashed #FF9C01;
	width:500px;
	padding-top:20px;
	padding-bottom:20px;
}

.commentaire .comment_image2 
{
	background-image:url("../images/comment_picto_gris.jpg");
	width:65px;
	height:59px;
	position:absolute;
}

.commentaire .comment_image 
{
	background-image:url("../images/comment_picto_blanc.jpg");
	width:65px;
	height:59px;
	position:absolute;
}

.commentaire .comment_image2 .chiffre
{
	position:absolute;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	width:65px;
	height:59px;
	top:5px;
	right:3px;
	text-align:center;
	
}

.commentaire .comment_image .chiffre
{
	position:absolute;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	width:65px;
	height:59px;
	top:5px;
	right:3px;
	text-align:center;
	
}

.commentaire .comment_texte 
{
	width:425px;
	left:65px;
	position:relative;
}

.commentaire .comment_texte .comment_titre
{
	border-bottom: 1px dashed #9D9D9D;
	color:#4F4F4F;
	margin-bottom:20px;
}

.commentaire .comment_texte  .comment_date
{
	position:absolute;
	top:3px;
	right:0px;
}

.commentaire .cts
{
	text-align:justify;
	color:#4F4F4F;
	font:12px Arial, Helvetica, sans-serif;
}

.commentaire .cts pre
{
	text-align:justify;
	color:#4F4F4F;
	font:12px Arial, Helvetica, sans-serif;
}

.ajoutcommentaire
{
	font:12px Arial, Helvetica, sans-serif;
	color:#3E1351;
	
}

.titre
{
	font:21px Georgia;
	/*font-weight:bold;*/
	margin-top:50px;
	border-bottom: 1px dashed #FF9C01;
	padding-bottom: 10px;
}

.ajoutcommentaire .cts
{
	margin-top: 50px;
	padding-top:50px;
	color:#4F4F4F;
	
}

.ajoutcommentaire p.erreur
{
	color:red;
}

#comment_box
{
	border-style:dashed; 
	border-width:1px; 
	border-color:#9D9D9D;
	margin-right:15px;
	color:#4F4F4F;
	font:12px Arial, Helvetica, sans-serif;
	padding:5px;

}

#rechinv
{
	position:absolute;
	font:12px Arial, Helvetica, sans-serif;
	top:131px;
	left:595px;
	color:white;
}

#rechtext
{
	position:absolute;
	top:160px;
	left:565px;
	width:141px;
	height:17px;
	padding-left:5px;
	padding-right:5px;
	color:#3E1351;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:1px solid #999999;
	
}

#rechbtn
{
	position:absolute;
	top:157px;
	left:720px;

}
#btnsite
{
	position:absolute;
	top:20px;
	left:665px;
	border:0px;

}

#moncompte
{
	position:absolute;
	top:60px;
	left:545px;
	width:230px;
	height:80px;
}

#header #loginfield{
position:absolute;
width:97px;
left : 80px;
top:34px;
font-family: Verdana,Arial,Helvetica;
font-size:10px;
}
#logininvite
{
position:absolute;
left:0px;
top:37px;
color:white;
padding-right:15px;
height:17px;
font-size:11px;
font-family:Verdana,Arial,Helvetica;

}
#oublimdp
{
position:absolute;
left:162px;
top:32px;
}
#header #passwordfield{
position:absolute;
width:97px;
left : 80px;
top:58px;
font-size:10px;
font-family: Verdana,Arial,Helvetica;
}

#passwordinvite
{
position:absolute;
color:white;
left:0px;
top:61px;
font-size:11px;
height:17px;
font-family:Verdana,Arial,Helvetica;

}
#loginok
{
position:absolute;
left:185px;
top:57px;
}
#inscrivez
{
position:absolute;
top:12px;
left:90px;	
color:#3E1351;
font-family:Verdana;
font-size:10px;
}
#login
{
width:350px;
height:80px;
}


#messageutl
{
position:absolute;
right:15px;
top:20px;
font-size:12px;
color:white;
font-family:Verdana;
}

#espaceperso{
font-family:Verdana;
font-size:10px;

position:absolute;
right:15px;
bottom:18px;
}

#deconnecter{
font-family:Verdana;
font-size:10px;
position:absolute;
right:15px;
bottom:5px;
}


#noninscrit{
font-size:15px;
margin-top:20px;
margin-bottom:40px;
}