/* Style Pôle.Net */
/* Auteur: dox */
/* Version: 1.0 */
/* Date: 2008.12.10 */
/* D'après la css indigo/style.css par Viktor Persen (http://arcsin.se) */


/* début éléments principaux */
* {
	margin: 0 0 0 0;
	padding: 0;
}

body {
	background-image: url(img/fd_site1.jpg);
	background-color: #c0d8e6;
	background-repeat: repeat-x;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", "Arial", "sans-serif";
	font-size: 12px;
	color: #446666;
	margin: 0;
	}

input, select, option {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", "Arial", "sans-serif";
	color: #555555;
}

img {
	border: none;
}

li {
	list-style-type: none;
}

h1, h2, h3 {
	color: #0066cc;
	padding-top: 6px;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 4px;
}

a {
	color: #ff7700;
}

a:hover {
	color: #cc6600;
}

p, cite, code, ul {
	padding-bottom: 1.2em;
}

cite {
	background-color: #fff8dc;
	background-image: url(img/quote.gif);
	background-repeat: no-repeat;
	color: #666666;
	display: block;
	padding-left: 22px;
	border: 1px solid #dddda0 ;
}
/* fin éléments principaux */


/* début structure */
.header {
	height: 92px;
}

.container{
	width: 927px;		
	text-align: left;
	background-image: url(img/bandeau1.jpg);
	background-repeat: no-repeat;
}
/* fin structure */


/* début titre */
.title {
	color: #2c43a0;
	float: left;
	font-family: "Arial", "sans-serif";
	font-size: 12px;
	padding: 28px 0 0 710px;
}

.title h1 {
	font-family: "Verdana", "sans-serif";
	font-weight: normal;
	font-size: 2em;
}

.title a, title a:visited {
	color: #2c43a0;
	text-decoration: none;
}
/* fin titre */


/* debut pied de page */
.footer {
	color: #c1def0;
	background-color: #0094d6;
	background-image: url(img/bgfooter.gif);
	background-repeat: repeat-x;
	font-size: 10px;
	text-align: center;
	line-height: 40px;
}

.footer a {
	color: #ffffff;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}
/* fin pied de page */


/* début corps */
.main {
	background-color: #ffffff;
	clear: both;
	padding: 12px 12px 0 52px;
}

.clearer {
	clear: both;
}
/* début corps */


/* début star rating */
.rating p {
	display: inline;
	position: relative;
	top: 14px;
	left: 55px;
}

.star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-position: left top ;
}

.star-rating li {
	display: inline;
}

.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
	text-indent: -1000px;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom ;
}

.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}

.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}

.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}

.star-rating .current-rating {
	margin: 0;
	background-position: left center;
	z-index: 1;
}

.small-star {
	width: 50px;
	height: 10px;
}

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	height: 10px;
	line-height: 10px;
	background-image: url(../../pics/star_small.gif);
}
/* fin star rating */


/* début navigation */
.sidenav {
	float: left;
	width: 25%;
}

.sidenav img {
	border: 0;
}

.sidenave ul {
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

.sidenave li {
	margin: 0;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #eeeeee;
}

.sidenav li a {
	color: #777777;
	text-decoration: none;
	padding: 3px 6px 3px 18px;
}

.sidenav li a:hover {
	color: #111111;
	background-image: url(img/nav_li.gif);
	background-repeat: no-repeat;
}
/* fin navigation */


/* début widget */
div#widgetzone {
	padding: 0;
	background: none;
	width: 100%
}

div#widgetzone .clear {
	clear: left;
}

div.widget {
	clear: both;
	background-color: #ffffff;
	margin-bottom: 10px;
	min-width: 1px;
	width: 100%;
	z-index: 1;
	padding-bottom: 5px;
}

div.widget .content {
	float: none;
	margin: 0;
	width: 100%;
	line-height: 16px;
	color: #666666;
}

div.widget h4 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bbbbbb;
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #ee7733;
	font-size: 1.1em;
	z-index: 0;
}

div.widget a.edit {
	font-size: 10px;
	font-weight: normal;
	float: right;
	z-index: 1;
}

div.widget a.delete {
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	text-decoration: none;
	z-index: 1;
	
}

div.widget a.delete:hover {
	color: #000000;
}

#widgetzone .widget .content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

#widgetzone .widget .content ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dddddd;
}

#widgetzone .widget .content ul li.year {
	border-bottom: none;
}
/* fin widget */


/* début widget recherche */
#searchbox {
	padding-left: 16px;	
}

