/* CSS Document LE REPAIRE DES MOTARDS.COM */
/* @import url("/css/toppanel.css"); */

html, body {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	/*background:url(/img/layout/background/bk-salonmoto.jpg) #000000 top center no-repeat;  */
    background:url(/img/layout/background/bk.jpg) #254673 top center repeat-x; 
}

p {
	margin: 0 0 1em 0;
	font-size:11px;
}

a {
	color:#DA0114;
	text-decoration:none;
	outline:none;
}

a:hover {color:#000000;}	

a.viewpic {
  position:relative;
}
a:hover.viewpic {
  text-decoration: none;
  background: none;
}
a.viewpic span {display: none;}

a:hover.viewpic span {
  display: inline;
  position: absolute; 
  top: 15px;
  left: 50px;
  z-index: 20;
  width:120px;
}

#maintext a:hover.viewpic span {
  border:solid medium #e2e2e2;
}

form,ul,li,ol {
	margin:0;
	padding:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border:0;
}

acronym { cursor: help; border-bottom: #CCCCCC 1px dotted; }
	
/* ~~~~~~~~~~~~~~MAIN~~~~~~~~~~~~~~~~ */

#container {
	width:984px;
	margin:auto;
}

#central-container {
	width:972px;
	float:left;
	padding:0 6px 0 6px;
	background-color:#FFFFFF;
}

#content {
	float:left;
	background:url(/img/layout/cross2.jpg) #FFFFFF repeat-y;
}

#content2 {
	float:left;
	background:url(/img/layout/cross2-240.jpg) #FFFFFF repeat-y;
}

#content3 {
	float:left;
	background:url(/img/layout/cross3.jpg) #FFFFFF repeat-y;
}

#branding h1 {position: absolute;text-indent:-999px;}
#branding blockquote {position: absolute;top:-999px;}
	
/* ~~~~~~~~~~~~~~TOP~~~~~~~~~~~~~~~~ */

#top {
	width:984px;
	height:43px;
	background:url(/img/layout/bk-logotop.jpg) top no-repeat; 
	margin:auto;
}	
	
#nav_subscribe {
	width:150px;
	height:26px;
	padding:17px 0 0 0;
	margin: 0 20px 0 20px;
	text-align:center;
	color:#D50113;
	float:right;
}
	
#nav_subscribe a {
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;}
	
#nav_subscribe a:hover {
	color:#FF3300;}
	
/* ~~~~~~~~~~~~~MAIN MENU~~~~~~~~~~~ */
#nav_main_background {
	background:url(/img/layout/header-top-side.jpg) repeat-x;
}

#nav_main {
	float:right;
	height: 43px;
	margin-right: 5px;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
}	

#nav_main li {
	float:left;
	width:auto;
	height:43px;
	margin: 2px 0 -2px 0;
	line-height:43px;
	display:list-item;
	list-style-type:none;
	background:url(/img/layout/puce.jpg) no-repeat left center;
}

#nav_main a{
	padding:0 13px 0 13px;
	display:block;
	color:#FFFFFF;
}

#nav_main a:hover{
	background: url(/img/layout/tab.png) no-repeat bottom center;
	color:#FFCC00;
}
	
/* ~~~~~~~~~~END MENU CODE~~~~~~~~~~ */

#header {
	width:100%;
	height:137px;
	float:left;
	font-size:1px;
}

#pub {
	z-index:10;
	position:absolute;
	padding: 11px 0 0 248px;
}

#pubobject {
	background-color:white; 
	border:5px solid #e2e2e2;
	z-index:11;
}

.pub {
	background-color:white;
	margin:0;
	padding:0;
}
.pubborder {
	border:10px solid #e2e2e2;
}

.google {
	padding: 0 0 10px 30px;
	display:block;
}

#topbar {
	width:100%;
	height:33px;
	background:url(/img/layout/bk-topnavbar.gif) #EBEBEB;
	float:left;
}
	
#breadcrumb {
	width:690px;
	height:25px;
	color:#666;
	float:left;
	padding: 8px 0 0 14px;
	font-size:12px;
}
	
