/* CSS Document LE REPAIRE DES MOTARDS.COM home */

li {
	list-style:none;
}

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

#topbarhome {
	width:100%;
	height:33px;
	background:url(/img/layout/bk-topnavbar-home.gif) #EBEBEB;
	float:left;
}

/* UNE */

#alaune {
	width:828px;
	float:left;
}	
	
#une {
	width:380px;
	height:300px;
	float:left;
	padding: 10px 0px 0px 10px;
	background:url(/img/layout/bk-une2.jpg) #132952 no-repeat;	 
}

#Une1, #Une2, #Une3, #Une4  {
	position:absolute; 
}

#Une1 div, #Une2 div, #Une3 div, #Une4 div{
	background: url(/img/icones/arrow-bottom.gif) no-repeat; width: 16px; height: 8px; top:190px; position:absolute;
}

#Une1 div {
	left: 35px
}
#Une2 div {
	left: 129px
}
#Une3 div {
	left: 223px
}
#Une4 div {
	left: 318px
}

#une h2 a {
	background: url(/img/layout/div-une.gif) no-repeat bottom ; filter: alpha(opacity=85); opacity: 0.85; font-size:13px; color: #ffffff; top:135px; left:0;padding: 6px 0px 8px 10px; position:absolute; width:360px;
}

#une p a {
	background: url(/img/layout/div-une2.gif) no-repeat bottom ; filter: alpha(opacity=80); opacity: 0.80; font-size:12px; color: #ffffff; top:160px; left:0;padding: 0px 0px 0px 10px; position:absolute; width:360px;
}

.photosune li {
	display:inline; padding-right: 7px; top:200px; position:relative; 
}

#une H3 {
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:15px;}
	

#depeches{
	width:174px;
	height:300px;
	float:left;
	padding: 10px 8px 0 12px;
	background:url(/img/layout/bk-depeches2.jpg) #2d5183 no-repeat;
}
		
#depeches li{
	background:url(/img/layout/div-depeches.gif) repeat-x bottom;
	margin:3px 10px 3px 0;
	padding-bottom:5px;}
	
#depeches a{
	color:#fff;} 

#depeches a:hover{
	color:#CCCCCC;} 	
	
#news {
	width:244px;
	height: 100%;
	float:left;
	background:url(/img/layout/contenttopright.jpg) repeat-y top center;
}
	
#debats a.whitebigpadd {
	font-size:12px;
	font-weight:bold;
	float: right;
	padding:1px 15px 0 0;
	background:none;
	color:#FFFFFF;
}
	
#debats a.whitebigpadd:hover {
	color:#FF9900;
	text-decoration:none;}

#actuclef {
	height: 106px;
	background:url(/img/layout/bk-actusclefs2.jpg) #CCCCCC no-repeat top center;
	padding: 10px 5px 6px 18px;
}

#actu-titre {
	font-weight:bold;
	height:32px;
	color:#FFFFFF;
}

#actuclef-image li {
	display: inline;
	padding-right:2px;
	float:left;
}

/* ~~~~~~~~~~~~~~CONTENT MIDDLE~~~~~~~~~~~~~~~~ */
#guides {
	width:828px;
	float:left;
	background:url(/img/layout/columns2.jpg) #CCCCCC no-repeat;
}
	
.columnbox {
	width:124px;
	float:left;
	padding:15px 0 0 14px;
}
	
.columnbox ul {
	color:#000000;
	line-height: 16px;
	margin: 0px;
	padding: 0 0 7px 1em;
	text-indent: -1em;
	text-decoration: none;
}	

.columnbox ul a {
	color:#000000;
	text-decoration: none;
	line-height: 16px;
}

.columnbox ul a:hover {
	color:#000000;
	text-decoration: underline;
}

#middlediv {
	width:588px;
	height:5px;
	font-size:5px;
	background-color:#e2e2e2;
	float:left;
}

/*------------------------------------------------------*/

#mainarticleshome {
	width:588px;
	float:left;
}

#debats{
	background:url(/img/layout/bk-debats2.jpg) #999999 no-repeat ;
	padding: 10px 18px 0px 20px;
	height: 163px;	
}

#debats ul{
	list-style: none;
	margin:0;
	position:relative;
	z-index:10;
}
	
