/*
Theme Name:  Telecom
Description: Eric Jenouvrier's blog dotclear theme
Author:      Eric Jenouvrier
Author URI:  http://www.jenouvrier.fr/index.php
*/

/* nav-box *********************************************************/
#nav-box ul { margin:0 0 1.5em 0; padding:5px 1em 5px 0; list-style-type:none; color:#3366CC; font-weight:bold; font-size:100%; text-align: right;}
#nav-box ul li { display:inline; padding:5px 0;}
#nav-box ul li a { padding:5px 1em 5px 1em; color:#3366CC; text-decoration:none; border-left:1px solid #fff;}
#nav-box ul li a:hover { background-color: #999999;color: #EFEFEF; border-left: 1px solid #fff;}

/* syndicate ******************************************************/
#syndicate-list ul li {  padding:5px 0;text-align: right;}
#syndicate-list ul li {  display:inline; vertical-align:center; padding:5px 0;text-align: right;}
#syndicate-list ul li a {  display:inline; vertical-align:center; padding:5px 0;text-align: right;}

/* Start
----------------------------------------------- */
body {
	margin: 5px 0;
	padding: 0;
	background: #ccc url(images/fondpagegris.jpg);
	font: 11px 'Lucida Grande', Helvetica, Sans-Serif;
/* Resets 1em to 10px */
	color: #444;
}
acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
}
p {
	margin: 0.2em 0 0.8em 0;
}
h1 {
	font-size: 190%;
	margin-left: 350px;
	padding-top: 15px;
	padding-bottom: 0;
	margin-bottom: 0;
}
h1 a {
	color: #FF6633;
	background-color: #fff;
	text-decoration: none;
	border: none;
}
h1 a:hover {
	color: #fff;
	background-color: #FF6633;
	text-decoration: none;
	border: none;
}
h2 {
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2px;
	margin-top: 0px;
	padding-top: 0px;
	color: #666;
}
h3 {
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 2px;
	margin-bottom: 0;
	color: #FF6633;
}
h4 {
	font-size: 11px;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	color: #FF6633;
}
h4 a {
	color: #0066FF;
}

h5 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;	
        margin-bottom: 5px; 
	padding-bottom: 0px;
	color: #FF6633;
}
h6 {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	padding-top: 0px;	
        margin-bottom: 5px; 
	padding-bottom: 0px;
	color: #3366CC;
}
h6 a{
	font-weight: normal;
	font-size: 11px;
	color: #666666;	
}

#test h3 { font-size: 10px; margin: 0px; padding: 10px 0px 3px; }

#square5 ul { list-style-image: url(images/square_5.png); margin: 15px; text-align: justify;}
#square4 ul { list-style-image: url(images/square_4.png); margin: 15px; text-align: justify;}
#square3 ul { list-style-image: url(images/square_3.png); margin: 15px; text-align: justify;}

#square_b5 ul { list-style-image: url(images/square_blue_5.png); margin: 15px; text-align: justify;}
#square_b4 ul { list-style-image: url(images/square_blue_4.png); margin: 15px; text-align: justify;}
#square_b3 ul { list-style-image: url(images/square_blue_3.png); margin: 15px; text-align: justify;}

#triangle5 ul { list-style-image: url(images/triangle_5.png); margin: 15px; text-align: justify;}
#triangle4 ul { list-style-image: url(images/triangle_4.png); margin: 15px; text-align: justify;}
#triangle3 ul { list-style-image: url(images/triangle_3.png); margin: 15px; text-align: justify;}

pre, code {
	overflow: auto;
	border: 1px solid #b3b279;
	background: #F8EDD2;
}
hr {
	display: none;
}
ul {
	list-style-type: none;
}
li {
	margin-left: 0px;
}
pre {
	width: 100%;
	overflow: auto;
	border: 1px solid #b3b279;
}
html>body pre {
	overflow: auto;
	width: auto;
}
fieldset {
	border: none;
}
.field label {
	display: block;
}
input:hover, textarea:hover, input:active, textarea:active, input:focus, textarea:focus {
	border: 1px solid #2255BB;
	background-color: #D0E0FF;
}
textarea {
	width: 450px;
	border: 1px solid #3366CC;
	background-color: #C0D0EE;
}
input {
	border: 1px solid #3366CC;
	background-color: #C0D0EE;
}
a {
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	color: #000000;
}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #D88207;
	font-size: 0.8em;
}
a img {
	border: none;
}
/* La page *********************************************************/
#page {	width: 700px; margin: 0 auto; background-color:#FFF;	padding: 0 20px 0 20px;	border: 1px solid #404040;}