#breadcrumb a {
	color:#255CA3;
	text-decoration:underline;}
	
#breadcrumb a:hover {
	color:#CC0000;}
	
#search {
	width:230px;
	float:right;
	display:inline;
	position:relative;
}

#search #searchtxt{
	width:170px;
	margin: 0 10px 2px 0;
	background: none;
	border: none;
	padding:0;
}

#search #buttongo{
	background:url(/img/boutons/button-search.gif) no-repeat;
	cursor:pointer;
	width:32px;
	height:22px;
	border: none;
	padding: 0;
	margin: 6px 5px 0 3px;
	text-indent:-9999px;
}

.buttonvote{
	cursor:pointer;
	background:url(/img/boutons/button-vote.gif) no-repeat;
	width:53px;
	height:21px;
	border: none;
	padding: 0;
	margin: 0;
}

.buttondel{
	cursor:pointer;
	background:url(/img/icones/del.png) no-repeat;
	color:transparent;
	width:16px;
	height:16px;
	border: none;
	padding: 0;
	margin: 0;
	text-indent:-999px;
}
#abo {
    background: url(/img/layout/bk-formmail.gif) no-repeat;
	width:124px;
	float:left;
	overflow:hidden;
}

#email {
    width: 110px;
    padding: 0;
    margin: 5px 0 0 5px;
    border: 0;
    background: none;
	overflow:hidden;
}

#buttonok {
	cursor: pointer;
	background:url(/img/boutons/button-ok.gif) no-repeat;
	border: none;
	width: 35px;
	height:21px;
	margin-top:5px;	
}

label {
	color:#000000;
}

/* ~~~~~~~~~~~~~~LEFT COLUMN~~~~~~~~~~~~~~~~ */	
	
#nav_sections {
	width:144px;
	padding:0 0 0 -1px;
	float:left;}
	
#sitemark {
	width:99px;
	height:73px;
	line-height:20px;
	padding:12px 0 0 45px;
	background:url(/img/layout/bk-favoris2.jpg) no-repeat;
	float:left;}
	
#sitemark a {
	color:#ccc;
	font-weight:bold;}
	
#sitemark a:hover{
	color:#FFFFFF;}
	
#nav_menus {
	/*width:144px;*/	
}	

#nav_menus ul {
	list-style:none;
}	
	
#nav_menus li {
	padding:3px 0 3px 20px;
	width:104px;
	margin:0px;
	font-size:12px;
	display:block;
	background:url(/img/layout/div-links2.jpg) repeat-x bottom;
	font-weight:bold;}

.sublinks a {
	color:#ffffff;}

#nav_menus a:hover {
	color:#7DA3D5;}
	
.leftcontent {	
	width:114px;
	float:left;
	padding: 5px 0 0 20px;
	color:#CCCCCC;
	margin:0;
}

/* ~~~~~~~~~~~~~~CONTENT~~~~~~~~~~~~~~~~ */

#mainarticles {
	width:578px;
	float:left;
}

/* ~~~~~~~~~~~~~~CONTENT MIDDLE~~~~~~~~~~~~~~~~ */

.dottedline{
	border-left : 1px dotted #D1D1D1;
}

.article {
	width:178px;
	float:left;
	padding: 7px 6px 0 8px;
}

#mainarticleshome .article {
	padding: 7px 7px 0 9px;
}

.article h4, .article h3 {
	padding:0;
 	color:#000000;
	font-size:12px;
	font-weight:bold;
}

.article a:hover {
 	color:#000000;
}

.article ul {
	padding-bottom:8px;
	color:#000000;
	list-style:none;
	font-size:12px;
}

.article li a{
	color:#000000;
}

.article li a:hover{
	color:#DA0114;
}

li a.bluelink {
	color:#235C92;
	font-weight:bold;}
	