#debats li{
	background:url(/img/layout/div-debats.gif) repeat-x bottom;
	padding:3px 0 3px 0;
}
	
#debats a {
	color:#333333;
}
	
#debats a:hover {
	color:#1C385F;
	text-decoration:underline;
}

.debats-bottom{
	width:244px;
	height:15px;
	background:url(/img/layout/bk-debats-bas2.jpg) no-repeat;
}

#dossiers {
	width:240px;
	background-color:#FFFFFF;
	background:url(/img/layout/dossiercross2.jpg); 
	float:left;
}
	
#dossier {
	width:200px;
	background:url(/img/layout/dossiertop2.jpg) no-repeat;
	padding: 20px 15px 0 20px;
	margin-right:-6px;
}

#dossier img {
	width:195px;
}

#dossier h3 {
	padding:0;
 	color:#000;
	font-size:12px;
	font-weight:bold;
}
	
#dossiernav {
	width:240px;
	height:30px;
	background:url(/img/layout/dossierbottom2.jpg) no-repeat;
	float:left;
	text-align: center;
	padding: 5px 0 0 0;}
	
#dossiernav a {
	color:#255CA3;
	font-weight:bold;}
	
#dossiernav a:hover {
	color:#000000;}
	
#dossier p{
	background:url(/img/layout/div-debats.gif) repeat-x bottom;
	margin:5px 0 5px 0;
	padding:0 0 5px 0;}

/* ~~~~~~~~~~~~~~~~~BOTTOM~~~~~~~~~~~~~~~~~~~ */
#bottombk{
	width:828px;
	float:left;
	margin: 0 -3px 0 0;
	background:url(/img/layout/bottomcross2.jpg) top right repeat-y;
}
	
#bottom{
	width:828px;
	float:left;
	margin: 0;
}

#siteinfo{
	width:588px;
	float:left;
	background:url(/img/layout/bk-ours.jpg) top left  no-repeat;	
}

#ours{
	width:548px;
	padding:20px;
	float:left;}

#ours a {
	color:#1E375F;;
}	

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

#onglets {
	width:563px;
	float:left;
	height: 34px;
	padding:0 0 0 15px;
}	

#onglets ul {
	display: inline;
	margin: 0;
	padding: 0;}

#onglets li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}

#onglets li a{
	float:left;
	display:block;
	color:#FFFFFF;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	padding:14px 0 5px 0;
	width: 122px;}
	
#onglets li a:hover, #onglets .tabactiv A{
	color:#000;
	background-image:url(/img/layout/tab.gif);}
	
.tabhidden {
	display: none
}	

/* ~~~~~~~~~~~~~~~~~PHOTOS~~~~~~~~~~~~~~~~~~~ */

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

#photos dl {
	margin: 0;
	float:left;
	padding-right:8px;
	text-align: center;
}

#photos dd {
	margin: 0;
	padding:0;
}	

#photos dt {
	margin:0;
	padding:0;
}	

#photos dl a {
	color:#000000;
}

#photosmembers  {
	width:208px;
	float:left;
	padding: 6px 2px 5px 11px;
	margin: 0;
	border-right : 1px dotted #D1D1D1;
}
	
#photoswallpapers {
	width:348px;
	float:left;
	padding: 6px 0 0 11px;
}

#photosannonces {
	width:588px;
	float:left;
	padding: 6px 0 5px 0;
	border-top: 1px solid #ccc;
}

#photosannonces dl {
	padding:0 0 0 11px;
}

#photosannonces dt {
	font-weight:bold;
}

#photosdiv {
	width:16px;
	background:url(/img/layout/div-photo.jpg);
	float:left;
	height: 120px;
	margin: 7px 0 0 -3px;
}
	
#photosleft {
	width:588px;
	float:left;
}

#ance,#partenaires {
	width:215px;
	float:left;
	padding:10px 10px 0 15px;
	color:#fff;
}
	
#ance {
	height:270px;
	background:url(/img/layout/bk-ance2.jpg) #800000;
}

#ance a{
	color:#FFFFFF;
	text-decoration:none;
}
	
#ance a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}	

#partenaires{
	background-color:#14233A;
}

#partenaires a {
	color:#999999;}
	
#partenaires a:hover {
	color:#fff;}