/* .............................. */
/* Basic */
/* .............................. */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Top level elements
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-wrapper {
	font-family: "verdana", "lucida grande", helvetica, arial, sans-serif;
	width: 95%;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	}
#bord {
	
	}
#menu {
	width: 500px;
	text-align: right;
   margin: 0 auto;
   padding-top:5px;
   padding-bottom:2px;
	border-bottom: 1px solid #cccccc;
	font-family: "verdana", "lucida grande",  helvetica, arial, sans-serif;
	font-size: 16px;

   }

#menu a {
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	}
	
#menu a:hover {
	text-decoration: none;
	color: #D58900;
	font-size: 11px;
	}

#tb-comment-link {
	text-align: center;
	color: #5C5C5C;
	}
#tb-wrapper a, #tb-wrapper a:visited {
	text-decoration: none;
	color: #FFA500;
	}
#tb-wrapper a:hover {
	text-decoration: underline;
	}
.tb-comment-legend {
	color: #5C5C5C;
	text-align: center;
	margin-top: 1em;
	}
.tb-closed-legend {
	color: #5C5C5C;
	text-align: center;
	}
.tb-nocomments-legend {
	color: #5C5C5C;
	text-align: center;
	}
.tb-leave-comment-legend {
	color: #5C5C5C;
	text-align: center;
	margin-top: 15px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Sort radio buttons and number of comments to show
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-sort {
	text-align: center;
	}
#tb-sort .tb-num-rows {
	font-size: .85em;
	width: 2em;
	text-align: center;
	border: 1px solid #A099DF;
	}
#tb-sort .tb-submit{
	background: #ddd;
	font-size: .85em;
	
	}
#tb-sort .tb-radio{
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-comment {
	margin-top: 2em;
	}
.tb-reply {
	margin-top: 2em;
	margin-left: 20px;
	}
.tb-reply-legend {
	color: #888;
	font-size: .85em;
	}
/* ++++++++++ The comment header +++++++++++ */
.tb-comment-header, .tb-comment-header-admin {
	font-size: .85em;
	height: 1.5em;
	background: #A3A3A3;
	padding: 0 5px 0 5px;
	border-bottom: 1px solid #bbb;
	}
.tb-date, .tb-id, .tb-date-admin, .tb-id-admin {
	float: right;
	color: #5C5C5C;
	}
.tb-author, .tb-author-admin  {
	float: left;
	}
.tb-author-admin {
	color: #800;
	}
.tb-author a, .tb-author-admin a:visited  {
	color: #800;
	}
/* ++++++++++ The comment body ++++++++++ */
.tb-comment-text, .tb-comment-text-admin {
	clear: both;
	padding: 5px 5px 0 5px;
	font-size: 1em;
	text-align: left;
	overflow: auto;
	}
.tb-comment-text-admin {
	}	
.tb-comment-text pre, .tb-comment-text-admin pre {
	margin: 0 0 0 1em;
	font-family: "courier new", courier, monospace;
	padding: 0 2px 0 2px;
	overflow: auto;
	}
.tb-comment-text blockquote, .tb-comment-text-admin blockquote {
	border-left: 3px solid #aaa;
	margin: 0 1.5em 0 1em;
	padding-left: 5px;
	}
.tb-comment-text code, .tb-comment-text-admin code {
	font-family: "courier new", courier, monospace;
	background: #ddd;
	}
/* ++++++++++ The comment footer (reply, edit and delete links) ++++++++++ */
.tb-comment-footer {
	text-align: center;
	}
.tb-replyto-link, .tb-edit-link, .tb-delete-link {
	display: inline;
	color: #FFA500;
	}
.tb-reply-submit {
	background: none;
	border: none;
	font-size: .85em;
	color: #FFA500;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Next/Previous Links 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-prev-next {
	text-align: center;
	margin-top: 2em;
	}
.tb-prev, .tb-next {
	font-size: .85em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #003399;
	cursor: pointer;
	border: none;
	background-color: #fff;
	}
.tb-next {
	background: url(/tbdev/images/next-b.gif) right no-repeat;
	padding: 0 10px 0 0;
	}
.tb-prev {
	background: url(/tbdev/images/prev-b.gif) left no-repeat;
	padding: 0 0 0 10px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment entry form
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-form-div {
	margin: auto;
	}
#tb-form {
	font-size: .85em;
	padding: 5px 10px 5px 10px;
	background: #A3A3A3;
	border: 1px solid #bbb;
	text-align: left;
	}
#tb-form-div .tb-help a, #tb-form-div .tb-help a:visited {
	float: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 4px 0 4px;
	background: #8385BF;
	color: #fff;
	}