li a.bluelink:hover {
	color:#DA0114;}

.bluelink {
	color:#235C92;
	font-weight:bold;
}

div.tab{width:520px; margin:0; padding:0;display:block;}
div.tab:after{content:"\A"; display: block; clear: both; padding-bottom:5em;}
div.col{float: left; width: 260px; margin: 0 ; padding:0; height:5em;}
.minus{background-color:#CC0000; }
.plus{background-color:#33CC00; }
.eval{height:22px; font-weight:bold; text-align: center;padding-top:3px;}

.pad{
width:200px;
float:right;
padding:5px;
margin:5px;
border:solid thin #CCCCCC;
background-color:#F5F5F5;
}

#comments{padding:5px 30px 5px 30px;}
.comment-data{padding:5px 0 5px 0;}
.comment-content{background:url(/img/layout/comments.png) no-repeat left top;margin-left:70px;padding:5px 10px 12px 18px;background-color:#f5f5f5;}
.comment-content p{font-size:12px;word-wrap:break-word;margin:5px;padding:6px 9px 2px 8px;}
.comment-date {float:right;font-style:italic;font-size:10px;}
.avatar{margin-right:10px; border:1px solid #ddd;padding:3px; width: 55px; height:55px; float: left; }
	
.comment {
	font-style:italic;
	padding:5px 0 0 10px;
}	

a.zoom{
position: relative;
z-index: 1;
}
a.zoom:hover{
cursor: help;
z-index: 2;
}
a.zoom span{
display: none;
}
a.zoom:hover span{
display:block;
position:absolute;
z-index: 3;
top: 130px;
right: 20px;
} 
/* ~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~ */	
#nav_sub {
	width:972px;
	height:38px;
	float:left;
	color:#FFFFFF;
	background:url(/img/layout/bk-footer.gif) top left no-repeat;
	text-align:center;
	margin:6px 0 0 0;
}

#nav_sub ul {
   margin:10px 0 0 140px;
   overflow:hidden;
}

#nav_sub li {
   list-style:none;
   float:left;
   border-left: 1px solid white;
   margin: 0 .3em 0 -.3em;
   padding: 0 .3em 0 .3em;
}
	
#nav_sub a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
	
#nav_sub a:hover {
	color:#999;
}

#copyright, #copyright a {
	color:#888888;
	text-align: center;
	padding:10px 0 10px 0;
	clear:left;
}

.flux {
	clear:both;
}
	
/* ~~~~~~~~~~~~~~CLASSES~~~~~~~~~~~~~~~~ */	
h1 {
	font-size:16px;
	color:#DA0114;
	margin:0;
	padding:0px 0 15px 0;}

