body
{
	margin:0;
	padding:0;
	font-family:arial,verdana,sans-serif;
	background: #AAE0DA url('/images/directoback.png') fixed no-repeat;
	background-position:top center;
}

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

#breadcrumb
{
	margin-top:8px;
	margin-bottom:8px;
	padding-bottom:5px;
	margin-left:24px;
	font-size:9pt;
	width:530px;
	color:7f7f7f;
}

#breadcrumb a:link, #breadcrumb a:visited
{
	color:7f7f7f;
	text-decoration:none;
	background-color:#ffffff;
}

#breadcrumb a:hover
{
	color:0f0f0f;
	background-color:#afafaf;
}

#tags-list
{
	margin-left:24px;
	margin-top:60px;	
	border-bottom:1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
	padding-top:5px;
	padding-bottom:5px;
}

#socialbar-top
{
	margin-left:24px;
	border-bottom:1px solid #cfcfcf;
	padding-top:5px;
	padding-bottom:5px;
}

.bookmarkbar
{
	margin-left:28px;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;	
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
}

#topheader
{
	width:950px;
	/*margin:0 auto;*/
	padding:0px;
	height:5px;
	background-position:bottom center;
	background-image: url(/images/topheader-background.jpg);
	background-repeat:no-repeat;
}

#bottom
{
	width:950px;
	margin:0 auto;
	padding:0px;
	height:30px;
	border-top:1px solid #3f3f3f;
	background-color:#1f1f1f;
	text-align:center;
	vertical-align:middle;
	/*background-position:top center;*/
	/*background-image: url(/images/bottom-background.jpg);*/
	/*background-repeat:no-repeat;*/
}

#bottom a, #bottom a:link, #bottom a:visited
{
	text-decoration:none;
	color:#2f2f2f;
	font-size:9pt;
	margin-top:4px;
}

#bottom a:hover
{
	text-decoration:underline;
	color:#6f6f6f;
	font-size:9pt;
	margin-top:4px;	
}

#sitetitle
{
	display:none;
}

