/** INFOS GENERALES **/
	html,body {
		height:100%;
		margin:0;
	}

	html {
		background:#c0c0c0 url(../img/html.png);
	}

	body {
		font:90% Verdana,"Trebuchet MS",sans-serif;
	}

	a { color:#000099; }
	a:hover { color:#0099ff; }

	label {
		display:block;
		width:140px;
		float:left;
	}
	p { text-align:justify; }

	/** STRUCTURE SITE **/
	div#global {
		min-height:100%;
		width:960px;
		margin:0 auto;
		background:transparent url(../img/global2.png) center repeat-y;
	}
		div#header {
			width:940px;
		}
			div#header div {
				float:left;
				width:540px;
				margin-left:200px;/*30 si promo*/
				text-align:left;
			}
			div#header p {
				margin:0;
				padding:20px 20px 0px;
				text-align:right;
			}

		div#bandeau {
			clear:both;
			margin-left:15px;
			margin-bottom:10px;
			background-color:#829eb6;
			border:1px solid #000;
			color:#000033;/*0d6684;*/
			width:919px;
		}
		form#frm_2_recherche {padding:0;margin:0;}
		div#bandeau a { text-decoration:none; color:#000033; }
		div#bandeau a:hover {color:#fff; }
		div#bandeau table td { text-align:center; }

			#search {
				background:#fff url(../img/search.png) no-repeat;
				background-position:1px center;
				padding-left:28px;
				font-size:1.1em;
				color:#C0C0C0;
				vertical-align:middle;
				width:6em;
			}

		div#center {
			padding-bottom:50px;
			overflow:auto;
			background:transparent url(../img/degrade.jpg) top center repeat-x;
			width:950px;
			margin:auto;
		}

			div#sidebar {
				float:left;
				width:200px;
			}

				ul#menu, ul#menu_nav, ul#menu_co {
					margin:0;
					padding:10px;
					list-style:none;
					/*background:url(../img/menu.jpg) no-repeat center center;*/
					min-height:128px;
				}
				/*ul#menu { background:url(../img/menu_divers.jpg) no-repeat center center; }
				ul#menu_nav { background:url(../img/menu_nav.jpg) no-repeat center center; }
				ul#menu_co { background:url(../img/menu_co.jpg) no-repeat center center; }*/
				ul#menu_nav, ul#menu_co { min-height:0; }


					ul#menu li a, ul#menu_nav li a, ul#menu_co li a {
						display:block;
						height:18px;
						background:url(../img/puce-st.png) no-repeat left bottom;
						/*background-position:left bottom;*/
						padding-left:35px;
						margin:5px 0 0 5px;
						color:#000033;
						text-decoration:none;
					}
					ul#menu li a:hover, ul#menu_nav li a:hover, ul#menu_co li a:hover {
						background-position:left top;
						font-style:italic;
						color:#c30;
					}

			div#sidebar h3, div#sidebar p { padding:0 10px; }


			div#content {
				float:left;
				width:530px;
				min-height:500px;
				margin-top:20px;
				margin-left:10px;
				margin-right:0px;
				/*background:transparent url(../img/kid.jpg) no-repeat 260px 100px;*/
			}

				div#menu_connecte, div#newsletter {
					/*
					margin:5px 0 10px 10px;
					padding:5px 0 5px 28px;
					background:transparent url(../img/cadenas.jpg) left center no-repeat;
					*/
					border-bottom:1px solid #000080;
					text-align:center;
					font-size:0.8em;
				}
					div#menu_connecte a {text-decoration:none;}

				div#newsletter {
					padding-top:1.5em;
					padding-bottom:1.5em;
					border-bottom:1px solid #000080;
					/*
					margin:5px 0 10px 10px;
					padding:5px 0 5px 28px;
					background:transparent url(../img/newsletter.jpg) left top no-repeat;
					font-size:0.8em;
					*/
				}
					div#newsletter a {text-decoration:none;}

				span#chemin {
					/*float:right;
					margin-right:20px;*/
					padding-top:5px;
					padding-bottom:5px;
					padding-left:28px;
					background:#fff url(../img/fleche.jpg) left center no-repeat;
					color:#000099;
				}
				span#chemin a, span#menu_connecte a {
					/*font-family:Arial;*/
					font-size:0.9em;
					text-decoration:none;
				}

				div#content h2 {
					margin-top:35px;
					padding-left:35px;
					padding-top:9px;
					color:#000080;
					font-variant:small-caps;
					font-size:1.2em;
				}

				div#perso_article img {
					margin:0.5em;
					vertical-align:middle;
				}

				.articleGauche {
					float:left;
					background:url(../img/fond_articleg2.png) no-repeat;
					width:254px;
					height:208px;
				}
				.articleDroite {
					float:left;
					padding-left:4px;
					background:url(../img/fond_articled2.png) no-repeat;
					width:254px;
					height:208px
				}
				.articleTitre {
					padding-top:7px;
					text-align:right;
					color:#000080;
					font-weight:bold;
					font-size:1em;
					vertical-align:top;
				}
				.articleImg {
					width:110px;
					padding-top:12px;
					padding-left:3px;
					vertical-align:middle;
					text-align:center;
				}
				.articleDesc { text-align:left; font-size:0.9em; }
				.articleBtn { text-align:right; }

				.lettrine:first-letter {
					font-size:140%;
					font-weight:lighter;
				}

				.clear {
					overflow:hidden;
					width:100%;
				}

				.invalidInput, .validInput {
					/*display:compact;*/
					padding:1px;
				}
				.invalidInput {
					padding:0.2em;
					background:#9bb446;
				}
				.validInput { border:1px solid #fff; }

				form fieldset {
					padding:0 1em 0.5em 1em;
					background:#e6f2f6;
					border:1px solid #000080;
					margin:0 0 15px 15px;
					width:450px;
					display:block;
				}
					form fieldset legend {
						display:none;
						padding:4px;
						background:#fff;
						border:1px solid #000080;
						padding-right:10px;
						font-size:150%;
					}
						form fieldset legend img {
							vertical-align:middle;
							padding-right:5px;
						}

				div#articleHeader {
					float:right;
					text-align:right;
				}
					div#articleHeader span {
						margin:0;
						padding:4px;
						color:#000080;
						border-bottom:4px solid #fff;
						font-variant:small-caps;
						font-weight:normal;
					}


				.miniature {
					height:126px;
					margin-right:5px;
					margin-bottom:5px;
				}
				.italique {
					font-style:italic;
					font-size:0.7em;
				}
				.nomArticleLie {
					font-style:italic;
					font-size:0.9em;
					text-align:center;
				}
				.titrem {
					margin:5px 2px 0 10px;
					padding:5px 0 5px 0;
					background-color:#829eb6;/*#0d6684;*/
					border:1px solid #000080;
					color:#fff;
					text-align:center;
					font-size: 1.1em;
					font-weight:bold;
					font-style:italic;
				}
				div#box_msg {
					position:fixed;
					top:20%;
					width:400px;
					height:50px;
					margin:auto;
					text-align:center;
					border:3px solid #000080;
					background:#fff;
					color:#000080;
				}

			div#floatbar {
				float:left;
				width:160px;
				background-color:#e6f2f6;
				border:1px solid #000080;
				padding:0 1em 1em 1em;
				margin-top:/*93px;*/4px;
			}

		div#frise {
			background:url(../img/frise.jpg) repeat-x center;
			margin-left:20px;
			width:930px;
			height:70px
		}

		div#footer {
			margin:0 0 -20px 30px;
			width:910px;
			bottom:0;
			border-top:1px solid #c0c0c0;
			background:#fff;
			text-align:center;
		}
			div#footer p {
				margin:2px 0;
				padding:0 10px;
				font-size:0.9em;
				text-align:center;
			}
			div#footer a { color:#B0B0B0; }
			div#footer a:hover { color:#000; }