/* reactions block title */

.reactionsMessage {
	background-color: #ededed;
	border: 1px solid #000000;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 20px 0;
	padding: 5px;
	text-align: center;
}

.reactionsMessage a {
	color: #ed005d;
	font-weight: bold;
}

html>/**/body .reactionsBlockTitle {
	position: absolute;
}

.reactionsBlockTitle {
	/*height: 38px;*/
	position: absolute;
	top: -1px;
	z-index: 308;
	/*top: -6px;
	z-index: 3;*/
}

.reactionsBlockTitle .title1 {
	background:url(../img/reactions/reactions_bubble.png) top left no-repeat;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	height: 38px;
	float: left;
	position: absolute;
	top: -7px;
	z-index: 205;
}

.reactionsBlockTitle .title1 span {
	position:absolute;
	top:5px;
	left:10px;
}

html>/**/body .reactionsBlockTitle .ajouter {
	left: 410px;
	position: absolute;
	top: 3px;
	width: 150px;
	z-index: 2;
}

.reactionsBlockTitle .ajouter {
	float: right;
	position: relative;
	z-index: 2;
	right: 10px;
	/*top: 10px;*/
	top: 3px;
}

.reactionsBlockTitle .ajouter a {
	color:#e5005d;
	font-weight:bold;
}

/* reactions block */

.reactionsBlock {
	background: #fff;
	position: relative;
	/*top: -37px;*/
	/*z-index: 1;*/
	text-align: left;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
}


/* reaction block */

.reactionBlock {
	padding:15px 15px 5px 15px;
	border-bottom:1px solid #ffbfda;
}

.reactionBlock .top {
	float: left;
	position: relative;
	height: 31px;
	width: 31px;
	overflow: hidden;
}

.reactionBlock .avatar a img {
	display:block;
	border:1px solid #e5005d;
}

.reactionBlock .signature {
	font-weight: bold;
	margin-bottom: 5px;
}

.reactionBlock .signature .nickname {
	color: #000;
}

.reactionBlock .nickname a {
	color:#e5005d;
}

.reactionBlock .timestamp {
	color:#666;
	font-size:11px;
	display:inline;
}

.reactionBlock .quotation_mark {
	width: 13px;
	height: 11px;
	display: inline;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

/** html .reactionBlock .quotation_mark { margin-right: 5px; }*/

.reactionBlock .quotation {
	position: relative;
	z-index: 2;
	/*overflow: hidden;*/
	line-height: 17px;
	font-family: arial,verdana,sans-serif;
	font-size: 13px;
	font-style: normal;
}

.reactionBlock .miniblock {
	margin-left: 35px;
}

.reactionBlock .links {
	height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 40px;
}

.reactionBlock .respond {
	float:right;
}

.reactionBlock .respond A {
	font-size:11px;
	color:#e5005d;
}

.reactionBlock .report a {
	display: inline;
	font-size: 11px;
	text-decoration: underline;
	color: #999;
	/*background: url(../img/outils/alert.png) 0px 1px no-repeat;*/
}

.reactionBlock .report .alerter {
	padding-left: 18px;
	background: url(../img/outils/alert.png) 0px 1px no-repeat;
}

/* reaction block -- reaction */

.reaction {
}

/* reactions block -- response */
.reactionResponse {
	border-top:1px dotted #666;
	padding-top:10px;
	margin-left:40px;
}


/* reactions block  -- ma reaction */


.maReaction, .maReponse {
	padding: 20px;
	background: #ededed;
	position: relative;
	top: -1px;
	z-index: 10;
	border-top: 5px solid #ccc;
}

.maReaction .information, .maReponse .information {
	margin-bottom: 15px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

.maReponse .information ul,
.maReaction .information ul {
	margin-left: 0px;
	margin-bottom: 0;
	padding-left: 14px;
	margin-top: 10px;
}

.maReponse .information li,
.maReaction .information li {
	list-style-type: disc;
	list-style-position: outside;
	font-weight: bold;
}

.maReponse .information li a,
.maReaction .information li a {
	color: #e5005d;
}

.maReponse .title1,
.maReaction .title1 {
	color:#666;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

.maReactionForm img, .maReactionForm input {
	vertical-align:middle;
}

.maReactionForm img {
	margin-left:3px;
}

.maReactionForm input {
	position:relative;
	top:-1px;
	font-size: 14px;
}
html>/**/body .maReactionForm input {top:-3px;}

.maReactionForm textarea {
	width: 485px;
	font-size: 13px;
	border: 2px solid #ccc;
}
html>/**/body .maReactionForm textarea { width: 488px; }

.maReactionForm .buttons {
	margin-top:10px;
}

.maReactionForm .buttons div {
	font-size:12px;
	font-weight:bold;
}

.maReactionForm .button {
	margin-top:3px;
}

.maReactionForm .select {
	padding-bottom:3px;
}

.maReactionForm .select img {
	border: 1px solid #e5005d;
}

.maReactionForm .select .nickname {
	color: #e5005d;
	font-weight: bold;
}

.maReactionForm .inputBox {
	margin-left:3px;
	position:relative;
	top:0px;
}

.maReactionForm .select .inputBox {
	border: 1px solid #e5005d;
}

.maReactionForm .noSelect {
	color: #000;
	padding-bottom: 3px;
}

.maReactionForm .noSelect img {
	border: 1px solid #ccccc5;
}

.maReactionForm .noSelect .nickname {
	color: #ccccc5;
	font-weight: bold;
	text-decoration: none;
}

.maReactionForm .noSelect .inputBox {
	border: 1px solid #d9d9d9;
	font-size: 13px;
}

.respond_form {
	margin-left:58px;
	margin-top:5px;
}

.respond_form textarea {
	width:456px;
}
html>/**/body .respond_form textarea {width:458px;}


.respond_form input.button {
	float:right;
}

.maReponse {
	padding: 15px;
}

.maReponse .maReactionForm textarea {
	font-size: 13px;
	width: 466px;
}

html>/**/body .maReponse .maReactionForm textarea { width: 470px; }

/* navbar */

.navbar {
	padding: 2px 0;
	text-align: center;
	background: #e9e9e9;
	border-bottom: 0;
}

.navbar_pages {
	width:250px;
	margin:auto;
	text-align: center;
	font-size:12px;
	color:#333;
}

.navbar_pages a {
	font-weight:bold;
}


/** ERROR **/
.error {
	background-color: #830a0b;
	padding: 1px 0px 3px 5px;
	color: #fff;
	height: 17px;
}

/** CONSEIL **/
.conseil {
	color:#666;
	text-align: center;
	position:relative;
	top:-3px;
	overflow:visible;
}

.conseil A {
	color: #0616E3!important;
	font-size:15px;
	font-weight:bold;
}

.conseil A:hover {
	text-decoration:underline!important;
}