h2 {
	font-size:14px;
	color:#DA0114;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;}
	
h3 {
	font-size:14px;
	color:#274977;
	margin:0;
	padding:0 0 10px 0;}
	
h4 {
	font-size:12px;
	/* color:#fff; */
	margin:0;
	padding:0 0 10px 0;}

h5 {
	font-size:12px;
	color:#274977;
	margin:0;
	padding-bottom:5px;}

.lettrine {
	font-size:30px;
}
	
.red {
	color:#E41921;}

.reddark {
	color:#990000;}
	
.gray {
	color:#333333;}
	
.graylight {
	color:#CCCCCC;}
	
.yellow {
	color:#FF9900;}
	
.blue {
	color:#2C73C9;}

.grayblue {
	color:#274977;
}

.black {
	color:#000;}

.blackbig {
	color:#000;
	font-size:12px;
	font-weight:bold;}
	
.blackbig2 {
	color:#000;
	font-size:13px;
	font-weight:normal;
}
	
.white {
	color:#fff;}
	
.green {
	color:#090;}

.txt {
	margin-top:10px;
	font-size:12px;
}

.date {

}

.sortable th{
	cursor:pointer;
}

.grey {
	border: solid #e6e7e8 thin;
	width: 518px;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

.grey th{
	background-image: url(../img/layout/bk-gradation.gif);
	padding:7px;
}
.grey tr {
	border: 1px solid #e6e7e8;
}
.grey td {
	border: 1px solid #e6e7e8;
	padding:3px;
}

.grey tr:hover {
background-color:#F5F5F5;
}

.grey .right {
	text-align:right;
}

.tablemain td {
	padding:5px;
}

.tablemain .coloralt {
	background-color:#F5F5F5;
}
	
.submenu {
	width:124px;
	height:24px;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:6px 0 0 20px;
	background: url(/img/layout/linksmain.gif) no-repeat;
	float: left;
	margin: 5px 0 0 0;
}

.highlight li a,.highlight {
	background: #EBEBEB;
	display:list-item;
	color:#000033;
}

.bigborderdark {
	border:5px solid #323232;
	float:left;
	margin:0;}

#ance .bigborderdark {
	margin-right:5px;}

img.bigborderdark:hover {
	border-color:#ccc;
}
	
.bordergray {
	border:3px solid #e2e2e2;
	margin:0 0 5px 0;
}

.bordergraydeep {
	margin:0 0 5px 0;
	border:3px solid #323232;
}

img.bordergraydeep:hover {
	border-color:#e2e2e2;
}

.bordergraydark {
	margin:0 0 5px 0;
	border:3px solid #ccc;
}

img.bordergraydark:hover {
	border-color:#777777;
}
	
.bordergraydarkleft {
	border:3px solid #ccc;
	margin:10px 15px 10px 0;
	float:left;
}

.imgarticleshort {
	border:3px solid #ccc;
	margin:10px 15px 10px 0;
	float:left;
}

.floatright {
	float:right;}
	
.floatleft {
	float:left;}
	
.floatleftpadd {
	float:left;
	padding-left: 10px;}
	
.alignright {
	text-align:right;}

.aligncenter {
	text-align:center;
	display: block;
    margin-left: auto;
    margin-right: auto ; 
}
	
a.black {
	text-decoration:none;
	color:#333;}
	
a.black:hover{
	text-decoration:underline;}
	
.gradiant {
	width:100%;
	background:url(/img/layout/gradiant.jpg) repeat-x;
	float:left;
	line-height:5px;
	font-size:5px;
	height:5px;
}

.footer {
	width:100%;
	height:6px;
	background:url(/img/layout/bottomborder.png) no-repeat;
	float:left;
	margin-bottom: -14px;
}

/* ~~~~~~~~~~~~~~~ */	
.forum-section {
	padding:5px 10px 10px 30px;
	float:left;
	background:url(/img/layout/bk-articleshort.jpg) no-repeat;
}

.forum-title{
	margin-bottom: 10px;
}

.forum-image {
	width:70px;
	height:70px;
	margin-right: 10px;
	float: left;
	border:3px solid #ccc;
}

.forum-content{
	width:262px;
	float:left;
	padding-right:10px;
}

.forum-data{
	width:75px;
	padding-left:15px;
	float:left;
}

/* ~~~~~~~~~~~~~~ Galerie Photo ~~~~~~~~~~~~~~~~ */	

#diaporama {
	width:828px;
	float:left;
}

#photo {
	width:718px;
	float:left;
	margin:0;
	padding:0;
}

#photo .border-gray {
	border:10px solid #f1f1f1;
	padding: 0px;
}

#photo-legende {
	padding: 5px;
	font-size:12px;
	font-weight:bold;
	margin-top: 5px;
	color:#666666;
	background-color:#f6f6f6;
	border:solid 1px #f1f1f1;
	border-bottom-color:#CCCCCC;
}

#photo-vignettes {
	padding: 10px 0px 10px 0px;
	margin: 5px 0px 0 5px;
	text-align:center;
}

#photo-vignettes img {
	margin-right: 1px;
}

/* ~~~~~~~~~~~~~~ Main Content Conteneur ~~~~~~~~~~~~~~~~ */	
	
.articleshort {
		width:518px;
		padding:4px 0px 0px 0px;
		float:left;
		border-top: solid 5px #CCCCCC;
}
.underlined {
	border-bottom:solid 1px #CCCCCC;
	padding:5px 0 3px 0;
}
.articleshort h3 a {
	color:#CC0000;
}
.articleshort h3 {
	margin: 3px 0 -5px 0;
	/*color:#254572;*/
}
.articleshort h3 a:hover {
	color:#254572;
}
	
/* ~~~~~~~~~~~~~~~ */

#maintext {
	padding:6px 30px 10px 30px;
	background-color:#FFFFFF;
}

#maintext cite {
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	color:#254572;
}

#maintext p {
	font-size:12px;
}

#maintext ul {
	list-style-type: none;
	padding:0;
	margin-bottom:7px;
}

#maintext ul li {
	background:url(/img/puces/carre.gif) no-repeat left 5px;
	padding-left:10px;
	font-size:12px;
}

