

div#date_project {
	color:#A1A1A1;
	font-size:11px;
	margin-left:40px;
}

div#banner{
	background: url(/apps/frontend/mag/img/titreCoulissesMag.png);
	width: 954px;
	height: 122px;
	margin:0px 10px;
	}
#banner h1, #banner span {
	background: url(/apps/frontend/mag/img/titreCoulissesMag.png);
	height: 122px;
	width: 954px;
	}
	#banner h1 {
		margin: 0;
		position: relative;
		}
    #banner span {
		position:absolute;
		left:10px;
		top:0;
		z-index:1;
		}
.arrow {
	background: url(/apps/frontend/mag/img/fleche_bas.gif) no-repeat;
	margin-left:250px;
	}

.RPanelContent #presentation {
	font-weight: bold;
	margin:10px 0px 25px;
	font-size:100%;
	_font-size:90%;
	}


.compteur {
	background: url(/apps/frontend/mag/img/compteur.gif) no-repeat 0px 2px;
	font-size: 110%;
	#font-size: 110%;
	padding-right:1px;
	#padding-right:0px;
	}
#bd {
	background-color:#35271a;
	width: 954px;
	margin-left:10px;
	}

p#backgroundMagIntro {
	font-size:100%;
	/*#font-size:90%;*/
	font-weight: bold;
	margin:0px 20px;
	}

#backgroundMagNavigation {
	/*background: url(/apps/frontend/mag/img/navigMagCoulisse.png) 0 0 no-repeat;*/
	background-color: #35271a;
	margin: 0;
	height: 45px;
	#height: 52px;
	_height: 45px;
	}
	#backgroundMagNavigation strong {
		font-weight: normal;
		}	
	#backgroundMagNavigation ul  {
		display: block;
		margin: 0;
		margin-left: 10px;
		padding: 0;
		}
		#backgroundMagNavigation ul  ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
		#backgroundMagNavigation ul  li {
			list-style: none;
			display: inline;
			}
			/*
	    	#backgroundMagNavigation a, #backgroundMagNavigation span {
	    		background: url(/apps/frontend/mag/img/navigMagCoulisse.png);
	    		display:block;
				margin: 0;
				padding: 0;
				height: 45px;
	    		width: 100px;
	    		}*/
			#backgroundMagNavigation a {
				color: #FFF;
			    display: block;
			    float: left;
			    font-size: 116%;
			    height: 45px;
			    outline: none;
				margin: 0;
				margin-top: 5px;
				padding: 0;
				text-decoration: none;
				position:relative;
			    }	
			    #backgroundMagNavigation span {
		      		display:block;
		      		cursor: pointer;
		      		position:absolute;
		      		left:0;
		      		height: 45px;
		      		margin:0;
		      		padding:0;	
		      		top:0;
		      		z-index:1;
			    	}
			    #backgroundMagNavigation-soon, #backgroundMagNavigation-soon span {
			    	background: url(/apps/frontend/mag/img/navigMagCoulisse.png) 0 0 no-repeat;
			    	width: 100px;
			    	}
			    	#backgroundMagNavigation-soon:hover, #backgroundMagNavigation-soon span:hover, #backgroundMagNavigation-soon over {
			    		background-position: 0 -43px;
			    		}
			    	#backgroundMagNavigation-soon.active span {
			    		background-position: 0 -86px;
			    		}
			    #backgroundMagNavigation-callForWitness, #backgroundMagNavigation-callForWitness span {
			    	background: url(/apps/frontend/mag/img/navigMagCoulisse.png) -100px 0 no-repeat;
			    	width: 100px; 
			    	}
			    	#backgroundMagNavigation-callForWitness:hover, #backgroundMagNavigation-callForWitness span:hover, #backgroundMagNavigation-callForWitness over {
			    		background-position: -100px -43px;
			    		}
			    	#backgroundMagNavigation-callForWitness.active span {
			    		background-position: -100px -86px;
			    		}
			    #backgroundMagNavigation-participate, #backgroundMagNavigation-participate span {
			    	background: url(/apps/frontend/mag/img/navigMagCoulisse.png) -200px 0 no-repeat;
			    	width: 100px; 
			    	}
			    	#backgroundMagNavigation-participate:hover, #backgroundMagNavigation-participate span:hover, #backgroundMagNavigation-participate over {
			    		background-position: -200px -43px;
			    		}
			    	#backgroundMagNavigation-participate.active span {
			    		background-position: -200px -86px;
			    		}
