/*  
Nom du Thème : XpGlobes
Auteur : Patrice LEGAY (www.webdconseils.com)
*/

* {margin:0px; padding:0px;}
body {background: url('images/top-bg.jpg') repeat-x center top; text-align:center; font-size: 12px; color:#293547; font-family: Verdana, Arial, Helvetica, sans-serif}

blockquote {margin:5px 0; text-align: left; border:1px solid #bed35b; background:#ffffff url('images/blockquote-bg.gif') repeat-x left bottom;; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px}
blockquote blockquote {margin:5px 0; padding: 0px 10px; text-align: left; border-left:medium none; border-right:medium none; background:transparent none;}
a {text-decoration:none; color:#004e8c; border: 0px;}
a:hover {text-decoration:underline; border: 0px;}
a.u {text-decoration:underline; border: 0px;}
a.u:hover {text-decoration:none; border: 0px;}
a.n, a.n:hover {text-decoration:none; border: 0px;}
a:focus, a:active { outline: none;}

p {padding:7px 0;  line-height: 17px;}
.border {border:1px solid red;}
h1, h2, h3, h4 { font-family: "Trebuchet MS";}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height: 1px;  }

input { font-family: 'Verdana'; color: #212121; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #212121; font-size: 11px;}
select { font-family: 'Verdana'; color: #212121; font-size: 11px;}

#clock {
	font-size:11px;
	font-weight:normal;
	color:#004e8c;
}

img {
	border:0px none;
	}


	p img {
    float:left;
    margin:0 10px 0 0;
    padding-left: 6px;
    padding-bottom: 2px;
}
	html {
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-arrow-color:#004e8c;
	scrollbar-track-color:#ffffff;
}

h1 { font: bold 1.31em "Arial", Sans-Serif; margin: 0; color: #e379c0; }

h3 { font: bold 1.5em "Arial", Sans-Serif; margin: 0; color: #ff6600; }



.catego{
	background: #ffffff;
	width : 200px;
	height: 6px;
    padding: 3px 3px 3px 3px;
	border: 1px dotted #CCCCFF;

}


table.sample { 
    width:100%;
}

table.sample th {
	
}
table.sample td {
    width:33%;
    text-align:left;
	
    padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	-moz-border-radius: 12px;
}


.champs {width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; border: 1px solid #ff6600; background-color: #000000; font-weight: bold; color: #c2c2c2; text-decoration:none}



.date { color:#004e8c; font-size:1.01em; font-weight:bold;}

.catwdc{
	color:#004e8c;
	text-decoration:none;
	font-size:13px;
}


.catwdc:hover{
	color:#99ba09;
	text-decoration:none;
	font-size:13px;
}


.details{
	color:#004e8c;
	text-decoration:none;
	font-size:11px;
}

.details a{
	color:#004e8c;
	text-decoration:none;
	font-size:11px;
}



.details:hover{
	color:#99ba09;
	text-decoration:none;
	font-size:11px;
}


.annau{
	color:#ffff00;
	text-decoration:none;
	font-size:28px;
}


.annau:hover{
	color:#F1F1F1;
	text-decoration:none;
	font-size:28px;
}

.sitetable {
	width: 100%;
	border: 1px solid #C2C2C2;
	vertical-align : top;
}

.sitetables {
	width: 100%;
	vertical-align : top;
}

.sitetd {
	border: 1px solid #ffffff;
}

.votelargeur {width: 50px;}

a.cat_display {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color:#333333;
}

a.cat_display:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color:#CC0000;
	}

a.subcat_display {
	text-decoration: none;
	font-size: 10px;
	border-bottom : 1px dotted #CCC;
}


.votetable {
	background: #eeeeee;
	width : 50px;
	height: 92px;
	margin-right: 5px;

}

.vote span.note {
font-size: 9px;
height: 12px;
display: block;

}
.vote span.nombre 
{
font-size: 16px;
display: block;
}

.vote a{
	color: #004e8c;
	font-size: 16px;
	font-weight: bold;
}

.vote a:hover{
	color: #004e8c;
	font-size: 16px;
	font-weight: bold;
}



/* Onglets fiche site */
#container {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; 
}

#container hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
	width: 50%;
}

#container ul#mest {	
	font-weight: bold;
}
#container ul#mest li {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; 
	display: inline;
	margin: 1px;
}
#container ul#mest li a {
text-decoration: none;

}
#container ul#mest li a:hover {
text-decoration: none;
color: #333333;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	border: 1px solid #d5d5d5;
	padding: 10px;
	text-align: left;
}