#maintext ol {
	margin-bottom:10px;
	padding-left:30px;
	list-style-type:decimal;
}

#maintext ol li {
	font-size:12px;
}

.interview ol {
	list-style-type: none;
}

#maintext img[align=left] {
	margin:0px 10px 5px 0px;
	border:3px solid #ccc;
}
	
#maintext img[align=right] {
	margin:0px 0px 5px 5px;
	border:3px solid #ccc;	
}

#maintext .img-border-gray {
	margin:0;
	border:3px solid #ccc;	
}

#maintext table {
	font-size:12px;
}

#maintext h4 {
	color:#DA0114;;
}

#maintext blockquote {
	background:url(/img/icones/quote-start.gif) no-repeat 0px 2px;
	padding:0px 10px 5px 10px;
	text-indent:5px;
}

#maintext blockquote p {
	margin:5px;
	background:url(/img/icones/quote-end.gif) no-repeat bottom right;
	padding-right: 10px;
}

.marge {
	padding:6px 30px 10px 30px;
	font-size:12px;
}

/* ~~~~~~~~~~~~~~ Right Menu Conteneur ~~~~~~~~~~~~~~~~ */	

#rightmenu {
	width:250px;
	float:right;
	/* background-color:#254673;*/
}

#rightmenu span img {
	margin: 0 0 7px 10px;
}

#sidelinks {
	width:250px;
	/*background:url(/img/layout/bk-sidemenu-red.jpg) #800000 no-repeat;*/
	float:left;
	padding: 0 0 10px 0;
}

.sidelinksmain {
	width:230px;
	height:24px;
	font-size:14px;
	font-weight:bold;
	color:#fc0;
	padding:6px 0 0 20px;
	background: url(/img/layout/sidelinksred1.jpg) repeat-x;
	float: left;
	margin: 5px 0 0 0;
}

#sidelinks ul {
	list-style:none;
}	
	
#sidelinks li {
	padding:1px 0 1px 0px;
	margin:0;
	display:block;
	float:left;
}
	
#sidelinks a {
	padding:3px 0 3px 20px;
	width:205px;
	font-size:11px;
	float:left;
	color:#fff;
	background:url(/img/layout/reddots.gif) repeat-x bottom;
	font-weight:bold;
}

#sidelinks a:hover{
	color:#FFCC00;
}
	
#sidelinks2 {
	width:250px;
	background-color:#800000;
	float:left;
	padding: 0 0 10px 0;
}

#sidelinks2 a {
	padding:1px 0 1px 5px;
	font-size:11px;
	float:left;
	color:#fff;
	font-weight:bold;
}

#sidelinks2 a:hover{
	color:#FFCC00;
}
	
/* ~~~~~~~~~~~~~~ Page actualité barre superieure de navigation ~~~~~~~~~~~~~~~~ */

#articleicons {
	width:100%; 
	border-bottom:1px solid #ccc;
	float:left;
	margin: 0 0 10px 0;
	vertical-align: middle;
	line-height: 21px;
}
	
.underline {
	color:#666666;
	text-decoration:underline;
}
	
.underline a:hover {
	color:#254572;
}

.article-navigation-box {
	float: left;
	margin: 10px 10px 10px 10px;
}
	
/* ~~~~~~~~~~~~~~ Classes Générique ~~~~~~~~~~~~~~~~ */	

