.none{
	display: none;
}
.spacer{clear:both; height:0px;width:100%;}

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}
#page{
width:900px;
margin:0 auto;
}
.entete{
	background-image: url(images/head.jpg);
	background-position: top left;
	height: 213px;
	width:900px;
	position: relative;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
#logo{float:left; background-image:url(images/tie_logo.gif); width:274px; height:213px;}
#topheader{float:right; width:626px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}

#menu{float:right; width:700px; height:32px;padding-top:95px;}
#submenu{float:right; width:700px; height:32px;}

#contenttext{width:900px;position:relative;}

#leftpanel{float:left; width:270px;overflow:hidden;text-align:left;}

#footer{float:left; width:900px; background-color:#F0F0F0;}

#content{
position:relative; 
width:900px;
margin:0;
padding:0;}

#colonnegauche{ width:270px;
background-image: url(images/background_left.jpg);
background-repeat: repeat-x;
border-right: 1px solid #CCCCCC;
}
#colonnedroite{ width:630px;
margin-left: 20px;
}

/*GRAY PANEL*/
.graypanel{
	background-color:#F7F7F7; padding:10px;
}


/*TEXT STYLES*/
.largeurentry{width:610px;}
.bodytext2 {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	overflow:hidden;
	position: relative;
	width:100%;
}
.bodytext {
	font: 1em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	overflow:hidden;
	position: relative;
	width:100%;
}



.titletext {
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}


/**
 * Various styles that are used by Pivot. 
 *
 * Unless you're an advanced CSS user, you will most likely want to 
 * use this file as is. 
 *
 * Include it in your templates using: 
 * <link href="[[template_dir]]pivot_essentials.css" rel="stylesheet" type="text/css" />
 *
 */
 
/**
 * Styles used by the Hardened Trackback (introduced in Pivot 1.30). 
 */
#tbgetter {
	border: 1px #ccc solid;
	padding: 5px;
	background: #eee;
	font: 10px Arial, Helvetica, sans-serif;
	height: 40px;
	overflow: auto;
}


#tbgetter a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}


#tbgetter a:hover {
	text-decoration: underline;
}


/** 
 * Styles used for Tags 
 */
.taglinkext, a[rel="tag"] {
	border-bottom: 3px double #C2C2C2;
	background: none;
}


.taglinkext:hover {
	border-bottom: 3px double #00A8FF;
	color: #00A8FF!important;
	background: none;
}


#flickrpics img {
	margin-right: 4px;
	border-width: 1px;
}


#flickrpics a, #flickrpics a:hover, #tagbuttons a, #tagbuttons a:hover {
	background: none;
}


#tagbuttons img {
	border-width: 1px;
}


/**
 * Pivot, RSS- and Atom-buttom
 */ 
a.badge, a.badge img {
	border: 0px!important;
	background: none!important;
}


/**
 * Search forms
 */
.searchbox, .result-searchbox, .commentinput, .piv_notify, .piv_discreet {
	border: 1px solid #B5B5B5;
	padding: 3px;
	background: #EBEBEB;
	font: 11px Arial, Helvetica, sans-serif;
}


.searchbutton, .result-searchbutton, .commentbutton {
	border: 1px solid #B5B5B5;
	background: #E2E8E5;
	font: 11px Arial, Helvetica, sans-serif;
	height: 21px;
	margin-top: 5px;
}




.result-searchbox, .result-searchbutton {
	margin-bottom: 10px;
}


fieldset > .result-searchbox {
	margin-bottom: 11px;
}


.pivot-search fieldset, .pivot-search-result fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}


.pivot-search label, .pivot-search legend, .pivot-search-result label, .pivot-search-result legend {
	display: none;
	visibility: hidden;
}


/**
 * Higlight registered visitors
 */
.registered {
	background-color: #F0E68C;
}


/**
 * Images and popups inserted by [[image]] and [[popup]]
 */
.pivot-image, .pivot-popupimage {
	border: 7px solid #B5B5B5;
	margin: 0px 0px;
}


.pivot-popuptext{
	padding: 0;
	margin: 0;
}


a.thickbox {
		background: none!important;
}


.message p {
	margin-bottom:5px;
	display:block;
}


a {
	color: #000000;
	padding-bottom: 1px;
	text-decoration: none;
	background: url(images/background_h3.gif) repeat-x bottom;
}


a:hover .pivot-popupimage {
	border: 7px solid #C5C9B4;
	margin: 0px 0px;
}


a:hover, .pagetitle a:hover, .meta a:hover {
	color: #D70000 !important;
	background: url(images/background_h3_over.gif) repeat-x bottom;
}

form {
	margin: 0;
}

h1 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 4px 0px;
	padding: 0;
}