#searchbox #searchfield, #searchbutton {
	border-color: #e5e5e5;
	border-style: double;
	border-width: 3px;
	padding: 2px 3px;
}

#searchcomments {
	margin-right: 3px;
}

#searchbox .searchcomments {
	font-size: 0.8em;
}
/* fin widget recherche */


/* début widget tags */
div#widgetzone ul#tagcloud li {
	border-bottom: none;
}

#tagcloud {
	margin-bottom: 10px;
	white-space: normal;
	text-align: justify;
}

#tagcloud li {
	display: inline;
}

#tagcloud li a {
	display: inline;
	margin-right: 3px;
	padding: 3px 1px 3px 1px;
}

#tagcloud li a:hover {
	color: #111111;
	background-color: #c0d8e6/*#ffff00*/;
	background-image: none;
}

#tagcloud li a.biggest {
	color: #333333;
	font-size:20px;
}

#tagcloud li a.big {
	color: #555555;
	font-size:17px;
}

#tagcloud li a.medium {
	color: #777777;
	font-size:14px;
}

#tagcloud li a.small {
	color: #999999;
	font-size:12px;
}

#tagcloud li a.smallest {
	color: #bbbbbb;
	font-size: 9px;
}
/* fin widget tags */


/* début widget calendrier */
#calendarContainer {
	padding: 0  0 16px 0;
	text-transform: capitalize;
	margin: 0 auto 0 auto;
}

.calendar {
	border: none;
	margin: 0 auto 0 auto;
	width: 90%
}

.calendar .weekend {
	background-color: #e0e0e0;
}

.calendar .other {
	color: #c0c0c0;
}

.calendar a.exist {
	display: block;
	font-weight: bold;
	background-color: #e0e0e0;
}

.calendar td {
	vertical-align: top;
	background: #ffffff;
}

#calendar {
	text-align: center;
}

#calendardisplayfull {
	font-size: 0.8em;
}
/* fin widget calendrier */


/* début post */
#postnavigation {
	height: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: #808080;
	font-size: 0.8em;
}

.content {
	float: left;
	margin-right: 4%;
	width: 70%	
}

.content .postheader {
	text-decoration: none;
	color: #0066cc;
}

.content .descr {
	color: #cc6600;
	margin-bottom: 6px;
	font-size: 0.8em;
}

.content li {
	margin-left: 18px;
}

.postcontent {
	padding-bottom: 1.2em;
}

.postcontent p {
	font-size: inherit;
	padding-bottom: 1.2em;
}

#ctl00_cphBody_divText {
	padding-bottom: 1.2em;
}

#ctl00_cphBody_divText p {
	font-size: inherit;
	padding-bottom: 1.2em;
}

.postfooter {
	padding: 2px 3px 3px 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #e0e0e0;
	background-color: #f0f0f0;
	color: #505050;
	font-size: 0.8em;
}

.postfooter img {
	border: none;
}
/* fin post */


/* début billets liés */
#relatedPosts {
	margin-top: 10px;
}

#relatedPosts a, #relatedPosts span {
	font-size: 0.8em;	
	display: block;
	padding-left: 16px;
}

#relatedPosts span {
	padding-bottom: 5px;
}
/* fin billets liés */


/* début commentaires */
#comment {
	margin-top: 10px;
}
.comment {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.comment .date {
	text-align: left;
	margin: 0;
	padding: 3px 0;
}

.comment .author {
	margin: 0;
	text-align: left;
	margin: 0 0 3px 0;
	padding-top: 3px;
	clear: both;	
}

.self {
	background-color: #f5f5f5;
}

.comment .gravatar {
	float: left;
	clear: both;
	margin: 5px 5px 5px 5px;
}

.comment .gravatar img {
	height: 80px;
	width: 80px;
}

.comment .content {
	min-height: 85px;
	margin: 5px 0 0 5px;
}

#ctl00_cphBody_CommentView1_lbCommentsDisabled {
	display: block;
	padding-top: 10px;
}
/* fin commentaires */


/* début formulaire commentaires */
#addcomment {
	margin-top: 10px;
}

.commentForm {
	padding-top: 5px;
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
}

.commentForm input {
	width: 280px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
}

#commentMenu {
	padding: 0;
	margin: 0;
	clear: both;
}

#commentMenu li {
	float: left;
	border: 1px solid #c0c0c0;
	border-bottom: none;
	margin: 0;
	list-style: none;
	margin-right: 5px;
	padding: 3px 8px;
	cursor: pointer;
	position: relative;
	top: 2px;
	background-color: #d8d8d8;
}

#commentMenu li.selected {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#commentPreview {
	display: none;
	clear: both;
}