#container a.current {
	border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid white; background-image: url('images/shadeactive.gif');
	background-color: white;
	color: #333333;
	font-size: 12px; padding-left:3px; padding-right:3px; padding-top:5px; padding-bottom:5px
}
#container a.ghost  {
	margin-right: 1px;
	border: 1px solid #d5d5d5;
	color: #333333;
	font-size: 12px;
	background: white url('images/shade.gif') repeat-x top left;; padding-left:3px; padding-right:3px; padding-top:5px; padding-bottom:5px
}

#container a.current:hover {
	border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid white; background-image: url('images/shadeactive.gif');
	background-color: white;
	font-size: 12px;
	color: #333333; padding-left:3px; padding-right:3px; padding-top:5px; padding-bottom:5px
}
#container a.ghost:hover  {
	padding: 5px 3px;
	margin-right: 1px;
	border: 1px solid #d5d5d5;
	color: #333333;
	font-size: 12px;
}

#container .on {
	display: block;
	text-align: left;
}
#container .off {
	display: none;
}

.leftbg {position:absolute; left:0px; top:0px; width:50%; height:142px; margin-left:-480px; background: url('images/left-top-bg.jpg') no-repeat 100% -1px;}
.rightbg {position:absolute; right:0px; top:0px; width:50%; height:142px; background: url('images/right-top-bg.jpg') no-repeat 480px -1px;}
#head {position:relative; width:960px; height:96px; margin:0 auto; text-align:left; background: url('images/head-bg.gif') repeat-x left top; overflow:visible; z-index:1000}
.head-left {position:relative; width:100%; height:96px; background: url('images/head-left-bg.jpg') no-repeat left top;}
	.logo {position:absolute; left:15px; top:10px; font: 28px/120% Trebuchet MS; color:#ffffff; z-index:100;}
	.logo a, .logo a:hover {color:#ffffff; text-decoration:none;}
	.logo a b {color:#81b20b;}
	.searchbox {position:absolute; right:0px; top:0px; width:417px; height:95px; color:#ffffff;  background: url('images/search-bg.gif') repeat-x left top;}
	.sb-right {width:100%; height:95px; color:#ffffff;  background: url('images/search-right-bg.jpg') no-repeat right top; overflow:hidden}
	.sb-left {height:95px; color:#ffffff;  background: url('images/search-left-bg.jpg') no-repeat left top;; padding-left:55px; padding-right:0; padding-top:32px; padding-bottom:0}
	#searchform .label {padding:0px 0px 2px 5px; color:#ffffff;}
	#searchform .search-but {width:61px; height:61px; position:absolute; right:36px; top:32px; z-index:10;}
	#searchform .search-but input {position:absolute; border:medium none; background:url('images/go-button.jpg') no-repeat left top; color:#000000; width:61px; height:61px; text-indent:-900em; line-height:0px}
	#searchform .search {position:relative; width:271px; height:20px; background: url('images/search-input.jpg') no-repeat left top; z-index:20}
	#searchform .search #s {border:none; background:transparent; color:#293547; width:263px; height:auto !important; margin:2px 0 0 3px;}
	
	#menu {position:absolute; right:0px; bottom:-40px; width:407px; height:41px; background: url('images/menu.jpg') no-repeat left top; z-index:1000; overflow:hidden}
	#menu ul {position:relative; list-style:none; padding:0 0 0 10px; z-index:1000;}
	#menu ul li {position:relative; display:block; float:left; background: url('images/menu-devider.gif') no-repeat left top; z-index:1000; padding-left:12px; padding-right:12px; padding-top:0; padding-bottom:0}
	#menu ul li.home {background:none;}
	* html #menu ul li {display:inline;}
	#menu ul li a {display:block; line-height: 40px;}
	* html #menu ul li a {display:inline; padding-top:3px; padding-bottom:3px;}

#content {position:relative; left:0px; top:0px; width:961px; margin:-1px auto 0 auto; text-align:left; z-index:100;}
* html #content {width:960px;}
.cont-border-white {position:relative; border:1px solid #ffffff; border-top:none; z-index:100;}
.cont-border-grey {border-left:1px solid #bcd0de; border-right:1px solid #bcd0de; border-bottom:1px solid #bcd0de; position:relative; border-top:medium none; background:#ffffff url('images/bord-devider.gif') repeat-y 551px 0px; z-index:100}
*:first-child+html .cont-border-grey {background-position: 552px 0px;}
	#main {position:relative; float:left; width:551px; background: url('images/main-top-bg.gif') repeat-x 0px 1px;}
	* html #main {width:550px; overflow:hidden;}
	.content {position:relative; background: url('images/main-top-left-grad.jpg') no-repeat 100% 1px;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:22px}
	.pagetitle {text-align:center; padding-top:10px;}
	.post {padding:22px 10px 0 0; border-bottom:1px solid #99ba09;}
	.post .date {position:relative; left:-1px; color:#293547; padding:0px; margin:0px; float:left; text-align:center; text-transform:lowercase; width:32px; height:37px; background: url('images/date-bg.gif') no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; line-height:14px; font-size:12px; font-family:Georgia}
	.post .date:first-line {font:normal 18px/22px Georgia; color:#ffffff;}
	.post .title {position:relative; border:1px solid #90b7d6; border-left:none; border-right:none; padding:0px; background-color:#e1ebf4; margin-left:40px;}
		.bord-l {position:relative; background: url('images/bord-devider.gif') repeat-y left top;}
		.bord-r {position:relative; background: url('images/bord-devider.gif') repeat-y right top;}
		.tit-rb {position:relative; background: url('images/title-rb.gif') no-repeat right bottom; margin:-1px 0}
		.tit-lb {position:relative; background: url('images/title-lb.gif') no-repeat left bottom;}
		.tit-rt {position:relative; background: url('images/title-rt.gif') no-repeat right top;}
		.tit-lt {position:relative; background: url('images/title-lt.gif') no-repeat left top; padding-left:7px; padding-right:7px; padding-top:0; padding-bottom:0}
	.content h1 {font: 20px "Trebuchet MS"; color:#6e970c; letter-spacing:-1px;}
	.content h2 {font: bold 18px "Trebuchet MS"; color:#6e970c;}
	.content h3 {font: bold 16px "Trebuchet MS"; color:#6e970c;}
	.post h1 a, .post h1 a:hover {color:#6e970c; text-decoration:none;}
	.post p.author {color:#293547; padding:0px 0px 0px 0px; margin-top:-5px; font-size:11px;}
	.post p.author a {color:#005faa;}
	.entry {padding:10px 10px 10px 20px; display: inline-block; overflow: hidden;}
	.entry img {margin:3px; max-width: 100%;}	
.entry img.left {
	float:left;
	margin-right:10px;
}

.entry img.right {
	float:right;
	margin-left:10px;
}
	.post .postmetadata {padding:2px 20px 2px 20px; text-align:right; font-size:11px;}
	.post .postmetadata span {background: url('images/comment-ico.gif') no-repeat 0 2px;; padding-left:17px; padding-right:0px; padding-top:0px; padding-bottom:0px}
	.post .postmetadata span span {padding:0px 0px 0px 0px; background: none;}
	.trackback {background:#e1ebf4; border:1px solid #90b7d6; margin:10px 10px 10px 20px; padding:5px; font-size:11px;}
	.wp-pagenavi {padding:10px 20px 0px 20px; text-align:right;}
	.content h2.center {padding:25px 0; text-align:center;}
#main ul {list-style:none; padding:5px 20px;}
#main ol {padding:5px 35px;}
#main ul li {display:block; background: url('images/marker.gif') no-repeat 0px 7px;; padding-left:12px; padding-right:0px; padding-top:2px; padding-bottom:2px}

#comments {position:relative; padding:20px 20px;}
#comments h4 {font:bold 14px Trebuchet MS; color:#293547; padding:0px 0px 5px 20px;}
#comments ol, ol.nocomments {list-style:none; padding:0px;}
#comments ol li, ol.nocomments li  {display:block; border:1px solid #bed35b; margin-bottom:10px; background: url('images/blockquote-bg.gif') repeat-x left bottom;}
#comments ol li .rb {position:relative; background: url('images/comm-rb.gif') no-repeat right bottom; margin:-1px}
#comments ol li .lb {position:relative; background: url('images/comm-lb.gif') no-repeat left bottom;}
#comments ol li .rt {position:relative; background: url('images/comm-rt.gif') no-repeat right top;}
#comments ol li .lt {position:relative; background: url('images/comm-lt.gif') no-repeat left top; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px}

	.comm-number {position:relative; float:left; width:32px; height:33px; background: url('images/comm-number.gif') no-repeat 0px 0px; text-align:center; color:#005faa; margin-right:5px; font-style:italic; font-variant:normal; font-weight:normal; line-height:24px; font-size:16px; font-family:Verdana}
	.grav {position:relative; float:right; width:32px; height:33px; overflow:hidden;}
	.grav img {width:32px;}
#comments big {font-size: 12px; color: #7db100; text-transform: none; font-weight:bold;}
#comments small {font-size: 11px;}
#comments .comment {position:relative; color:#212121; padding:3px 3px; border-top:1px solid #99ba09; clear:both}


#response {position:relative; padding:10px 20px;}
#response h4 {font:bold 14px Trebuchet MS; color:#293547; padding:0px 0px 5px 0px;}
#response .form {position:relative; display:block; background:#e1ebf4; border:1px solid #90b7d6; border-left:medium none; border-right:medium none;}
* html #response .form {width:100%;}
* html #response .form .tit-rt {width:100%;}
#response .form .tit-lt {padding:8px 10px;}

	.inputs {position:relative; width:240px; float:left;}
		.input {position:relative; margin-bottom:5px;}
		.input b {color:#005faa;}
		.input input {background:#f6f9fc; border:1px solid #498dc2; width:95%; padding:2px;}
	.message {position:relative; width:240px; text-align:left; float:right;}
	.message .input {margin-bottom:0px; text-align:center;}
	.message textarea {background:#f6f9fc; border:1px solid #498dc2; width:97%; height:95px; padding:1px;}
	.submit {text-align:right;}
	.submit input {background:url('images/submit-but.gif') no-repeat; font-weight:bold; font-size:11px; color:#ffffff; margin-top:5px; width:130px; height:20px; border:medium none; text-align:center}
	* html .submit input {margin-top:0px;}
	*:first-child+html .submit input {margin-top:0px;}
	
	

#sidebars {position:relative; width:385px; float:right; margin-right:10px; margin-top:50px;}
* html #sidebars {margin-right:5px;}
#sidebars #searchform #s {border:1px solid #212121; background:#689330 url('none'); color:#ffffff; width:100%; height:auto !important; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:0; background-image:url('none')}
#sidebar-left {position:relative; width:190px; float:left;}
#sidebar-right {position:relative; width:190px; float:right;}
#sidebars ul {position:relative; padding:0px; list-style:none;}
#sidebars ul li {background: url('images/sb-bg.gif') repeat-y right top; margin-bottom:10px}
#sidebars ul li h2 {text-indent:23px; height:20px; overflow:hidden; color:#ffffff; background:#81b20b url('images/sb-left-tit.gif') no-repeat left top; text-align:center; text-transform:uppercase; font-style:normal; font-variant:normal; font-weight:bold; line-height:22px; font-size:14px; font-family:Trebuchet MS}
#sidebars ul li ul {background: url('images/sb-bot-bg.gif') no-repeat right bottom; overflow:hidden; list-style-type:none; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:5px}
#sidebars ul li ul li {padding:4px 0px 6px 3px; margin-bottom:0px; margin-top:-1px; background:none; border-top:1px dotted #6e970c;}
#sidebars ul li ul li a {display:block; color:#004e8c; background: url('images/list-green.gif') no-repeat 0px 7px;; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px}
#sidebars ul li ul li ul {padding:3px 0 0px 10px; margin-top:5px; list-style:none; background:none; border-top:1px dotted #6e970c;}
#sidebars ul li ul li ul li {padding:2px 0 2px 0px; border:none;}

#wp-calendar {width:100%;}
#recentcomments li a {background:none !important; padding:0 0 0 0;}

a:hover abbr {border:none;}

#footer {position:relative; width:100%; margin-top:-200px; height:300px; text-align:center; font-size:11px; background: url('images/bottom-grad.gif') repeat-x left bottom; z-index:1}
.foot {position:relative; width:960px; margin:0 auto; text-align:right;}
.copy {padding:210px 30px 0px 30px;}






.white {color:#ffffff;}
.up {text-transform:uppercase;}
.center {text-align:center;}
.l, .alignleft {float:left;}
.r, .alignright {float:right;}
.textleft {text-align:left !important;}
.clear {clear:both;}