h1 a, h2 a, h3 a, .date a, .comments a, .pagetitle a, .pagetitleshade a{
	background: none!important;
}

h2 {
	border-top: 5px solid #D70000;
	color: #000000;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	background: repeat-x bottom;
}

h2 a {
	color: #000;
}

h3 {
	font: 1.5 Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}
h4 {
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}

h5 {
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.block h3 {
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	margin: 5px 0px 5px 0px;
	padding: 0;
	border-top: 1px solid #000000;
	color: #000000;
	background: none;
	width: 270px;
}

p {
	margin: 5px 0px;
	line-height:1.4em;
}

.block {
	height: 100%;
	text-align: left;
	margin:0;
	padding:0 10px 20px 10px;
	background-image: url(images/fondblock1.png);
	background-repeat: repeat-x;
	font-size: 1em;
	width:270px;
}

.comment {
	color: #424440;
	margin: 10px 0px 20px 0px;
	background: #DFE3D4;
	padding: 15px;
	border-left: 3px solid #ACB09E;
}

.comment small {
	color: #000;
	font-size: 11px;
}

.commentform, .commentform a:link {
	font-size: 10px;
	color: #424440;
}

.commentinput {
	width: 170px;
	margin: 0px 0px 3px 0px;
}

.comments {
	color: #B5B5B5;
	font: 1.0em  Arial, Helvetica, sans-serif;
}

.comments a {
	color: #B5B5B5;
}

.comments a:hover, .title a:hover {
	color: #00A8FF;
}

.tags {
	display: block;
	margin-top: 6px;
	font-size: 0.95em;

}
.tags a, .tags {
	color: #666666;
}

.date {
	color: #666666;
	display: block;
	font-size: 0.9em;
	padding: 0;
	background: url(images/background_h2.gif) repeat-x bottom;
}

.entry {
	float: left;
	line-height: 1.6em;
	margin: 10px 0px 0px 10px;
	display: inline;
	padding-bottom: 20px;
	width: 610px;
	font-size: 1em;
}
.postcontent{
	padding-top: 15px;
	color:#000000;
width:530px;
overflow:hidden;
font-size: 0.8em;
}
.postcontent A, .postcontent A:visited{
color:#A52A2A;
}
.postcontent A:hover{
color:#CC0000;
}
.entryfooter {
	margin: 20px 0px 0px;
}

.entrynavigation {
	margin: 20px 0px 0px;
}

.linkdumpcomments {
	font-size: normal;
	display:none;
	color: #555555;
}

.linkdumpentry {
	float: left;
	margin: 2px 0px 10px 0px;
	padding-bottom:10px;
	font-size: 11px;
}

.linkdumpentry p {
	display: inline;
	margin: 0;
	padding: 0;
}

.message p {
	margin-bottom: 5px;
	display: block;
}

.meta {
	float: right;
	font-size: 0.9em;
	letter-spacing: 0;
	margin-top: 10px;
}

.meta a {
	color: #888888;
}

.pagetitle a{
	color: #FFFFFF;
}

.pagetitle a, .pagetitleshade a {
	bottom: 8px;
	color: #FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	left: 200px;
	position: absolute;
	text-align: bottom;
	width: 360px;
}

.pagetitle, .pagetitleshade {
	height: 180px;
	position: absolute;
}

.pagetitleleft a{
	left: 10px!important;
}

.pagetitleshade a{
	color: #484848!important;
	margin-left: 1px!important;
}

.title a{
	color: #63663E;
	font-weight: bold;
}


#entries2{
	float: left;
	width: 470px;
	display: inline;
}

#entries3 {
	float: left;
	padding: 0px 0px 0px 20px;
	width: 370px;
	display: inline;
}


#linkdump2 {
	border-bottom: 1px solid #FFFFFF;
	padding: 0px 0px 20px 15px;
	width: 270px;
	background: url(images/background_linkdump.gif) repeat-y left;
	float: right;
}

#linkdump2, #linkdump3 {
	color: #707572;
	line-height: 1.4em;
}

#linkdump3 {
	padding: 0px 0px 0px 15px;
	width: 175px;
	float: left;
}

#linkdumpentry p {
	width: 140px!important;
}

#main ul li {
	margin: 4px 0px!important;
}

#tagpage h3 {
	border:0;
	background: url(images/background_h2.gif) repeat-x bottom;;
}

.commentform, .commentform a:link {
font-size:10px;
color: #424440;
}

.commentinput {
	width: 170px;
	margin: 0px 0px 3px 0px;
}

.comment{
	color:#424440;
	margin: 10px 0px 20px 0px;
	background:#DFE3D4;
	padding: 15px;
	border-left:3px solid #ACB09E;
}

.comment small {
	color:#000;
	font-size: 1em;
}

p.lienimages a {background-image:none;text-decoration:none;border:0px;}