#content {
	color: #34281c;
	margin: 10px;
	width:933px;
	#width:945px;
	}
	
	.x-form-element input, .x-form-element textarea{
		width:225px;
	}
	
	input#MagProposedArticleSubmit{
		background:transparent url(/apps/frontend/homepage/img/connect_button_big_blue_off.png) no-repeat scroll 0px 50%;
		border:medium none;
		cursor:pointer;
		height:32px;
		margin:8px 0pt 0pt 0px;
		padding:0pt 5px 5px;
		width:220px;
		color:#FFFFFF;
	}
	input#MagIdeaWritingSubmit{
		background:transparent url(/apps/frontend/homepage/img/connect_button_big_blue_off.png) no-repeat scroll 0px 50%;
		border:medium none;
		cursor:pointer;
		height:32px;
		margin:8px 0pt 0pt 0px;
		padding:0pt 5px 5px;
		width:220px;
		color:#FFFFFF;
	}
	
	#content label{
	font-weight:bold;
		font-size:90%;
		#font-size:90%;
		
	}
	#content:after {
		content:".";display:block;height:0;clear:both;visibility:hidden;
		}
	b.RndTop, b.RndBottom {
		background: #35271a;
		}
	h2 {
		color: #28b0ee;
		}
		h2#subTitlePage {
			border-bottom: 2px #c6bba7 solid;
			margin:20px 0px 5px;
			padding-bottom:5px;
			}
	#participateMagSoonPresentation {
		
		}
	#participateMagParticipateIllustration {
		float: left;
		top:5px;
		left:5px;
		
		}
	#participateMagParticipatePresentation {
		margin-left: 160px;
		font-weight:bold;
		font-size:90%;
		#font-size:80%;
		}
	#participateMagParticipateForms {
		margin-left: 160px;
		#margin-left: 160px;
		}	
		
	.x-form .legend {
		background: #35271a;
		color: #FFF;
		font-weight: bold;
		/*padding: 0.5em;
		margin-bottom: 2em;	*/
		width: 100%;
		font-size:90%;
		#font-size:80%;
		}
	#MagProposedArticleForm .legend {
		padding:5px;
		width:362px;
		#width:369px;
	}
	#MagIdeaWritingForm .legend {
		padding:5px;
		width:362px;
		#width:369px;
	}
/*
	.x-form-item label {
		width:100px;
		}*/
	.x-form b.RndTop b, .x-form b.RndBottom b {
		background:#35271A none repeat scroll 0%;
		}
	.x-form b.RndTop, .x-form b.RndBottom {
		background: #ffffff;
		}
	.x-form-item label {
		color: #34281c;
		font-weight: bold;
		}	
	.x-form-element {
		padding-left:130px;
		}		
	.x-form .button {
		float: right;
		margin-right:18px;
		#margin-right:25px;
		}	
	.notice_charter {
		color: #9e9f9a;
		font-size: 75%;
		#font-size: 65%;
		margin-left: 60%;
		line-height: 13px;
		}
		.notice_charter a {
			color: #9e9f9a;
			text-decoration: underline;
			}
	div#draftingProjectWrapper {
		margin-bottom: 1em;
		}
		ul#draftingProjectList {
		  	margin: 0;
		  	padding: 0;
		  	list-style: none;
		  	width: 100%;
			}
			ul#draftingProjectList li.hreview {
				border-bottom:1px solid #C6BBA7;
				_border-bottom:0px;
				float:left;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0px 10px;
				overflow:hidden;
				padding:0px 0px 15px;
				position:relative;
				width:31%;
				_width:30%;
				height: auto;
				min-height:220px;
				_height: 220px;
				}
			ul#draftingProjectList h4 {
				font-weight: bold;
				font-size:90%;
				#font-size:80%;
				color:#A78060;
				}
			ul#draftingProjectList h3 {
				font-weight: bold;
				font-size:100%;
				#font-size:90%;
				margin:10px 0px 0px 40px;
				}
			ul#draftingProjectList p {
				font-weight: normal;
				font-size:90%;
				/*#font-size:80%;*/
				}	
			
	.draftingProjectType {
	    position: absolute;
	    left: 0;
	    top: 15px;
	    height: 30px;
	    width: 30px;
		}
		.draftingProjectType span {
		    position:absolute;
		    left:-10000px;
		    top:-10000px;
		    visibility:hidden;
			}
		.draftingProjectType.article {
			background: #FFF url(/apps/frontend/mag/img/mag_a_paraitre_article.gif) 0 0 no-repeat;		
			}			
		.draftingProjectType.dossier {
			background: #FFF url(/apps/frontend/mag/img/mag_a_paraitre_dossier.gif) 0 0 no-repeat;		
			}
			
   .draftingProjectTitle, .draftingProjectFolderTitle, .draftingProjectIntro {
   		margin-left: 40px;
		}						

	div.dateblock {
		background: #362619 url(/apps/frontend/main/img/cartouche_date.gif) 0 0 no-repeat;
      	color: #fff;
      	/*left: 555px;*/
      	left: 0;
      	padding: 0;
      	position: absolute;
      	top: 1em;
      	width: 30px;
      	line-height:11px;
		}
		div.dateblock .day {
			font-weight:bold;
			}
		div.dateblock.month {
			}
		div.dateblock .year {
		    position:absolute;
		    left:-10000px;
		    top:-10000px;
		    visibility:hidden;
			}
		div.dateblockContent {
			display:block;
			left:0px;
			margin: 0;
			position:relative;
			text-align: center;
			top:3px;#top:4px;
			height:30px;
			}

		ul.draftingProjectTools {
			display: block;
			font-size: 93%;
			font-weight: normal;
			list-style:none;
			height:0.8em;
			margin: 8pt 0pt 0pt 40px;
			width: 100%;
			}
			ul.draftingProjectTools li{
				float:left;
				margin: 0;
				margin-right:20px;
				padding: 0;
				list-style: none;
				}
				ul.draftingProjectTools a {
					color: #29AEEF;
					text-decoration:none;
					font-weight: normal;
					font-size: 100%;			
					#font-size: 90%;
					}
					ul.draftingProjectTools a:visited {
						/*font-weight: bold;*/
						}
					ul.draftingProjectTools a:focus, ul.draftingProjectTools li a:hover, ul.draftingProjectTools a:active {
						background-color: #29AEEF;
						color: #FFF; 
						}
					ul.draftingProjectTools span {
						background: transparent url(/apps/frontend/main/img/icons.gif) no-repeat;
						float: left;
						height: 15px;
						margin: 1px 5px 0pt 0pt;
						_margin: 2px 5px 0pt 0pt;
						padding: 0;
						width: 15px;
						}
					ul.draftingProjectTools li a.alert span {
						background-position: -1px -154px;
						}
						ul.draftingProjectTools li a.alert:hover span {
							background-position: -18px -154px;
							}
					ul.draftingProjectTools li a.comment span {
						background-position: -1px -18px;
						}
						ul.draftingProjectTools li a.comment:hover span {
							background-position: -18px -18px;
							}