.navbar {
	width:100%;
	height:24px;
	float:left;
	padding-top:10px;
	text-transform:uppercase;
}

.navbar h1 {
	color:#fff;
	font-weight:bold;
	font-size:12px;	
	padding-left: 15px;
}

.navbar h2 {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-left: 15px;
}
.navbar h2 a {
	color: inherit; 
}

.navbar p {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-left: 15px;
}

.padding-left {
	padding: 7px 0px 0 20px;
	margin-right: -6px;
}

.navred {
	background:url(/img/layout/bk-navbar.jpg);
}

.navblue {
	background:url(/img/layout/bk-navbar-blue.jpg);
}

/* ~~~~~~~~~~~~~~~ */

.margin-bottom-border {
	margin-bottom: 10px;
}

.margin-top-border {
	margin-top: 10px;
}

.margin-top-bottom-border {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~ */

.gray-bottom-border {
	border:solid;
	border-width:0 0 5px 0;
	border-color:#CCCCCC;
}

.gray-top-border {
	border:solid;
	border-width:5px 0 0 0;
	border-color:#CCCCCC;
}

.gray-top-bottom-border {
	border:solid;
	border-width:5px 0 5px 0;
	border-color:#CCCCCC;
}

/* ~~~~~~~~~~~~~~~ */

#formulaire {width:518px; font-size:12px;}
#formulaire p {font-weight:bold;}
#formulaire label {display:inline; float:left; width:90px;}
#formulaire input[type=text] {border:1px solid black; margin:2px;}
#formulaire input[type=radio] {background-color:transparent; border:none; vertical-align:bottom;}
#formulaire textarea {border:1px solid black;}
#formulaire fieldset {padding:10px; margin-bottom:5px;}

/* ~~~~~~~~~~~~~~~ */

.tdh {
	border-width: 1px 0 0 0; 
	border-style: solid; 
	padding: 5px 0 5px 10px; 
	font-size:12px;
}

.tdl {border-color:#CCCCCC; border-width: 1px 0 0 0; border-style: solid; margin: 7px 0 7px 0; padding: 3px 0 3px 0;}

.tdh a {
	color:#437FD0;
}

.tdh a:visited {
	color:#19304F;
}

.tdr {
	border-color:#E0E0E0;
	border-width: 1px ; 
	border-style: solid; 
	padding: 3px 0px 5px 3px; 
	font-size:12px;
}

.tddotline {
	border-top:1px dotted #CCCCCC; 
	padding: 5px 0 3px 0;
}

.event dl {
	border-top: solid 1px #CCCCCC;
	padding-top:5px;
	margin:0;
}
.event dt {
	height: 50px;
	width: 45px;
	background: url(/img/icones/calendar.gif) no-repeat;
	font-size: 14px;
	color:#666666;
	text-align: center;
	float: left;
}

.event dt span {
	height: 16px;
	display: block;
	font-size: 11px;
	color:#ffffff;
	text-align: center;
	padding: 3px 0 5px 0;
}
.event dd {
	margin-left: 70px;
	padding-bottom: 2px;
	font-size:12px;
}

.event dd span {
	font-weight:bold;
}

.gallerie ol {
	list-style:none;
	padding: 0 7px 5px 0;
}

.gallerie li {
	list-style:none;
	display:inline;
}

.rpcouv dl {
	margin-top:10px;
}

.rpcouv dd {	
	padding-right: 17px;
	display:inline;
	margin:0;
}

.rp dl {
	padding:0;
	margin:0;
}
.rp dt {
	font-size: 12px;
	float: left;
	padding-top:5px;	
	border-top: solid 1px #CCCCCC;
}

.rp dd {
	font-size:12px;
	margin-left:0px;
	padding: 5px 0 7px 100px;
	border-top: solid 1px #CCCCCC;
}

#maintext .important {
	background: #eee;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 3em 0;
}

.nav_item {padding:3px 0; margin:0px auto 0px auto; font-size:12px; border:none; }

.nav_item a {
	padding: 3px 5px; 
	margin: 0px;
	border: none;
	color:#FFF;
	background-color:#CCCCCC;	
}

.nav_item a:hover {	
	background-color:#FF8800;
}

.nav_item span.pages {
	padding: 3px 5px; 
	margin: 2px;
	color:#666;
	background-color:#F0F0F0;
}
.nav_item span.current {
	padding: 3px 5px;
	margin: 2px;
	font-weight: bold;
	color:#FFF;
	background-color:#FF8800;
}
.nav_item span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color:#555;
}