#tb-form-div .tb-help a:hover {
	background: #fff;
	color: #8385BF;
	border: 1px solid #8385BF;
	text-decoration: none;
	}
#tb-form-div .tb-field {
	margin-top: 5px;
	font-size: 1em;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	width: 150px;
	} 
.tb-required {
	color: #f00;
	font-size: 1.2em;
	}
#tb-form-div .field-reply {
	width: 30px;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	font-size: 1em;
	} 
#tb-subscribe-line {
	margin-bottom: 5px;
	}
#tb-qtbuttons {
	margin-bottom: 5px;
	}
#tb-qtbuttons input {
	font-family: helvetica, arial, sans-serif;
	color: #003399;
	padding: 0 2px 0 2px;
	margin-right: 2px;
	cursor: pointer;
	font-size: 1em;
	}
#tb-qtbuttons.tb-edit-form {
	margin-top: 5px;
	}
#tb-smiley-insert {
	}
#tb-form-div textarea {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	margin-top: 5px;
	width: 99%;
	height: 10em;
	font-size: 1em;
	padding: 0 2px 0 2px;
	}
#tb-link-target {
	/* This holds the "open in new window" flag used by the quick tags script */
	display: none;
	}
#tb-error {
	color: #f00;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Miscellaneous
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
img {border: none;}
.tb-submit{
	font-family: helvetica, arial, sans-serif;
	color: #003399;
	padding: 0;
	margin-right: 5px;
	cursor: pointer;
	font-size: 1em;
	}
.tb-label {
	}
.tb-small {
	font-size: .85em;
	}
.tb-clear {
	clear: both;
	height: 1px;
	}
.tb-stress {
	color: #800;
	text-align: center;
	}
.tb-credit {
	color: #666;
	text-align: center;
	font-size: .85em;
	}
.tb-center {
	text-align: center;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	"Panel" styles: message-panel.php, comments-help.php, comments-preview.php, 
	commments-reply-tpl.php, comments-edit-tpl.php, comments-edit-tpl.php
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-panel {
	margin: 20px 0 0 0;
	padding: 0;	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	background: #6F6F6F;
	}
#tb-panel-wrapper {
	width: 500px;
	margin: auto;
	background: #fff;
	}
#tb-panel-header, #tb-panel-footer {
	background: #A3A3A3;
	text-align: center;
	padding: 5px 10px 5px 10px;
	}
#tb-panel-content {
	border: 1px solid #FEAB2B;
	margin: 0;
	padding-bottom: 10px;
	}
#tb-panel-message {
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	}
#tb-panel-link {
	text-align: center;
	font-size: .85em
}
#tb-panel-footer {
	font-size: .75em;
	color: #fff;
	}


body {
	text-align: center;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	background-image: url(images/fond.png);
	color: #666666;
	margin:0;
	padding: 35px 0 0 0;
	}

html, body {
   min-height:100.1%;
	}

.gras {
	font-weight: bold;
	}

.italique {
	font-style: italic ;
	}
	
.orangeg {
	color: #D58900;
	font-weight: bold;
	}

.centre {
	text-align: center;
	}
	
/* .............................. */
/* main et titre */
/* .............................. */	

#surtitre {
	font-size: 12px;
	text-align:left;
	width: 600px;
	margin: 0 auto;
	color: #ffffff;
	}

#surtitre a {
	color: #ffffff;
	}

#surtitre a:hover {
	color: #EDAD00;
	}
	
#main {
	margin-right: auto;
	margin-left: auto;
	width: 640px;
	}

#haut {
	background-image: url(images/haut.png);
	height: 32px;
	}
#bord {
	background-image: url(images/bord.png);
	}

#bas {
	background-image: url(images/bas.png);
	height: 18px;
	}

/* .............................. */
/* Link stylings */
/* .............................. */

a {
	color: #666666;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	color: #D58900;
	}


/* .............................. */
/* Menu */
/* .............................. */	

#menu {
	width: 500px;
	text-align: right;
   margin: 0 auto;
   padding-top:5px;
   padding-bottom:2px;
	border-bottom: 1px solid #cccccc;
	font-size: 9px;
   }

#menu a {
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	}
	
#menu a:hover {
	text-decoration: none;
	color: #D58900;
	font-size: 11px;
	}

	
/* .............................. */
/* Image */
/* .............................. */

#image img{
   padding-top:7px;
   padding-bottom:3px;
   border:none;
   }	
   

/* .............................. */
/* sousphoto */
/* .............................. */

