body {
	font-size: 12px;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding : 0;
	background-color : #ddd;
}

.clear{clear:both;
  display:block;
  height: 0;
  font-size: 1px;
  line-height: 0px;
} 

h1 {
	color: red;
	font-family: "Arial", "Verdana";
	font-size: 16px;
	font-weight:bold;
}

h2 {
	color: #333;
	font-family: Arial;
	font-size: 16px;
	font-weight: 900;
	display:inline;
}

h3 {
	color: white;
	font-family: Arial;
	font-weight: 600;
	text-decoration: none;
	font-size: 14px;
	display:inline;
}

h4 {
	color: black;
	font-family: Arial;
	font-weight: 900;
	font-size: 12px;
	display:inline;
}

h5 {
	font-family: Arial;
	font-weight: 100;
	font-size: 12px;
	display:inline;
}

h6 {
	font-family: Arial;
	font-size: 10px;
	display:inline;
}


a {
	color: #333;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 11px;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

h1.inline {
	color: red;
	font-family: "Arial", "Verdana";
	font-size: 16px;
	font-weight:bold;
	display : inline;
}

.contenu1 a{
	background-color: inherit;
	color: red;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 10px;
}

 .contenu1 a:hover, .contenu1 a:focus {
	background-color: inherit;
	color: gray;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	text-decoration: underline;
	font-size: 10px;
}

a.redA {
	background-color: inherit;
	color: red;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 12px;
	text-decoration: none;
	font-weight : bold;
}

a.redA:hover, a.redA:focus {
	background-color: inherit;
	color: gray;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	text-decoration: none;
	font-size: 12px;
	font-weight : bold;
}

a.toLink {
	background-color: inherit;
	color: #333;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 12px;
	text-decoration: none;
	font-weight : bold;
}

a.toLink:hover, a.toLink:focus {
	background-color: inherit;
	color: #333;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	text-decoration: underline;
	font-size: 12px;
	font-weight : bold;
}
h2 a {
	background-color: inherit;
	color: #333;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 18px;
	text-decoration: none;
	font-weight : bold;
}

h2 a:hover, h2 a:focus {
	background-color: inherit;
	color: #333;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	text-decoration: underline;
	font-size: 18px;
	font-weight : bold;
}
a.littleRed {
	color: red;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 10px;
	text-decoration: none;
}

a.littleRed:hover, a.littleRed:focus {
	color: red;
	text-decoration: underline;
}
a.Red11 {
	color: red;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 11px;
	text-decoration: none;
}

a.Red11:hover, a.Red11:focus {
	color: red;
	text-decoration: underline;
}
a.footer {
	font-size:8px;
	color: black;
	text-decoration: none;
}
a.footer:hover, a.footer:focus {
	color: #0080c0;
	font-size:8px;
}

#rbTitle { 
	width : 90%; 
	min-width : 1020px;
	background:url(/img/degrade-noir.jpg) top left repeat-x;
	height : 150px;
	margin-left: auto; 
	margin-right: auto; 
	border-right : 1px solid #aaa;
	border-left : 1px solid #aaa;
}
#rbLogo {
	margin : 0;
	padding : 0;
	background:url(/img/rb-logo.jpg) top left no-repeat;
	width : 386px;
	height : 150px;
}
#rbBar { 
	width : 90%; 
	min-width : 1020px;
	background:url(/img/navbar-noir.jpg) top left repeat-x;
	height : 28px;
	margin-left: auto; 
	margin-right: auto; 
	border-right : 1px solid #aaa;
	border-left : 1px solid #aaa;
	color : white;
	font-size : 11px;
}
#rbWhite { 
	width : 90%; 
	min-width : 1020px;
	background-color : white;
	min-height : 400px;
	margin-left: auto; 
	margin-right: auto; 
	border-right : 1px solid #aaa;
	border-left : 1px solid #aaa;
	border-bottom : 1px solid #aaa;
	margin-bottom : 20px;
}	
.bigBox {
width : 70%;
min-height : 100px;
margin : 0 16px;
padding : 1px 0px 0 0;
}
.leftBox {
width : 36%;
min-height : 100px;
margin : 12px;
padding : 0px;
float : left;
}
.casualBox {
width : 36%;
min-height : 100px;
margin : 12px;
padding : 0px;
}
.rightBox {
width : 20%;
min-height : 100px;
min-width:200px;
margin : 12px;
padding : 0px;
float : right;
}
.rightBoxBig {
width : 25%;
min-height : 100px;
min-width:250px;
margin : 12px;
padding : 0px;
float : right;
}
.footerBox {
width : 95%;
min-height : 15px;
margin-top : 10px;
margin-bottom : 0px;
margin-left: auto; 
margin-right: auto; 
padding : 10px;
border-top : 1px solid #aaa;
}