#logo img {
background: url(/img/layout/header.png); /* ~~~~~~~~~~~~~normal : header ou 3.png~~~~~~~~~~~ */
}

.bigtable a {
    font-size: 18px;
    font-weight: bold;
	color:#274977;
	padding: 3px 5px;
}

.bigtable a:hover {	
	background-color:#FF8800;
	padding: 3px 5px;
	color:#FFF;
}

.current a {
	padding: 3px 5px;
	margin: 2px;
	font-weight: bold;
	color:#FFF;
	background-color:#FF8800;
}

#index {
	margin-left:17px;
}

#index li {
   display: inline;
   list-style-type: none;
   float: left;
   border-left: 1px solid black;
   margin: 0 .3em 0 -.3em;
   padding: 0 .3em 0 .3em;
}
	
#index a {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
	
#index a:hover {
	color:#999;
}

/* star rater */	
#votes {
	margin:0 30px 0 30px;
	border-top: 1px solid #CCCCCC;
}

.note{
	float: left;
	height:80px;
	width:90px;
	padding:18px 20px 0 0;
	text-align:center;
	font-size: 36px;
	color:#ffffff;
}

.note0 {	background: url(/img/icones/synthese-0.gif) no-repeat ; }
.note1 {	background: url(/img/icones/synthese-1.gif) no-repeat ; }
.note2 {	background: url(/img/icones/synthese-2.gif) no-repeat ; }
.note3 {	background: url(/img/icones/synthese-3.gif) no-repeat ; }
.note4 {	background: url(/img/icones/synthese-4.gif) no-repeat ; }
.note5 {	background: url(/img/icones/synthese-5.gif) no-repeat ; }

.note_small {
	float:left;
	height:50px;
	width:60px;
	padding-top:9px;
	text-align:center;
	font-size: 24px;
	color:#ffffff;
}

.note_0 {	background: url(/img/icones/synthese-0_.gif) no-repeat ; }
.note_1 {	background: url(/img/icones/synthese-1_.gif) no-repeat ; }
.note_2 {	background: url(/img/icones/synthese-2_.gif) no-repeat ; }
.note_3 {	background: url(/img/icones/synthese-3_.gif) no-repeat ; }
.note_4 {	background: url(/img/icones/synthese-4_.gif) no-repeat ; }
.note_5 {	background: url(/img/icones/synthese-5_.gif) no-repeat ; }

.rounded {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	border: 1px solid #CCCCCC; 
	padding: 10px;	
}

.avis dl {
	min-height:65px;
}

.avis dt {
	float:left;
	width:60px;
	height:50px;
}

.avis dd {
	margin-left:90px;
	text-align:justify;
	font-size:12px;
}

.avis dd span {
	color:#cccccc;
	float:right;
}

.author {
	color:#cccccc;
	float:right;
}

.column1 {
	float:left;
	width:55%;
}

.column3 {
	float:right;
	text-align:right;
}

.middle {padding-top:2px; vertical-align: top;}

.vmiddle {padding-top:10px;vertical-align: middle;}

.loading {height:25px;background:url(/img/icones/working.gif) 50% 50% no-repeat;}

