/* CSS Document */

body{
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center; /* pour corriger le bug de centrage IE */
	font-weight: normal;
	line-height: 15px;
}

#global{
	margin: 0 auto 0 auto;
	width: 990px;
	text-align: left; /* on rétablit l'alignement normal du texte */
}

	/*******************************************/
	/* header */
	/*******************************************/
	#header{
		background: #F90 url(images/header_bg.gif) repeat-y;
		position: relative;
		top: 5px;
		left: 0;
		width: 990px;
		height: 140px;
		margin: 0;
		padding: 0;
	}
	
		#atelier_logo{
			display:inline;
			float:left;
			width: 118px;
			height: 100px;
			margin: 0;
			padding: 0;
		}
		#date{
			display:inline;
			float:right;
			width: 200px;
			height: 40px;
			margin: 0 70px 0 0;
			padding: 0;
			font-size: 12px;
			color:#900;
			font-weight: bold;
			text-align:right;
		}
		#menu{
			display:inline;
			float:left;
			width: 980px;
			height: 20px;
			margin: 10px 0 0 10px;
			padding: 0;
			text-align:left;
			font-size: 12px;
			color:#C30;
		}
			#menu a{
				color:#666;
				text-decoration:underline;
			}
			#menu a:hover{
				color:#666;
				text-decoration:none;
			}

		
	
	
	
	/*******************************************/
	/* main */
	/*******************************************/
	#main{
			position: relative;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			width: 990px;
			height: 545px;
			overflow: auto;
			background: #FFF url(images/main_bg.gif) repeat-y left top;
	}
	
		#main_contenu{
			display:inline;
			float:left;
			margin: 10px 0 0 20px;
			padding: 0;
			width: 950px;/*970*/
			height: 535px;/*545*/
		}
/* ----------- col_gauche ----------- */
			#col_gauche{
				display:inline;
				float:left;
				margin: 0 0 0 20px;
				padding: 0;
				width: 630px; /*650*/
				height: 505px;
			}
				#atelier_presentation{
					display:inline;
					float:left;
					margin: 0;
					padding: 0;
					width: 630px;
					height: 300px;
				}
					#atelier_presentation_titre{
						display:inline;
						float:left;
						margin: 0;
						padding: 0;
						width: 630px;
						height: 30px;
						font-size: 24px;
						font-weight: bold;
						color: #333;
					}
					#atelier_presentation_couv{
						display:inline;
						float:left;
						margin: 0;
						padding: 0;
						width: 200px;
						height: 260px;
					}
					#atelier_presentation_droite{
						display:inline;
						float:left;
						margin: 0 0 0 20px;
						padding: 0;
						width: 400px;
						height: 270px;
					}				
						#atelier_presentation_sous_titre{
							display:inline;
							float:left;
							margin: 0;
							padding: 0;
							width: 400px;
							height: 40px;
							font-size: 12px;
							font-weight: bold;
							color: #E31B1D;
						}
						#atelier_presentation_liste{
							display:inline;
							float:left;
							margin: 0;
							padding: 0;
							width: 400px;
							height: 140px;
							font-size: 12px;
							color: #333;
						}
						#atelier_presentation_liste li{
							list-style-position: outside;
							list-style-image: url(images/puce_triangle.gif);
						}
						#atelier_presentation_sabonner{
							display:inline;
							float:left;
							margin: 10px 0 0 40px;
							padding: 0;
							width: 170px;
							height: 60px;
						}
						
				#atelier_themes{
					display:inline;
					float:left;
					margin: 0 0 0 45px;
					padding: 0;
					width: 540px;
					height: 205px;
					background: #FFF url(images/themes_bg.gif) no-repeat left top;
				}
					#atelier_themes_titre{
						display:inline;
						float:left;
						margin: 37px 0 0 45px;
						padding: 0;
						width: 490px;
						height: 20px;
						font-size: 14px;
						font-weight: bold;
						color: #CC3300;
					}
					#atelier_themes_liste{
	display:inline;
	float:left;
	margin: 10px 0 0 60px;
	padding: 0;
	width: 450px;
	height: 130px;
	font-size: 12px;
	color: #333;
					}
				
/* ----------- col_droite ----------- */		
			#col_droite{
				display:inline;
				float:right;
				margin: 0 0 0 20px;
				padding: 0;
				width: 260px;/*270*/
				height: 505px;
			}
				#extrait{
					display:inline;
					float:left;
					margin: 10px 0 0 0;
					padding: 0;
					width: 260px;
					height: 130px;
					background: #324B86 url(images/extrait_bg.gif) no-repeat left top;
				}
					#extrait_titre{
						display:inline;
						float:left;
						margin: 10px 0 0 40px;
						padding: 0;
						width: 200px;
						height: 50px;
						font-size: 12px;
						color: #FFF;
					}
					#extrait_son{
						display:inline;
						float:left;
						margin: 12px 0 0 60px;
						padding: 0;
						width: 190px;
						height: 50px;
						font-size: 11px;
						color: #FEE16C;
						font-style: italic;
					}
						#extrait_son a{
							font-size: 11px;
							color: #FFCC00;
							font-weight: bold;
							font-style: normal;
							text-decoration:underline;
						}
						#extrait_son a:hover {
							font-size: 11px;
							color: #FFCC00;
							font-weight: bold;
							font-style: normal;
							text-decoration:none;
						}
				#feuilletage{
					display:inline;
					float:left;
					margin: 10px 0 0 0;
					padding: 0;
					width: 260px;
					height: 215px;
					background:#FEE16C url(images/feuilletage_bg.gif) no-repeat left top;
				}
					#feuilletage_titre{
						display:inline;
						float:left;
						margin: 10px 0 0 40px;
						padding: 0;
						width: 200px;
						height: 50px;
						font-size: 12px;
						color: #C30;
					}
					#feuilletage_couv{
						display:inline;
						float:right;
						margin: 10px 20px 0 0;
						padding: 0;
						width: 100px;
						height: 135px;
					}
				
				#revues{
					display:inline;
					float:left;
					margin: 10px 0 0 0;
					padding: 0;
					width: 260px;
					height: 130px;
					background:#F99C19  url(images/revues_bg.gif) no-repeat left top;
				}
					#revues_titre{
						display:inline;
						float:left;
						margin: 10px 0 0 40px;
						padding: 0;
						width: 200px;
						height: 20px;
						font-size: 12px;
						color: #324B86;
						font-weight: bold;
					}
					#revues_lea{
						display:inline;
						float:left;
						margin: 0 0 0 10px;
						padding: 0;
						width: 115px;
						height: 90px;
						text-align:center;
						font-size: 12px;
						line-height:20px;
					}
						#revues_lea a{
							color:#CC3300;
							text-decoration:underline;
						}
						#revues_lea a:hover{
							color:#CC3300;
							text-decoration:none;
						}

					#revues_ladoc{
						display:inline;
						float:left;
						margin: 0 0 0 10px;
						padding: 0;
						width: 115px;
						height: 90px;
						text-align:center;
						font-size:12px;
						font-weight: bold;
						line-height:20px;
					}
						#revues_ladoc a{
							color:#CC3300;
							text-decoration:underline;
						}
						#revues_ladoc a:hover{
							color:#CC3300;
							text-decoration:none;
						}
		
		/* Fin main */
	

	/*******************************************/
	/* footer */
	/*******************************************/
	#footer{
		background: #00a6c3 url(images/footer_bg.gif) top left no-repeat;
		position: relative;
		top: 0;
		left: 0;
		width: 990px;
		height: 20px;
		color: #900;
		font-size:11px;
		text-align:center;
		line-height:18px;
	}