.commentForm textarea {
	border-color: #c0c0c0;
	border-style: solid;
	border-width: 1px;
	padding: 2px 3px;
}
/* fin formulaire commentaires */


/* début page de recherche */
.searchresult {
	margin-bottom: 20px;
}

.searchresult a {
	font-weight: bold;	
}

.searchresult span.text {
	clear: both;
	display: block;
	margin: 3px 0;
}

.searchresult span.type {
	display: block;
}

.searchresult span.url {
	color :#808080;
	/* IE word wrap correctement, 
	Firefox se chie dessus quelle que soit la balise utlisée :( */
	/* méthode bourrin ? on réduit la taille des liens :D */
	font-size: 0.8em;
	white-space: pre; /* marche pas non plus sous Firefox */
}

.searchpage ul.paging {
	list-style-type: none;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

.searchpage ul.paging li {
	display: inline;
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	background-color: #f1f1f1;
	margin-right: 5px;
}

.searchpage ul.paging li a {
	padding: 5px 8px;
	text-decoration: none;
}

.searchpage ul.paging li a.active {
	background-color: #f1f1f1;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	text-decoration: none;
}

#searchpage {
	margin-bottom: 10px;
}

#searchpage input {
	border-color: #e5e5e5;
	border-style: double;
	border-width: 3px;
	padding: 2px 3px;
}

#searchpage label {
	font-size: 0.8em;
}
/* fin page de recherche */


/* début page de contact */
#contact {
	padding: 10px;
}

#contact h1 {
	margin-top: 0;
}

#contact label {
	display: block;
	padding-bottom: 5px;
}

#contact input.field {
	width: 200px;
}

#contact textarea {
	display: block;
	overflow: auto;
	width: 75%;
	height: 150px;
	margin: 0;
}
/* fin page de contact */


/* début page archives */
#archive img {
	border: none;
	padding-right: 5px;
}

#archive h2 {
	margin-bottom: 10px;
}

#archive span {
	padding: 16px;
}

#archive table {
	font-size: 12px;
	margin-bottom: 10px;
	width: 100%;
}

#archive td, th {
	font-size: 0.8em;
}

#archive td.date {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	white-space: nowrap;
	width: 70px;	
	min-width: 70px;
}

#archive td.comments {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	white-space: nowrap;
	width: 90px;
	min-width: 90px;
}

#archive td.rating {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	white-space: nowrap;
	width: 70px;
	min-width: 70px;
}

#archive td.title {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", "Arial", "sans-serif";
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	min-width: 50%;
}

#archive td.title a {
	color: #ff7700;
}
/* fin page archives */


/* début tag xfn */
div.post .postcontent a[rel] {
	padding-right:11px;
	background-repeat: no-repeat;
	background-position: right center;
}
div.post .postcontent a[rel="me"] {	
	background-image:url('../../pics/xfn/me.gif');
}

/*-------- [ Normal contacts ]--*/
div.post .postcontent a[rel~="contact"] ,
div.post .postcontent a[rel~="acquaintance"],
div.post .postcontent a[rel~="friend"] {
	background-image:url('../../pics/xfn/contact.gif');
}

/*-------- [ Normal contacts youve met ]--*/
div.post .postcontent a[rel~="contact"][rel~="met"] ,
div.post .postcontent a[rel~="acquaintance"][rel~="met"] ,
div.post .postcontent a[rel~="friend"][rel~="met"] {
	background-image:url('../../pics/xfn/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .postcontent a[rel~="colleague"] ,
div.post .postcontent a[rel~="co-worker"] {
	background-image:url('../../pics/xfn/colleague.gif');
}

/*-------- [ Colleague and co worker icon when met ]--*/
div.post .postcontent a[rel~="colleague"][rel~="met"] ,
div.post .postcontent a[rel~="co-worker"][rel~="met"] {
	background-image:url('../../pics/xfn/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .postcontent a[rel~="muse"] ,
div.post .postcontent a[rel~="crush"] ,  
div.post .postcontent a[rel~="date"] ,
a[rel~="sweetheart"] {
	background-image:url('../../pics/xfn/sweet.gif');
}

/*-------- [ ...and if youve met them thats even better ]--*/
div.post .postcontent a[rel~="muse"][rel~="met"] ,
div.post .postcontent a[rel~="crush"][rel~="met"] ,  
div.post .postcontent a[rel~="date"][rel~="met"] ,
div.post .postcontent a[rel~="sweetheart"][rel~="met"] {
	background-image:url('../../pics/xfn/sweetMet.gif');
}
/* fin tag xfn */