/* top *************************************************************/
#top {	background-image:url(images/banner.gif); height:230px; margin-top:0px; margin-bottom: 0px;}
#top h1 { height:230px;	padding-top:20px; margin-right:20px; text-align: right;}

/* main************************************************************/
#main {
	float: left;
	width: 490px;
	margin-top: -7px;
}
#quicknav {
	text-align: left;
	margin-bottom: 20px;
}
.post {
	line-height: 130%;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 0px solid #f5f5f5;
}
.post-title {
	background-image: url(images/star.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom: 15px;
	padding-left: 20px;
	text-align: left;
	color: #3366CC;
	padding-bottom: 2px;
}
.post-title a:link, .post-title a:visited {
	color: #3366CC;
	text-decoration: none;
}
.post-title a:hover {
	background-color: #3366CC;
	color: #fff;
	text-decoration: none;
}
.post-chapo {
	text-align: justify;
}
.post-content {
	text-align: justify;
}
.post-content img{
        float: left;
	margin-left: 0px;
	margin-right: 10px;
}
.post-content blockquote {
	font-style: italic;
	color: #222;
	padding-left: 10px;
	border-left: 10px solid #ddd;
}
.post-info {
	color: #BBBBBB;
	margin-top: -14px;
	text-align: right;
	margin-bottom: 10px;
}
.post-info-co {
	clear: both;
	text-align: right;
	margin-top: 30px;
	margin-bottom: 0;
	background: #fff url(images/comments.png) no-repeat right center;
	padding-right: 16px;
}
#comments {
	margin-bottom: 15px;
}
#comments h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}
#trackbacks blockquote, #comments blockquote {
	text-align: justify;
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 1em 1em 0 1em;
	background: #efefef;
}
#comments .me blockquote {
	background: #3366CC;
}
.permabo {
	margin-top: 30px;
	clear: both;
	text-align: right;
	margin-bottom: 0;
}
.post-ico-permlink {
	background: #fff url(images/link.png) no-repeat left center;
	padding-left: 18px;
}
.post-ico-rss {
	background: #fff url(images/rss.png) no-repeat left center;
	padding-left: 16px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	text-align: center;
}
/* sidebar*******************************************************************************/
#sidebar {
	float: right;
	width: 170px;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 40px;
	padding-left: 10px;
	border-left: 1px solid #ddd;
	color: #777;
}
#sidebar h2 {
	color: #AAA;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 5px;
	margin-top: 12px;
	padding-right: 10px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar li {
	display: block;
	margin: 0.2em 0 0 0;
	padding: 0;
}
#sidebar a {
	border: none;
}
#sidebar a:hover {
	border: none;
}
#search fieldset, #search p {
	margin: 0;
	padding: 0;
}
#q {
	margin-left: 10px;
}
.suite {
	background: #fff url(images/suite.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#postmetadata h2 {
	background: #fff url(images/postmetadata.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#postactions h2 {
	background: #fff url(images/postactions.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#categories {
	color: #bbb;
}
#categories h2 {
	background: #fff url(images/categories.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#sidebar div#calendar table {
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}
#calendar h2 {
	background: #fff url(images/time.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#selection h2 {
	background: #fff url(images/selection.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#languages h2 {
	background: #fff url(images/flag.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#archives h2 {
	background: #fff url(images/archives.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#links h2 {
	background: #fff url(images/link.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#search h2 {
	background: #fff url(images/search.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#syndicate h2 {
	background: #fff url(images/rss.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#viadeo h2 {
	background: #fff url(images/viadeo.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}



#syndicate-rss li {
	padding-left: 20px;
	background: url(images/transmit.png) no-repeat left center;
	line-height: 18px;
}

#syndicate-atom li {
	padding-left: 20px;
	background: url(images/transmit_blue.png) no-repeat left center;
	line-height: 18px;
}

/* autres **********************************************************/
#footer {
	clear: both;
	border-top: 1px solid #ddd;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	color: #666;
}

#tagcloud ul { margin: 0; padding: 0 0.8em; display: block; }
#tagcloud li { display: inline; margin: 0 0.1em; padding: 0; background-image: none; }
#tagcloud li.level-1 { font-size: 0.2em; }
#tagcloud li.level-2 { font-size: 0.4em; }
#tagcloud li.level-3 { font-size: 0.6em; }
#tagcloud li.level-4 { font-size: 0.8em; }
#tagcloud li.level-5 { font-size: 1em; }
#tags { text-align: justify; }
.nuage { display: block; text-decoration: none;}