#main {
    	margin-top: 7px;
		background-color: #fff;
        color: #0c6ea6;
        height: 530px;
    	width: 667px;
		overflow: hidden;
    }

	    #main #middle-block {
	    	background: url(../img/design/le-suivi/fond.jpg) no-repeat;
	        height: 399px;
	    	width: 642px;
	    	padding-top: 117px;
	    }

	    	#main #middle-block p {
	    		padding: 0;
	    		margin: 0;
	    	}

			#main #middle-block #middle-content {
	    		padding-left: 164px;
	    	}
			#main #middle-block #middle-content a {
	    		color: #0c6ea6;
	    	}

			    	#main #middle-block div .paratitle {
						padding-left: 28px;
						font-weight: bold;
			    		font-style: italic;
			    		text-decoration: underline;
			    	}

			    	#main #middle-block .paratext {
			    		margin-top: 5px;
			    		font-weight: bold;
			    		font-size: 11px;
			    		width: 340px;
			    	}

			    #main #middle-block #paragraf-two {
		    		margin-top: 27px;
		    	}

		    	#main #middle-block #paragraf-three {
		    		margin-top: 25px;
		    	}

		    	#main #middle-block a {
		    		color: #45ade8;
		    	}
		    	#main #middle-block a:hover {
		    		text-decoration: underline;
		    	}

	    	#main #middle-block #middle-right {
	    		position: absolute;
	    		width: 136px;
	    		margin-left: 506px;
				text-align: center;
	    	}

	    		#main #middle-block #middle-right p {
	    			color: #0c6ea6;
		    		font-size: 14px;
					font-weight: bold;
					padding-top: 2px;
					text-align: center;
		    	}
				#main #middle-block #middle-right a {
	    			color: #0c6ea6;
		    	}
				#main #middle-block #middle-right img {
	    			margin-top: 6px;
		    	}

		    	#main #middle-block #middle-right span {
		    		display: block;
		    		font-size: 11px;
					line-height: 10px;
		    	}

		    	#main #middle-block #middle-right div#block-two {
	    			margin-top: 9px;
		    	}
				#main #middle-block #middle-right div#block-three {
	    			margin-top: 8px;
		    	}

		    #main #middle-block #protoblock {
		    	margin-top: 35px !important;
		    	margin-top: 40px;
		    	text-decoration: underline;
		    	color: #ffffff;
		    	font-size: 22px;
		    }

		#main #middle-block #citation {
    		margin-top: 39px;
			margin-left: 30px;
			padding: 0;
    	}
			#main #middle-block #citation #citacontent {
	    		float: left;
				width: 316px;
				padding-top: 5px;
	    	}
				#main #middle-block #citation #citacontent #citatitle {
		    		margin-left: 14px;
					padding: 0;
					font-weight: bold;
					font-size: 14px;
					text-decoration: underline;
		    	}
				#main #middle-block #citation #citacontent #citatext {
					padding: 18px 0 0 10px;
					font-weight: bold;
					font-size: 14px;
					font-style: italic;
					color: #fff;
					height: 35px;
					overflow: auto;
		    	}
				#main #middle-block #citation #citacontent #citaperson {
					padding-top: 5px;
					text-align: right;
					width: 314px;
					color: #fff;
					font-weight: bold;
					font-size: 12px;
		    	}

			#main #middle-block #citation #citacalendar {
				float: left;
				width: 150px;
				text-align: center;
	    	}
				#main #middle-block #citation #citacalendar #citacal {
					height: 51px;
					background: url(../img/design/le-suivi/calendar.jpg) no-repeat;
					padding-top: 15px;
					color: #0c6ea6;
					font-size: 22px;
					font-weight: bold;
					margin-left: 17px;
		    	}
					#main #middle-block #citation #citacalendar #citacal span {
						display: block;
						color: #fff;
						font-size: 12px;
						padding-left: 8px;
			    	}
				#main #middle-block #citation #citacalendar #citalink {
					font-size: 11px;
					line-height: 11px;
					font-weight: bold;
					padding-top: 5px;
					padding-left: 5px;
		    	}

/* CITATIONS */

#citablock {
	background: url(../img/design/le-suivi/citablockbg.jpg) no-repeat;
	padding-top: 7px;
    color: #0c6ea6;
    height: 516px;
	width: 642px;
}
	#citablock p {
		margin: 0;
		padding: 0;
	}
	#citablock p#citablocktitre {
		float: left;
		color: #fff;
		font-size: 26px;
		font-weight: bold;
		height: 40px;
		width: 370px;
		margin: 25px 0 0 45px;
		_margin-left: 25px;
	}
	#citablock p#citablocklink {
		float: left;
		margin: 22px 0 0 15px;
		cursor: pointer;
	}
	#citablock p#citablockdesc {
		clear: both;
		color: #fff;
		font-size: 14px;
		font-style: italic;
		font-weight: bold;
		height: 46px;
		width: 575px;
		margin: 0px 0 0 30px;
	}

	#citablock ul.citations {
		list-style-type: none;
		list-style-position: inside;
		padding: 0;
		margin: 30px 0 0 30px;
	}
		#citablock ul.citations li {
			margin-top: 15px;
			background: url(../img/design/le-suivi/puce.gif) no-repeat;
			padding-left: 40px;
		}
			#citablock ul.citations li p.citadate {
				color: #5ca5d0;
				font-weight: bold;
				width: 500px;
				border-bottom: 1px solid #5ca5d0;
			}
			#citablock ul.citations li p.citaphrase {
				color: #0096d7;
				font-weight: bold;
				font-style: italic;
				font-size: 16px;
				margin-top: 10px;
				height: 20px;
			}
			#citablock ul.citations li p.citasource {
				color: #0096d7;
				font-weight: bold;
				font-style: italic;
				font-size: 14px;
				margin-top: 10px;
				width: 500px;
				text-align: right;
			}

	#citablock #mycitation {
		margin: 50px 0 0 30px;
	}
		#citablock #mycitation span {
			color: #0096d7;
			font-weight: bold;
			font-style: italic;
			font-size: 16px;
			display: block;
			width: 130px;
			float: left;
		}
		#citablock #mycitation p {
			margin: 0 0 10px 10px;
		}
		#citablock #mycitation textarea {
			border: 1px solid #0096d7;
		}
		#citablock #mycitation input {
			border: 1px solid #0096d7;
		}
		#citablock #mycitation input#citaSend {
			margin: 10px 0 0 0px;
			border: 0;
		}

		.monthlink {
			background: url(../img/ico/nav.gif) no-repeat 0 5px;
			padding-left: 14px;
			display: block;
			float: left;
			margin: 10px;
			font-weight: bold;
		}

	#citablock #lescontribs {
		margin: 50px 0 0 10px;
	}

/* REFERENTS */

#referents_page {
	background-color: #deeaf8;
	width: 633px;
	height: 530px;
	overflow-y: auto;
	overflow-x: hidden;
}

	#referents_page h1 {
		background: url(../img/design/le-suivi/bg-referents_title.jpg) no-repeat;
		width: 573px;
		height: 41px;
		padding: 12px 0 0 60px;
		color: #5e3a18;
		font-size: 22px;
		font-style: italic;
		clear: both;
	}
	#referents_page p {
		background: url(../img/design/le-suivi/bg-referent.jpg) no-repeat;
		width: 270px;
		height: 163px;
		padding: 8px 0 0 8px;
		float: left;
		margin: 0px 12px;
	}