#header
{
	background-image: url(/images/directobacklogo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:95px;
	width:950px;
	margin:0px;
	border-bottom:1px solid #000000;
}

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

#navbar3
{
	background: #999999 url(http://www.directoid.com/images/directobacknav3.jpg) repeat-x 0px 0px;
	padding:24px 10px 24px 10px;
	vertical-align:middle;
	font-size:14pt;
	letter-spacing:1px;
	font-family:"Times New Roman",Times,serif;
	border:0px solid #000000;	
}

#navbar3 .twitter
{
	padding:10px 10px 10px 35px;
	text-decoration:none;
	background:url(http://www.directoid.com/images/twitter-icon.png) 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;	
}

#navbar3 a
{
	color:#8e8e8e;
}

#navbar3 a:hover
{
	color:#bebebe;
}

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

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

#navbar2
{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:8px;
	background-color:#666666;
	border-bottom:1px solid #2e2e2e;
}

#container
{
	width:950px;
	margin:0 auto;
	padding:0px;
	background-color:#ffffff;
	border-left:1px solid #196192;
	border-right:1px solid #196192;	
}


#navigation 
{
	float: right;
	width:355px;
	background-image:url(/images/bk-zone-droite.png);
	background-repeat:repeat-y;
	background-position:left;
	padding-left:15px;
	padding-bottom:20px;
}

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

h1
{
	margin-left:28px;
	margin-top:10px;
	font-family:"Times New Roman",Times,serif;
	font-size:20pt;
	color:#0066cc;
	letter-spacing:-1px;
	text-shadow: #cae3fc 0.1em 0.1em 0.2em;
}

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



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

.box-2
{
	margin-right:27px;	
	border:1px solid #B7CCE9;
	padding:7px;
	background-color:#ECF2F5;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;	
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;		
}

.box-suggest-read
{
	margin-left:28px;	
	margin-top:48px;	
	margin-bottom:48px;	
	border:1px solid #B7CCE9;
	padding:7px;
	background-color:#ECF2F5;
}

.box-suggest-read h3
{
	margin-left:8px;
}

.box-suggest-read ul
{
	list-style-image:url(/images/puce-verte.png);
	list-style-position:inside;
}

.box-prec-suiv
{
	margin-left:28px;
	/*margin-right:27px;*/
	/*border:1px solid #B7CCE9;*/
	/*background-color:#ECF2F5;*/
	margin-bottom:10px;
}

.box-prec-suiv a:link, .box-prec-suiv a:visited
{
	background-color:#a7c556;
	font-size:10pt;
	color:#2f2f2f;
	padding:8px;
	text-decoration:none;
}

.box-prec-suiv a:hover
{
	background-color:#b8e63c;
	font-size:10pt;	
	color:#2f2f2f;	
	padding:8px;	
	text-decoration:none;	
}

#box-container-comment
{
	margin-top:20px;
	margin-bottom:10px;
	margin-left:28px;
	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 textarea, .comment-form-item span.desc
{
	display:block;
}

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

.comment-form-item span
{
	display:block;
}

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

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

.comment-form-item input, .comment-form-item textarea
{
    border: 1px solid #b7cce9;
    margin: 0;
    padding: 10px;
	-moz-border-radius: 5px 5px 5px 5px;
	color: #3f3f3f;
}

.comment-form-item input
{
    padding-left: 35px;
    padding-top: 14px;
	margin-right: 10px;
}

.comment-form-item label
{
}

#comment_name
{
	background: url("/images/icon-input-name.png") no-repeat scroll 10px center #FFFFFF;
}

#comment_email_auteur
{
	background: url("/images/icon-input-email.png") no-repeat scroll 10px center #FFFFFF;
}

#comment_site_auteur
{
	background: url("/images/icon-input-site.png") no-repeat scroll 10px center #FFFFFF;
}

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

.box-2 li
{
	list-style-type:circle;
	margin-left:15px;
	font-size:10pt;
}

.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;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;	
}

div.boxcontent
{
	background-color:#ffffff;
}

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

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

#footer a:link, #footer a:visited
{
	color:#66ccff;
	text-decoration:none;
	font-size:9pt;
}

#footer a:hover
{
	color:#66ccff;
	text-decoration:underline;
	font-size:9pt;
}

.clearfix
{
	display:inline;
}

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

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

.col ul
{
	list-style-image:url(/images/puce-liste.png);
	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;
}

	.admin-button, .admin-save-button
	{
		background:url(/images/bg-button.jpg);
		background-repeat:repeat-x;
		background-position:center center;
		border:1px solid #adc6d8;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
	}
	
	#dhtmltooltip 
{ 
	position: absolute; 
	left: -300px; 
	width: 150px; 
	border: 1px solid #333333; 
	padding: 8px; 
	background-color: lightyellow; 
	visibility: hidden; 
	z-index: 100; 
} 
#dhtmlpointer 
{ 
	position:absolute; 
	left: -300px; 
	z-index: 101; 
	visibility: hidden; 
}



.month-title
{
	margin-left:28px;
	border-bottom:2px solid #efefef;
	font-size:16pt;
	font-weight:bold;
	background-color:#fdfbc6;
}

.month-title:hover
{
	background-color:#fcf99f;
}


.box-preview:hover 
{
	background:#eef4f8;
}

.box-preview 
{
	width:550px;
	overflow:hidden;
	padding: 20px 0;
	border-bottom:1px #e4e4e4 solid;
	margin-left:20px;
}

.box-preview .categorie 
{
	width:500px;
	font-size:10px;
	padding-bottom:8px;
	text-transform:uppercase;
	overflow:hidden
}
	
.box-preview .categorie div 
{
	display:block;
	float:left;
	padding:2px 0 2px 0;
}

.box-preview .categorie a
{
	color:#ffffff;
	padding:3px;
	text-decoration:none;
}

.box-preview .categorie a:hover
{
	text-decoration:underline;
}
	
.box-preview .thumb 
{
	width:160px;
	overflow:hidden;
	float:left;	
}
	
.box-thumb
{
	padding:2px;
	width:150px;
	overflow:hidden;
	border:1px #dddddd solid;
	background:#ffffff;
}

.box-thumb:hover 
{
	border:1px #999 solid;
}

.box-preview .thumb .box-social-links
{
	margin:0 auto;
	overflow:hidden;
	padding-top:8px;
	width:100px;
}

.box-preview .box-text-preview 
{
	width:360px;
	overflow:hidden;
	padding-right:10px;
	float:right;
}

.box-preview .box-text-preview h3 
{
	font-weight:normal;
	font-size:18px;
	letter-spacing:-1px;
	margin:0 0 5px 0;
	padding:0;
}

.box-preview .box-text-preview h3  a
{
	color:#35679E;
	text-decoration:none;
	font-size:16pt;
}

.box-preview .box-text-preview h3  a:hover
{
	background-color:#35679E;
	color:#E9FBFF;
}

.box-preview .box-text-preview .box-date-comments .date
{
	color:#4b8348;
	font-style:italic;
	margin-right:10px
}

.box-preview .box-text-preview .box-date-comments .top-comments
{
	padding:0 5px 0 15px;
	font-weight:bold;
	float:right;
	color:#003366;
	background:url(http://www.directoid.com/images/comment-icon.jpg) no-repeat 0 3px
}

#socialbar-top-comments
{
	float:right;
	padding:0 5px 0 15px;
	background:url(http://www.directoid.com/images/comment-icon.jpg) no-repeat 0 3px;
}

#contenu-page
{
	margin:20px;
}

.top-of-page
{
	background: url("http://www.directoid.com/images/icon-top-page.png") no-repeat scroll 100% 10px transparent;
  float: right;
  padding: 15px 35px 15px 15px;
}

.top-of-page a:link, .top-of-page a:visited
{
	text-decoration:none;
}

.top-of-page a:hover
{
	text-decoration:underline;
}

a:hover
{
	text-decoration:underline;
}


#postheader
{
	background-image: url(/images/postheader_bg.png);
	background-repeat:repeat-x;
	background-position:center center;
	float: left;
	width: 580px;
	position: absolute;
	left: 0; 
	top: 30px;
}

#postheader .date 
{
	background: url(/images/date_bg.png) no-repeat;
	width: 46px; height: 57px;
	float: left;
	padding: 3px 5px 3px 0;
	text-align: center;
	font-size: 1.8em;
	position: absolute;
	left: -50px; top: 0;
}

#postheader .date strong, #postheader .date small 
{
	font-size: 0.5em;
	text-transform: uppercase;
	display: block;
}

#postheader h1 {
	margin: 0; padding: 0 25px 0 10px;
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
	height: 62px;
	line-height: 62px;
	text-shadow: 1px 1px 1px #cfeb7f;
	color:#1f1f1f;
}

#cse-search-results
{
	width:500px;
	/*overflow:auto;*/
	padding:10px;
	border:0px solid #ffffff;
}