#ft {
	background: url(/apps/frontend/mag/img/bandeauRedaction.gif);
	height: 147px;
	width: 954px;
	margin-left:10px;
	}	
#writers {
		margin-left: 20px;
		width:300px;
		margin-top:30px;
	}
	#writers li {
		list-style: none;
		margin-bottom: 2em;
	}
	#writers li.li_avatars {
		background: url(/apps/frontend/mag/img/contour_avatars.gif) no-repeat scroll 0px;
		height:100px;
	}
	#writers li.li_avatars img {
		margin:10px;
		padding-right:10px;
	}
	#writers li.li_avatars .link {
		margin-top:-25px;
		margin-left:110px;
	}
	#writers .avatar {
		float: left;
		margin-right: 0.5em;
		}
	#writers .nickname {
		color: #35271a;
		font-size: 153.9%;
		font-weight: bold;
		padding-top:8px;
		}
	#writers .linkContactWriter, .writers_us a {
		color: #26b0ef;
		}
		#writers .linkContactWriter:hover, .writers_us a:hover {
			background-color: #26b0ef;
			color: #FFF;
			text-decoration: underline;
			}
		#writers .linkContactWriter span {
			background: transparent url(/apps/frontend/news/img/icons.gif) -1px -138px no-repeat;
			float: left;
			height: 15px;
			margin:3px 5px 0pt 0pt;
			padding: 0;
			width: 15px;
			}
#charterDrafting {
	background: url(/apps/frontend/mag/img/fondCharte.gif) bottom right repeat;
	margin-right:30px;
	padding-right:27px;
	_padding-right:0px;
	width:440px;
	_width:470px;
	font-size:90%;
	#font-size:80%;
	text-align:justify;
	line-height:13px;
	}
	
#charterDrafting h2 {
	margin:10px 0px 20px 10px;
	}
	#charterDrafting p {
	_margin:0px 0px 10px 30px;
	}
	#charterDrafting h2,h3 {
	_margin:10px 0px 10px 30px;
	}
	#titleCharterDrafting {
		position: relative;
		}
		#titleCharterDrafting, #titleCharterDrafting span {
			background: url(/apps/frontend/mag/img/logoCharte2.gif);
                        background-repeat: no-repeat;
			height: 35px;
			width: 460px;
			}
		#titleCharterDrafting span {
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			}
	#charterDraftingFooter {
		background: url(/apps/frontend/mag/img/basCharte.png) bottom right no-repeat;
		height: 104px;
		width: 497px;
		margin-left:-30px;
		_margin-left:0px;
		}
			
#comments_wrap
{
  margin:15px 0 0 40px;
}

#create_comment_wrap
{
	border:1px solid #909090;
	margin-top:40px;
	padding:10px;
	margin-bottom:8px;
	width:572px;
	background-color:#f8f8f8;
}

#create_comment_wrap h4
{
  font-size:130%;#font-size:120%;
}