#sousphoto {
	width: 500px;
	margin:0px auto;
	text-align: left;
	font-size: 12px;
	}
	
.titre {
	color: #D58900;	
	}
	
.soustitre {
	width: 500px;
	padding-top:1px;
	padding-bottom: 10px;
	font-size: 11px;
	}
	
.fleche {
	float:right;
	text-align: right;
	}

/* .............................. */
/* Vignettes */
/* .............................. */

#vignettes {
	width: 500px;
	margin:0px auto;
	text-align: right;
	}

#vignettes a:link img{
	padding: 4px;
	border: 1px solid #ffffff;
	}

#vignettes a:visited img{
	padding: 4px;
	border: 1px solid #ffffff;
	}

#vignettes a:hover img{
	padding: 4px;
	border: 1px solid #D58900;
	}
	



/* .............................. */
/* credits */
/* .............................. */

#credits {
	font-size: 10px;
	color: #9C9C9C;
	}

#credits a {
	text-decoration: none;
	color: #9C9C9C;
	}

#credits a:hover {
	text-decoration: none;
	color: #EDAD00;
	}

/* .............................. */
/* liste categories */
/* .............................. */

#categorie {
	width: 500px;
	height: auto;
	min-height: 370px;
	_height: 370px;
	padding-top: 7px;
	padding-bottom: 1px;
	margin:0px auto;
	}

#catlist {
	float:left;
	height: auto;
	min-height: 370px;
	_height: 370px;
	text-align: left;
	padding-right: 30px;
	}

#catlist li{
	list-style-type:none;
	}

#catthumbs a:link img {
	padding: 4px;
	border: 1px solid #ffffff;
	}

#catthumbs a:visited img {
	padding: 4px;
	border: 1px solid #ffffff;
	}

#catthumbs a:hover img {
	padding: 4px;
	border: 1px solid #D58900;
	}

/* .............................. */
/* page licence*/
/* .............................. */

#licence {
 	text-align: left;
 	width: 500px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin:0px auto;
 	}

#conditions {
	margin: 0px 25px 0px 25px;
	}


	
/* .............................. */
/* page liens */
/* .............................. */

#liens {
 	text-align: left;
 	width: 500px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin:0px auto;
 	}
 	
#liens a {
	color: #D58900;
	text-decoration: none;
	font-weight: bold;
	}
	
#liens a:hover {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}

#liensg {
	float: left;
	position: relative;
	}
	
#liensd {
	margin-left: 200px;
	margin-bottom: 30px;
	}
	
/* .............................. */
/* page commentaires */
/* .............................. */	
	
#commain {
	margin-right: auto;
	margin-left: auto;
	width: 440px;
	}

#comhaut {
	background-image: url(images/comhaut.png);
	height: 25px;
	}
	
#combord {
	background-image: url(images/combord.png);
	}

#combas {
	background-image: url(images/combas.png);
	height: 19px;
	}

#commain2 {
	margin-right: auto;
	margin-left: auto;
	width: 440px;
	}

#comhaut2 {
	background-image: url(images/comhaut.png);
	height: 25px;
	}
	
#combord2 {
	background-image: url(images/combord.png);
	}

#combas2 {
	background-image: url(images/combas.png);
	height: 19px;
	}

#comthumb {
	float: left;
	position: relative;
	padding: 10px 10px 0 30px;
	}
	
#comnav {
	width: 380px;
	margin: 0 auto;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
	text-align: center;
	padding-bottom: 5px;
	}

#comcom {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 15px;
	}

#commain ul {
   display: inline;
   list-style:none;
	}

#commain li {
   border-top:1px dotted #cccccc;
   width: 380px;
  	margin: 0 auto;
   padding-bottom:5px;
	padding-top:5px;
	text-align: left;
	}
	
#commain li a {
	 font-style: italic ;
	}

#commain li:hover {
    background:#eeeeee;
    }
    
#addcomment {
   width: 380px;
  	margin: 0 auto;
	text-align: left;
	padding-bottom: 1px;
	}

.input {
   width:60%;
	border:1px solid #cccccc;
	font-size: 11px;
	color:#666666;
   background:#eeeeee;
	padding:3px;	
    }

.text {
	border:1px solid #cccccc;
	font-size: 11px;
	color:#666666;
   background:#eeeeee;	
	padding:3px;
	}

.commentbutton {
	background: #eeeeee;
	border:1px solid #cccccc;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	}

/* .............................. */
/* page commentaires */
/* .............................. */

#dolicho {
	text-align: left;
 	width: 500px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin:0px auto;
	}


/*	 

*/
	
