body
{
	margin:0;
	padding:0;
	font-family:arial,verdana,sans-serif;
	background-image: url(/images/body-background.jpg);
	background-position:top center;
	background-repeat:repeat;
}

.image-top
{
	display:block;
	margin:5px;
	border:5px solid #dfdfdf;
}

#breadcrumb
{
	margin-left:24px;
	font-size:8pt;
}

#topheader
{
	margin:0;
	padding:0;
	width:100%;
	height:30px;
	background-position:bottom center;
	background-image: url(/images/topheader-background.jpg);
	background-repeat:no-repeat;
}

#bottom
{
	margin:0;
	padding:0;
	width:100%;
	height:30px;
	background-position:top center;
	background-image: url(/images/bottom-background.jpg);
	background-repeat:no-repeat;
}

#sitetitle
{
	display:none;
}

#header
{
	background-image: url(/images/header-background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:94px;
	width:950px;
}

#searchbox
{
	float:right;
	margin-top:35px;
	margin-right:35px;
}

#navbar3
{
	padding:10px 10px 10px 10px;
	vertical-align:middle;
	background-color:#e2f5fd;
	font-size:8pt;
	border:0px solid #000000;	
}

#navbar3 .twitter
{
	padding:10px 10px 10px 35px;
	text-decoration:none;
	background:url(http://www.directoid.com/images/twitter-icon.gif) no-repeat 0px 0px;
	border:0px solid #000000;
}

#navbar3 .fav
{
	padding:10px 10px 10px 20px;
	text-decoration:none;
	background:url(http://www.directoid.com/images/favorite-icon.gif) no-repeat 0px 0px;
	border:0px solid #000000;	
}

#navbar3 .homePage
{
	padding:10px 10px 10px 28px;
	text-decoration:none;
	background:url(http://www.directoid.com/images/homepage-icon.gif) no-repeat 0px 0px;
	border:0px solid #000000;	
}

#navbar1
{
	margin-left:24px;
	margin-right:24px;
	margin-bottom:0px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:13px;
	padding-left:13px;
	background-color:#434343;
	border-bottom:1px solid #D97710;
}

#navbar1 a, #navbar1 a:visited
{
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}

#navbar2
{
	margin-left:24px;
	margin-right:24px;
	margin-top:0px;
	padding:8px;
	background-color:#666666;
}

#container
{
	width:950px;
	margin:0 auto;
	padding:0px;
}


#navigation 
{
	float: right;
	width:350px;
}

#content 
{
	float:left;
	width:558px;
	/*padding-left:28px;*/
	padding-right:14px;	
	color:#343434;
	font-size:10pt;
}

h1
{
	margin-left:28px;
	margin-top:10px;
	font-family:"Times New Roman",Times,serif;
	font-size:20pt;
	color:#0066cc;
}

#box-contenu
{
	margin-left:28px;
	clear:both;
}

.bookmarkbar
{
	margin-left:28px;
}

.box
{
	margin-right:27px;
	border-bottom:#efefef;	
	margin-top:20px;	
}

.box-2
{
	margin-left:28px;
	margin-right:27px;
	border:1px solid #B7CCE9;
	padding:7px;
	background-color:#ECF2F5;
}

#box-container-comment
{
	margin-top:20px;
	margin-bottom:-1px;
	margin-left:-1px;
	position:relative;
	border:1px solid transparent;
}

#box-container-comment-titre
{
	position:absolute;
	z-index:100;
	top:0px;
	left:24px;
	padding:8px;
	border-left:1px solid #B7CCE9;
	border-right:1px solid #B7CCE9;
	border-top:1px solid #B7CCE9;	
	border-bottom:1px solid #fafafa;
	background-color:#fafafa;
	width:350px;
}

#box-container-comment-titre h2
{
	margin:2px;
	font-family:"Times New Roman",Times,serif;
	font-size:15pt;
	text-transform:uppercase;
	font-weight:normal;
	color:#3f3f3f;
}

#box-container-comment-content
{
	position:relative;
	margin-top:42px;
	border:1px solid #B7CCE9;
	background-color:#fafafa;
}

.comment-box
{
	margin:10px 15px 10px 15px;
	background-color:#ffffff;
	border:1px solid #B7CCE9;
	padding:10px;
}

.comment-box h3
{
	margin-top:5px;
	margin-bottom:3px;
	font-family:"Times New Roman",Times,serif;
	font-weight:normal;
	font-size:14pt;
}

.comment-form-item label, .comment-form-item input, .comment-form-item textarea, .comment-form-item span.desc
{
	display:block;
}

.comment-form-item
{
	margin-bottom:7px;
}

.comment-warning
{
	text-align:right;
	font-style:italic;
	margin-bottom:10px;
}

.comment-form-item span.desc, .comment-warning
{
	font-size:8pt;
	color:#3F4F56;
}

.box-2 p
{
	font-family:verdana,arial,sans-serif;
	color:#3F4F56;
	font-size:10pt;
}

.box-2 li
{
	list-style-type:square;
	margin-left:25px;
}

.boxtitle
{
	background-color:#666666;
	color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;	
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
}

div.boxcontent
{

}

li.boxcontent
{
	list-style-type:none;
	font-size:10pt;
	border-bottom:1px dotted #bfbfbf;
	padding:7px;
	margin-left:2px;
}

#footer
{
	background-image: url(/images/background-footer.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	clear:both;
	height:200px;
	text-align:center;
	font-size:8pt;
	margin-top:25px;
}

.clearfix
{
	display:inline;
}

.col
{
	float:left;
	text-align:left;
	margin-left:50px;
	/*display:inline;*/	
}

.col h4
{
	font-size:14pt;
	color:#0099ff;
	font-weight:bold;
}

.col ul
{
	list-style-image:url(/images/puce-liste.jpg);
	border-left:1px solid #a9d4ee;	
}

.first ul
{
	border-left:0px solid #a9d4ee;
}

#table-top
{
	width:90%;
	margin-left:28px;
}

#box-gg-1
{
	margin-left:28px;
}

#table-top tr td
{
	padding-top:8px;
	padding-bottom:8px;
}

#table-top tr td a
{
	color:#0000FF;
	font-weight:bold;
	font-size:10pt;
}

.box-comment-display-container
{
	position:relative;
	border:1px solid transparent;
}

.comment-pointe-bulle
{
	position:absolute;
	top:0px;
	left:0px;
	margin-left:35px;
}

.box-comment-display
{
	position:relative;
	border:1px solid #B7CCE9;
	margin:10px 15px 10px 15px;
	padding:2px 10px 5px 10px;
	background-color:#ffffff;
}

.comment-display-date
{
	font-size:8pt;
	text-align:right;
}

.box-list-article
{
	margin-top:10px;
	margin-bottom:7px;
	padding-bottom:7px;
	margin-left:28px;
	border-bottom:1px dotted #dfdfdf;
}

.box-list-article-title
{
	clear:both;
	margin-bottom:5px;
}

.box-list-article-title a
{
	color:#35679E;
	text-decoration:none;
	font-size:16pt;
}

.box-list-article-title a:hover
{
	background-color:#35679E;
	color:#E9FBFF;
}

.box-list-article-dateAjout
{
	color:#35679E;
	font-family:"Times New Roman",Times,serif;
	font-size:8pt;
	text-decoration:none;
	float:left;
}

.box-list-article-infos
{
	float:right;
}

.box-list-article-infos, .box-list-article-infos a
{
	color:#35679E;
	text-align:right;
	font-size:7pt;
	text-transform:uppercase;
	text-decoration:none;
}

.box-list-article-infos a:hover
{
	background-color:#FE8A01;
	color:#FDEDD9;
}

.box-list-article-descript
{
	padding-top:10px;
	clear:both;
}

.box-list-article-descript a
{
	font-weight:bold;
	text-decoration:none;
	color:#5A844D;	
}

.box-list-article-descript a:hover
{
	background-color:#5A844D;
	color:#E1FDDB;
}

#navig-article-list
{
	margin-left:24px;
	border-bottom:1px dotted #bfbfbf;
	text-transform:uppercase;
	font-weight:bold;
	padding:4px;
	background-color:#efefef;
}

#navig-article-list a:link, #navig-article-list a:visited
{
	text-decoration:none;
	color:#35679E;		
}

#navig-article-list a:hover
{
	text-decoration:underline;
	color:#55679E;		
}

.top-elem-container
{
	margin-left:24px;
	width:550px;
	display:block;
	position:relative;
	clear:both;
}

.top-elem-pos
{
	float:left;
	width:40px;
}

.top-elem-content
{
	float:right;
	width:500px;
	margin-bottom:20px;	
	border-bottom:1px dotted #dfdfdf;
}