@charset "utf-8";

div#bgTK97 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1150px;
	background-image:url(../images/bg/by-Anicet.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}

.toggler {
	height: 200px;
	position relative;
	width:500px;
}

div.contentComment {
	position: relative;
	width:500px;
	height:200px;
	margin-left: 70px; 
	/*margin-bottom: 6px;
	visibility: hidden;
	border: 1px solid #f00;*/
}


div#leftSide {
	position: absolute;
	float: left;
	width: 100px;
	height: 100px;
	border:1px solid #000;
}

div#ticoco {
	height: 100px;
	margin-left: 7px;
	margin-top: -5px;
	background-image:url(../images/coco.png);
	background-repeat:no-repeat;	
}

div#Expediteur {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

div#Expediteur a {
	color: #fff;
	text-decoration: none;
}

div#Expediteur a:hover {
	color: #dc6400;
	text-decoration: underline;
	cursor: hand;
}

div#rightSide {
	position: absolute;
	left: 105px;
	width: 700px;
	height: 200px;
}

div#blancContent {
	position: absolute;	
	left: 35px;
	top: 5px;
	width: 710px;
	height: 151px;
	background-color:#3bd0f6;
}

div#leftCom {
	position: absolute;
	left: 0;
	width: 45px;
	height: 101px;
	background-image:url(../images/comment-bg-left1.png);
	background-repeat:no-repeat;	
}

div#topCom {
	position: absolute;
	left: 45px;
	width: 100%;
	height: 15px;
	background-image:url(../images/comment-bg-haut.png);
	background-repeat:repeat-x;	
}

div#gaucheContinu {
	position: relative;
	left: 34px;
	top: 101px;
	width: 4px;
	height: 57px; /************************************************************/
	background-image:url(../images/comment-bg-left-continu.png);
	background-repeat:repeat-y;	
}

div#basCom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 44px;
}

div#coinGaucheCom {
	position: absolute;
	left: 35px;
	width: 11px;
	height: 12px;
	background-image:url(../images/comment-bg-bas-left.png);
	background-repeat:no-repeat;	
}


div#basCom div#bas {
	position: absolute;
	left: 46px;
	width: 100%;
	height: 13px;
	background-image:url(../images/comment-bg-bas.png);
	background-repeat:repeat-x;	
}

div#coinDroiteCom {
	position: absolute;
	left: 745px;
	width: 16px;
	height: 13px;
	background-image:url(../images/comment-bg-bas-droite.png);
	background-repeat:no-repeat;
}

div#coteDroit {
	position:absolute;
	top:0;
	left: 745px;
	width: 17px;
	height: 172px; /******************************************************/
}

div#coteDroit div#gaucheHaut {
	position: absolute;
	width: 16px;
	height: 15px;
	background-image:url(../images/comment-bg-haut-droite.png);
	background-repeat:no-repeat;
}

div#droiteContinu {
	position: relative;
	top: 15px;
	width: 16px;
	height: 145px;
	background-image:url(../images/comment-bg-droite.png);
	background-repeat:repeat-y;
}

div#contentAllComms {
	position: relative;
	width:650px;
	height:155px;
	left: 20px;
	top: 10px;
	margin-left: 10px; 
	margin-top: 10px;	
}

p {
	text-align: justify;
	color: #dc6400;
	font-size: 16px;
	font-weight: bold;
}

div#contentDatePoste {
	position:absolute;
	left: 0;
	bottom: 35px;
	color: #fff;
}


div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFF;
	text-decoration: none;
	color: #FFF;
}
div.pagination a:hover,div.pagination a:active {
	border: 1px solid #dc6400;
	color: #FFF;
}


div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #dc6400;
	font-weight: bold;
	background-color: #fc0;
	color: #3b51f6;
}

div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #CCC;
		color: #CCC;
}

.NextPrev {
	border: none;
	font-weight: bold;
}

.NextPrev:hover {
	font-weight: bold;
	color: #dc6400;
}


/* */

div#addComment {
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 570px;
	font: 75%/120% Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}

ol.timeline
	{list-style:none;font-size:1.2em;}ol.timeline li{ display:none;position:relative;padding:.7em 0 .6em 0;border-bottom:1px dashed #000;line-height:1.1em; background-color:#D3E7F5; height:45px}ol.timeline li:first-child{border-top:1px dashed #000;}



.whiteFont { 
	font-size: 1em;
	font-weight: bold;
	color:#fff;
}

.thetextBox { 
        background: gold;
       -moz-border-radius: 10px 10px;
	color:#000; 	
}

div#txtComlimitInput {
	color:#fff;
}

div#contentAddComms {
	position: absolute;
	left: 0;
	width: 100%;	
	height: 100%;

} 

div#contentError {
	position: relative;
	margin-left: auto;
	maring-right: auto;
	width: 500px;
	top: 0;
	right: 0px;
	height: 20px;
}


div#contentNom {
	position: absolute;
	width: 100%;
	top: 25px;
	left: 0;
	height: 30px;
}

div#contentNom div#lbl_nom {
	position: absolute;
	left: 0;
}
div#contentNom div#txt_nom {
	position: absolute;
	left: 150px;
}

div#contentMail {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	height: 30px;
}

div#contentMail div#lbl_mail {
	position: absolute;
	left: 0;
}
div#contentMail div#txt_mail {
	position: absolute;
	left: 150px;
}

div#contentComms {
	position: absolute;
	width: 100%;
	top: 75px;
	left: 0;
	height: 30px;
}

div#contentComms div#lbl_comms {
	position: absolute;
	left: 0;
}
div#contentComms div#txt_comms {
	position: absolute;
	left: 150px;
}

div#contentCode {
	position: absolute;
	width: 100%;
	top: 200px;
	left: 0;
	height: 30px;
}

div#contentCode div#lbl_code {
	position: absolute;
	left: 0;
}
div#contentCode div#txt_code {
	position: absolute;
	left: 210px;
}

div#contentConfirm {
	position: absolute;
	width: 100%;
	top: 250px;
	left: 0;
	height: 30px;
	text-align: center;
}	

.add_comenta {
	color: #fff;
	font-size: 2em;
	text-decoration: none;
}

.add_comenta:hover {
	color: #FF9900;
	font-size: 2em;
	text-decoration: underline;
}