.star-rating {list-style:none;height:25px;position:relative;background:url(/img/icones/starrating.gif) top left repeat-x;}
.star-rating li {float:left;}
.star-rating li a {display:block;width:25px;height:25px;line-height:25px;text-decoration:none;
text-indent:-9000px;z-index:20;position:absolute;outline:none;}
.star-rating li a:hover {background:url(/img/icones/starrating.gif) left center;z-index:2;left:0;}
.star-rating a.star1 {left:0px;}
.star-rating a.star1:hover {width:25px;}
.star-rating a.star2 {left:25px;}
.star-rating a.star2:hover {width:50px;}
.star-rating a.star3 {left:50px;}
.star-rating a.star3:hover {width:75px;}
.star-rating a.star4 {left:75px;}
.star-rating a.star4:hover {width:100px;}
.star-rating a.star5 {left:100px;}
.star-rating a.star5:hover {width:125px;}
.star-rating a.star6 {left:125px;}
.star-rating a.star6:hover {width:150px;}
.star-rating a.star7 {left:150px;}
.star-rating a.star7:hover {width:175px;}
.star-rating a.star8 {left:175px;}
.star-rating a.star8:hover {width:200px;}
.star-rating a.star9 {left:200px;}
.star-rating a.star9:hover {width:225px;}
.star-rating a.star10 {left:225px;}
.star-rating a.star10:hover {width:250px;}
.star-rating li.current-rating {background:url(/img/icones/starrating.gif) left bottom;
position:absolute;height:25px;display:block;text-indent:-9000px;z-index:1;}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

#curlmark {
	background:url(/img/pub/curlmark-nolan.png) no-repeat; display:block; height:100px; position:absolute; right:0; text-indent:-9999px; top:0; width:102px; }
#curlmark:hover	{background-position:-102px 0;}

.box {
	width:216px;
	display:block;
	margin:0 10px 10px 10px;
	padding-left: 10px;
	border:1px solid #999999;
	background:#fff;
	overflow:hidden;
}

.box ul {
	list-style-type:none;
}

.box li a {
	color:#000000;
	padding-left:10px;
	list-style-type:none;
	background:url(/img/puces/carre.gif) no-repeat left center;
}

.box li a:hover {
	text-decoration:underline;
}

.box h4, .box h4 a {
	font-size:14px;
	color:#235C92;
	padding-top:7px;
}

.box a {
color:#000000;
}

.box a:hover {
	text-decoration:underline;
}

.gradation {
background:url(/img/layout/bk-gradation.gif);
}

#blocactu, #blocforum{
	width:211px;
	padding: 5px 5px 5px 10px;
	margin:-1px 0 10px 10px;
	background:#fff;
	border: 1px solid #999999;
}

#blocactu ul, #blocforum ul {
	list-style-type:none;
}

#blocactu li a , #blocforum li a {
	color:#000000;
	padding-left: 10px;
	list-style-type:none;
	background:url(/img/puces/triangle2.gif) no-repeat left top ;
}

#blocactu li a:hover, #blocforum li a:hover{
text-decoration:underline;
}

.thumbs {
	width:226px;
	margin-left:10px;
}	

.thumbs ul {
	padding: 5px 0 5px 0;
}

.thumbs li {
	display:inline;
	position:relative;
	list-style: none;
}

.thumbs li a{
	color:#000000;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	padding:5px 7px 4px 7px;
	margin-right:5px;
	background:#ccc;
	}
	
.thumbs li a:hover{
	color:#333;
	background:#bbb;
}

.thumbs .tabactiv a {
	background:#fff;	
	border:1px solid #999;
	border-bottom: 0;
	padding-bottom: 5px;
}
	
.tabhidden {
	display: none
}	

.gauge, .gauge-progress {
height: 12px;
display: block;
}

.gauge  {
border: 1px solid #666666;
background: url(/img/layout/gauge.png) repeat-x scroll 0 0;
width: 130px;
}

.gauge .gauge-progress {
border: 1px ;
border-right: 1px solid #666666;
background: url(/img/layout/gauge.png) repeat-x scroll 0pt -50px;
}

.inline {
clear: both;
display: inline;
}

*html #logo img {
background-image:none; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/layout/header2.png");
}
*html #curlmark {
background:none; height:100px; position:absolute; right:-102px; top:0; width:102px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/pub/curlmark.png");
}