/*RÉACTIONS - RÉAGIR - Page Reactions */
div#reactions{ width: 639px; border: 1px solid #b4a0aa; background-color: #fff;}

/* Bloc #reagir - Page Reactions */
div#reagir{ padding: 10px; background-color: #ebe1e6; background-image: url('../icons/bg_reagir.png'); background-position: left top; background-repeat: no-repeat; border: 1px solid #fff; position:relative;}
div.int-reagir{ font-size: 13px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #b4a0aa; margin-bottom: 5px;}
div#reagir span{ font-size:0.9em;padding-left:4px;}
div#reagir .champ, div#reagir .champ-art, div#reagir .champ-art-large { border: 1px solid #b4a0aa;}
div#reagir .champ{ width: 290px;}
div#reagir .champ-art{ width: 205px;}
div#reagir .champ-art-large	{ width: 420px;}
div#reagir .champ.bg, div#reagir .champ-art.bg{ background-color: #f5ebf0;}
div#reagir .go{ background:no-repeat url("../icons/b_reac_envoyer.png"); width:71px; float:right; height:19px; border:0; padding:0;}
div#reagir .go:hover{ background:no-repeat url("../icons/b_reac_envoyer_on.png");}
div#reagir .reac-droite{float:left;width:294px;}
div#reagir .reac-gauche{float:left;width:322px;}

/* Liste paginée des reactions - Page Reactions */
div.list-reac{ margin-bottom: 10px;}
div.list-reac div.col-1	{  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{ float: left; width: 450px; 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{ float:right; color: #999;}
div.list-reac span.date{ color: #999;}
div.list-reac span.tit-reac{ color:#c03;}
div.list-reac 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.list-reac div.reac-links a.reagir{ background-image: url('../icons/f_rond_dro.png'); background-position: right center; background-repeat: no-repeat; padding-right: 17px;}

/*----------------------------------------------------------------------------------------------------------------------*/
/*RÉACTIONS - RÉAGIR - Page Article */
div#reactions-article{ float: left; width: 445px;margin-right: 10px;border: 1px solid #b4a0aa; background-color: #fff;}
form#form-reac-nolog{ border-top:1px solid #B4A0AA; margin-top:10px; padding-top:5px;}

/* Bloc #reagir - Page Article */
div#reagir .reac-right{float:left;width:205px;}
div#reagir .reac-left{float:left;width:215px;}

/* Liste paginée des reactions - Page Article */
div#reactions-article div.retrait{ padding: 10px;}
div#reactions-article div.int-reactions{ font-size: 13px; padding-bottom: 10px; border-bottom: 1px solid #b4a0aa; margin-bottom: 10px; color: #666;}
div#reactions-article div.int-reactions strong{ color:#c03;}
div#reactions-article table.list-reac{ width: 610px;}
div#reactions-article table.list-reac.reac-art	{ width: 416px;}
div#reactions-article table.list-reac th{ font-weight: normal; text-align: left; width: 30px; color: #999;}
div#reactions-article table.list-reac td{ padding-bottom: 10px; width: 580px;}
div#reactions-article table.list-reac td.reac-art{	width: 386px;}
div#reactions-article table.list-reac span.pseudo{ font-weight: bold;}
div#reactions-article table.list-reac span.date, div.list-reac span.date{ color: #999;}
div#reactions-article table.list-reac span.tit-reac, div.list-reac span.tit-reac{ color:#c03;}
div#reactions-article a.lire { padding-right: 8px; background: url('../icons/rub_a.gif') no-repeat right center;}

/* Pagination des reactions - Page Article */
.contenerLeft .nav { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1px 0px; font-size: 9px; text-transform: uppercase; margin-bottom: 10px;}
.contenerLeft .nav { font-size: 9px; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px;}
.contenerLeft .nav table, .contenerLeft .nav table { border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.contenerLeft .nav table td, .contenerLeft .nav table th, .contenerLeft .nav table td, .contenerLeft .nav table th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.contenerLeft .nav table td, .visu-rub .nav table td { padding: 2px; }
.contenerLeft .nav table td.sui-pre, .contenerLeft .nav table td.page, .contenerLeft .nav table td.sui-pre, .contenerLeft .nav table td.page{ padding: 2px 5px; }
.contenerLeft .nav table td.on, .contenerLeft .nav table td.on { background-image: url('../icons/bg_nav_on.png'); background-position: left top; background-repeat: repeat-x; color: #fff;}
.contenerLeft .nav table .page a:visited, .contenerLeft .nav table .page a:visited { color: #666; }

/* reaction Connecte - Page Article */
/* #form-reac-log { border-bottom: 1px solid #B4A0AA; margin-bottom: 5px; padding-bottom: 10px;}*/
#form-reac-log a { font-size: 11px; color: #333; text-decoration: none;}
#form-reac-log a:hover { text-decoration: underline;}
.reac-log-pseudo, .reac-log-email, .input-reac-log-pseudo, .input-reac-log-email{ float:left; width:195px;}
.input-reac-log-ok{ float:left; width:30px;}
input.champ-log { width: 180px; background-color: #b4a0aa; border: 1px solid #b4a0aa;}
.pass-oublie{ float: left; width: 420px; text-align: right; padding-top: 5px;}
.reagir-titre { font-size: 18px; height: 25px; line-height: 22px; font-weight: bold; padding: 0 0 0 15px; margin: 0 0 10px 0; background: url(../icons/reagir_carretitre.gif) left no-repeat;}
.inscrit { float: left; margin: 0; font-size: 13px; padding-bottom: 15px;}
a.form-reac-nolog-inscription { float: left; color: #333; font-size: 11px; font-weight: bold; margin: 0 0 0 3px; background: url(../icons/reagir_arrow.gif) left no-repeat; line-height: 18px; padding-left: 17px; text-decoration: none;}
.conn-int-reagir{ font-size: 13px; font-weight: bold; padding-bottom: 10px; margin-bottom:35px;}
.conn-int-login{ background:#323232 url('../icons/b_profil_avatar.png') no-repeat 11px 4px; line-height:26px; height:26px; padding:0 0 0 38px; color:#FFFFFF; font-size:13px; font-weight:bold; width:405px; position:absolute; top:35px; left:0px; z-index:100;}
a.conn-int-exit{ background:url('../icons/b_deconnexion_profil.png') no-repeat 0px 3px; padding:0 0 0 16px; font-size:13px; font-weight:bold; width:90px; position:absolute; top:39px; right:10px; z-index:150;}
a.conn-int-exit:link, a.conn-int-exit:visited, a.conn-int-exit:hover{ color:#FFFFFF; }

/* reaction Connecte - Page Reactions */
.reactions .reac-log-pseudo,.reactions  .reac-log-email,.reactions  .input-reac-log-pseudo,.reactions  .input-reac-log-email{ float:left; width:285px;}
.reactions  input.champ-log { width: 270px;}
.reactions .conn-int-login{ width:599px;}
.reactions #form-reac-log #reac-log-titre,.reactions #form-reac-log #reac-log-reac{ width:615px;}

/* Overlay Commentaire */
.ui-widget-overlay { background-color:black; position:absolute;	top:0;	left:0;	opacity:0.8;}
.ui-resizable-handle {display: none !important;}
.ui-widget-content{width: 484px !important;height: 324px !important;position:absolute;background: url('../icons/bg_reagir_controle_24.png')center center  no-repeat;}
.ui-dialog-titlebar-close{display:block;margin: 15px auto;width:24px;height:24px;background: url('../icons/b_reagir_fermer.png') no-repeat  center center;}
.ui-dialog-titlebar-close-hover{background-image: url('../icons/b_reagir_fermer_on.png');}
.ui-dialog-titlebar-close span{display:none;}
.ui-dialog-content	{height: 197px !important;width: 364px !important;margin:0px 50px;padding: 10px;text-align: center;background: url('../icons/bg_reagir_controle_in.png') center top no-repeat;}