.unSite { 
margin : 0 0; 
padding: 10px 0 0 0;
}
.unSite1 { 
margin : 0 0; 
border-top: 1px dashed #aaa;
padding: 10px 0;
background-color: #ffb;
}
.unSite2 { 
margin : 0 0; 
border-top: 1px dashed #aaa;
padding: 10px 0;
background-color: #cdf;
}
.noteSite13 {
float:left;
border:none;
background:url(/img/note-13.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite1 {
float:left;
border:none;
background:url(/img/note-1.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite2 {
float:left;
border:none;
background:url(/img/note-2.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite3 {
float:left;
border:none;
background:url(/img/note-3.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite4 {
float:left;
border:none;
background:url(/img/note-4.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite5 {
float:left;
border:none;
background:url(/img/note-5.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite6 {
float:left;
border:none;
background:url(/img/note-6.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite7 {
float:left;
border:none;
background:url(/img/note-7.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite8 {
float:left;
border:none;
background:url(/img/note-8.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite9 {
float:left;
border:none;
background:url(/img/note-9.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite10 {
float:left;
border:none;
background:url(/img/note-10.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite11 {
float:left;
border:none;
background:url(/img/note-11.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite12 {
float:left;
border:none;
background:url(/img/note-12.jpg) no-repeat;
padding:4px 0 0 0;
margin:0 16px 0 0;
width:41px;
height:41px;
text-align :center;
}
.noteSite13 a, .noteSite1 a, .noteSite2 a, .noteSite3 a, .noteSite4 a, .noteSite5 a, .noteSite6 a, .noteSite7 a, .noteSite8 a, .noteSite9 a, .noteSite10 a, .noteSite11 a, .noteSite12 a {
font:16px Arial;
color:white;
text-decoration : none;
font-weight : bold;
padding : 0px 10px 20px 10px;
}
.noteSite13 :hover, .noteSite1 :hover, .noteSite2 :hover, .noteSite3 :hover, .noteSite4 :hover, .noteSite5 :hover, .noteSite6 :hover, .noteSite7 :hover, .noteSite8 :hover, .noteSite9 :hover, .noteSite10 :hover, .noteSite11 :hover, .noteSite12 :hover{
font:16px Arial;
color:white;
text-decoration : none;
font-weight : bold;
filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
}
.line{
border:none;
background:url(/img/line.gif) repeat-x;
padding:1px 0 0 0;
margin:0;
}
.info{
font-size:10px;
color : gray;
padding : 2px 0;
}
.line2{
border:none;
background:url(/img/line.gif) repeat-x;
padding:1px 0;
margin : 6px 0 0 50px;
}
.rightSide{
margin : 0;
padding : 4px 0 4px 16px;
border-left : 1px solid #ccc;
}
.rightSidePres{
margin-top : 10px;
padding : 4px 0 4px 16px;
border-left : 1px solid #ccc;
text-align : justify;
}
.presentation {
font-size : 10px;
color : gray;
}
.rubCol2{
margin : 0 16px 0 0;
padding : 0 16px 0 0;
float : left;
}
a.barText {
	color: white;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 11px;
	text-decoration: none;
}

a.barText:hover, a.barText:focus {
	color: red;
	text-decoration: none;
	
}
a.indexA {
	color: gray;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 10px;
	text-decoration: none;
}

a.indexA:hover, a.indexA:focus {
	text-decoration: underline;
}
.barrConnect {
background:url(/img/connect.jpg) no-repeat;
padding : 6px 16px 0 30px;
min-height : 22px;
float :right;
}
.barrLogin {
background:url(/img/login.jpg) no-repeat;
padding : 6px 16px 0 36px;
min-height : 22px;
float :right;
}
.barrZ {
background:url(/img/z.jpg) no-repeat;
padding : 0 6px 0 16px;
margin : 0 0 0 12px;
min-height : 22px;
float :left;
}
.imgLink { float : left; margin : 4px 16px 0 0;}
.rbBarText { padding : 6px 0 0 6px; }
.imgLink img:hover, .imgLink img:focus {
	border-color: red;
}
.imgLink img {
	max-height : 80px;
}
.basCom {
background:url(/img/comment1.jpg) no-repeat;
padding : 6px 16px 0 36px;
min-height : 25px;
float : left;
}
.basMail {
background:url(/img/mail1.jpg) no-repeat;
padding : 6px 16px 0 36px;
min-height : 25px;
float : left;
}
.basLire {
background:url(/img/lire1.jpg) no-repeat;
padding : 6px 16px 0 36px;
min-height : 25px;
float : left;
}
.contenu1{margin : 0 0 0px 56px;  }
legend.comment  /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: "arial";
   color: #333;
   font-weight: bold;
}
 
fieldset.comment
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #ccc;
   width : 65%;
    border-radius: 10px; 
	-moz-border-radius: 10px;
	border : 1px solid red;
}
.presCom {
background:url(/img/fond-com.jpg) repeat-x;
padding : 6px 16px 0 16px;
min-height : 21px;
color : white;
font-size : 10px;
}
.onCom {
background:url(/img/oncom.jpg) no-repeat;
min-height : 21px;
width : 33px;
float:left;
}
.float-right{float:right;}
a.white10 {
	color: white;
	font-family: "Arial", "Verdana", "Bookman Old Style";
	font-size: 10px;
	text-decoration: none;
}

a.white10:hover, a.white10:focus {
	text-decoration: underline;
}
.triRub{ float:right; color:#333; font-size:11px; margin : 5px 0px 0 0; font-weight : normal;}
table.basic {width:100%; border-collapse : collapse;}
table.basic th { background-color : #333; margin-bottom : 12px; font-weight : blod; border-bottom : 2px solid red; color : white;}
table.basic tr { background-color : #ccc; margin-bottom : 12px; text-align : center; border-bottom : 1px solid white;}
.panneauGris{background-color : #ccc; color:#333; border : 1px solid #333; margin : 3px; padding : 4px; font-size : 12px; float : left; font-weight : bold;}
.pGris{background-color : #ccc; color:#333; border : 1px solid #333; margin : 3px; padding : 4px; font-size : 12px; font-weight : bold;}
.pRouge{background-color : #faa; color:#333; border : 1px solid #333; margin : 3px; padding : 4px; font-size : 12px; font-weight : bold;}
.panneauRouge{background-color : #f99; color:#900; border : 1px solid red; margin : 3px; padding : 4px; font-size : 12px; float : left; font-weight : bold;}
.panneauBlanc{background-color : #fff; color:#333; border : 1px solid #ccc; margin : 3px; padding : 4px; font-size : 12px; float : left; font-weight : bold;}
.panneauGrisAnnonce{background-color : #ccc; color:black; margin : 4px; padding : 3px; font-size : 14px;}

.transparent { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; }
.image-float-g
{
   float :left;
   padding-right : 20px;
   display : inline;

}

/***********************************************/
/*affichage des numeros de pages dans les catégories*/

div.pages {
	text-align: left;
	background: url(http://www.revolution-buzz.fr/img/pages.jpg) no-repeat top left;
	padding:16px;
	line-height:2;
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial";
	color:#333;
	margin : 16px;
}
div.pages span.select{
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial";
	color:#333;
	
}
div.pages a{
	color: #333;
	background: #EAEAEA;
	border: 1px solid #bbbbbb;
	padding: 1px 5px;
}
div.pages a:hover{
	color: red;
	background: #fff;
	border: 1px solid #5b3e38;
}

input.submitRed {
background-color : black;
color : red;
}

input.submitRed:hover{
background-color : red;
color : black;
}
.aPropos {
font-size : 13px;
color : #333;
}
a.footerLink {
font-size : 12px;
color : gray;
}
a.footerLink:hover, a.footerLink:focus {
font-size : 12px;
color : red;
text-decoration : none;
}
.footerLeft { float : left; margin-right : 30px;}
.footerRight { float : right; margin-left : 30px;}
.justif {text-align : justify;}
a.uLink {
text-decoration : underline;
}
a.uLink:hover, a.uLink:focus {
color : red;
text-decoration : underline;
}