/*RÉACTIONS - RÉAGIR*/

/*CONTIENT #reagir*/
div#reactions{ position: relative; 	width: 639px; border: 1px solid #b4a0aa; background-color: #fff;}
div#reactions div.retrait{ position: relative; padding: 10px;}
div.int-reactions{ position: relative; font-size: 13px; padding-bottom: 10px; border-bottom: 1px solid #b4a0aa; margin-bottom: 10px; color: #666;}
div.int-reactions strong{ color:#c03;}
div#reactions table.list-reac{ width: 610px;}
/*AVR2009 : REACTIONS DANS PAGE ARTICLE*/
div#reactions  table.list-reac.reac-art	{ width: 416px;}
div#reactions table.list-reac th{ font-weight: normal; text-align: left; width: 30px; color: #999;}
div#reactions table.list-reac td{ padding-bottom: 10px; width: 580px;}
/*AVR2009 : REACTIONS DANS PAGE ARTICLE*/
div#reactions  table.list-reac td.reac-art{	width: 386px;}
div#reactions table.list-reac span.pseudo{ font-weight: bold;}
div#reactions table.list-reac span.date, div.list-reac span.date{ color: #999;}
div#reactions table.list-reac span.tit-reac, div.list-reac span.tit-reac{ color:#c03;}
div#reactions a.lire { padding-right: 8px; background: url('/icons/rub_a.gif') no-repeat right center;}
div#reactions .go{ background:no-repeat url("/icons/b_reac_envoyer.png"); width:71px; height:19px; border:0; padding:0;}
div#reactions .go:hover{ background:no-repeat url("/icons/b_reac_envoyer_on.png");}
/*LISTE PAGINÉE DES RÉACTIONS*/
div.list-reac{ position: relative; margin-bottom: 10px;}
div.list-reac div.col-1	{ position: relative; float: left; padding-top: 10px; width: 150px; text-align: right; color: #999;}
div.list-reac span.pseudo{ font-weight: bold; color: #000;}
div.list-reac div.col-2{ position: relative;float: left; width: 451px; padding-top: 25px; padding-left: 40px; text-align: left; background-image: url('/icons/bulle-reactions.png'); background-position: left top; background-repeat: no-repeat; }
div.list-reac div.reac-links{ position:relative; float:right; color: #999;}
div.reac-links a.abus{ background-image: url('/icons/ico_abus.png'); background-position: left center; background-repeat: no-repeat; padding-left: 15px; color: #999;}
div.reac-links a.reagir	{ background-image: url('/icons/f_rond_dro.png'); background-position: right center; background-repeat: no-repeat; padding-right: 17px;}
div#reagir{ position: relative; padding: 10px; background-color: #ebe1e6; background-image: url('/icons/bg_reagir.png'); background-position: left top; background-repeat: no-repeat; border: 1px solid #fff;}
div.int-reagir{ position: relative; font-size: 13px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #b4a0aa; margin-bottom: 10px;}
div#reagir .champ, div#reagir .champ-art, div#reagir .champ-art-large { border: 1px solid #b4a0aa;}
div#reagir .champ{ width: 290px;}
/*AVR2009 : REACTIONS DANS PAGE ARTICLE*/
div#reagir .champ-art{ width: 205px;}
/*AVR2009 : REACTIONS DANS PAGE ARTICLE*/
div#reagir .champ-art-large	{ width: 420px;}
div#reagir .champ.bg, div#reagir .champ-art.bg{ background-color: #f5ebf0;}
a.nb-reac, div#articleUne a.nb-reac, .unArticle a.nb-reac{ background-image: url('/icons/ico_reac.png'); background-position: 0px 2px; background-repeat: no-repeat; padding-left: 17px; color:#c03; line-height: 1.5em; font-size: 12px;}
div.nb-reac{ position: relative; float: right; height: 19px; overflow: hidden; color: #fff; background-image: url('/icons/bg_nbreac_rouge.png'); background-position: left center; background-repeat: no-repeat; padding-left: 5px;}
a.nb-reac-rouge{ background-image: url('/icons/ico_reac_rouge.png'); background-position: 0px 2px; background-repeat: no-repeat; padding-left: 17px; color:#fff;}
a.reagir-rouge{ background-image: url('/icons/f_rond_dro_rouge.png'); background-position: right center; background-repeat: no-repeat; padding-right: 17px; color:#fff;}
div.nb-reac-end{ position: relative; float: right; height: 19px; overflow: hidden; color: #fff; background-image: url('/icons/bg_nbreac_rouge.png'); background-position: right center; background-repeat: no-repeat; }
div#reagir-controle	{ display: block; width: 484px; height: 324px; background-image: url('/icons/bg_reagir_controle_24.png'); background-position: center center; background-repeat: no-repeat; text-align: center;}
div#reagir-controle img.fermer{ margin: 15px 0px;}
div#reagir-controle div.in { display: block; width: 356px; height: 196px; padding: 10px; margin-left: auto; margin-right: auto; text-align: center; background-image: url('/icons/bg_reagir_controle_in.png'); background-position: center top; background-repeat: no-repeat; background-color: #c8c8c8; }
div#reagir-abus{ position: absolute; display: none; left: 0px; top: 0px; z-index: 1000; width: 448px; padding: 10px; border: 1px solid #a0aab4; background-color: #fff; font-size: 13px; color: #333;}
div#reagir-abus strong{ font-size: 14px;}
div#reagir-abus .champ{ border: 1px solid #a0aab4; background-color: #e1e6eb; margin-bottom: 5px; }
div#reagir-abus .champ.largeur{ width: 300px;}
div#reagir-abus p.message{ font-size: 14px; line-height: 1.2em;}