body {
	text-align: center;
	padding:0px;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/*color:#505050;*/
	background: url(../images/top.jpg);
	background-repeat: no-repeat;
	color:#666666;
}
p { margin: 0px;  }
form {margin: 0px; }
img {border: 0px; margin:0px;}
img.center{
	margin-left:auto;
	margin-right:auto;
}
div { margin: 0px; padding: 0px;}
input,button {
	font-size:11px;
	border: 1px solid #242775;
    color:#30507A;
}
button{
	font-size:11px;
	background-color:#7eae19;
	border: 1px solid #7eae19;
	color:#ffffff;
	font-weight:bold;
}
input.button{
	font-size:11px;
	background-color:#7eae19;
	border: 1px solid #7eae19;
	color:#ffffff;
	font-weight:bold;
}
input.checkbox{
	border:0px;
	vertical-align:middle;
}
select{
    font-size:11px;
    border: 1px solid #242775;
    color:#30507A;
    margin-bottom:1px;
}
textarea{
	font-size:11px;
    border: 1px solid #242775;
    color:#30507A;
}
h1,h2,h3{
	margin:0;
	padding:0;
}

a {
	color:#cf0000;
}

div#container{
	float:left;
	width: 100%;
	text-align: center;
}
div#outterbox{
	position: relative;
	width: 763px;
	margin: 0px auto;
	text-align: left;
	/*background:#ffffff;*/
}
#top { /* div contenant nuages du fond haut + le logo FJG + le menu de navigation - div containing the clouds of the top background, etc*/
	float:left;
	height: 99px;
	background-color: transparent;
}
	div#top_links{
		float:left;
		width:450px; /* 498px total*/
		height:89px; /* 99px total */
		margin:10px 0 0 48px;
		color:#248202;
		font-size:12px;
	}
		div#top_links img{
			margin-left:5px;
			border:0;
		}
		div#top_links a{
			color:#248202;
			text-decoration:none;
		}
	#logo { /* logo FJG */
		float:left;
		/*width: 229px;*/
		height: 91px;/*99px total*/
		/*background: url(../images/logo.gif);*/
		/*margin-left: 498px;
		margin-top: 8px;*/
		margin: 8px 0 0 0;
		background-color: transparent;
	}

div#menu { /*menu de navigation - navigation menu*/
	float:left;
	height:80px;
	margin-left: 30px;
	margin-top: -15px;
}

	div#menu a {
		display:block;
		float: left;
		width: 118px;
		height: 78px;
		color: #7c7e73;
		background-image: url(../images/menu-pattern.gif);
		background-repeat: no-repeat;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		text-transform: uppercase;
		text-align: center;
		padding-top: 38px;
		text-decoration: none;
	}

	div#menu a:hover {
		background: url(../images/green-hover.gif);
		background-repeat: no-repeat;
		color: #ffffff;
	}
	div#menu a.on {
		background: url(../images/green-hover.gif);
		background-repeat: no-repeat;
		color: #ffffff;
	}

#banner {
	float:left;
	margin-left: 30px;
	margin-top: 0px;
	width: 709px;
	height: 216px;
	/*background: url(../images/banner.jpg);*/
}

div#content{
	float:left;
}

#left { /* zone de contenu gauche (arborescence d'une section, par ex: "profil")- left content zone*/
	float:left;
	margin:0 0 0 26px;
	width: 210px;
}
	div.leftbox { /*div pour la boite "arborescence*/
		float:left;
		width: 210px;
		margin: 20px 0 20px 0;
	}
		div.leftbox h1{
			font-size: 21px;
			color: #00007f;
			background: url(../images/green-poll.gif);
			background-repeat: no-repeat;
			text-align: left;
			padding: 0 0 0 10px;
			font-weight:normal;
		}
		div.leftbox div#news{
			float:left;
			margin:10px 0 0 0;
		}
			div.leftbox div#news a{
				display:block;
				float:left;
				width:181px;
				clear:both;
				margin:3px 5px 0 5px;
				padding:0 0 0 9px;
				background:url(../images/bullet_submenu.jpg);
				background-position:0px 3px;
				background-repeat:no-repeat;
				color:#555555;
				text-decoration:none;
			}
			div.leftbox div#news a:hover{
				background:url(../images/bullet_submenu_on.jpg);
				background-position:0px 3px;
				background-repeat:no-repeat;
				color:#248202;
			}
			div.leftbox div#news a.on{
				background:url(../images/bullet_submenu_on.jpg);
				background-position:0px 3px;
				background-repeat:no-repeat;
				color:#248202;
			}
		div#submenubox{
			float:left;
			width:200px;
			margin:10px 0 0 0;
			background:#50b116;
		}
			div#submenubox h2{
				float:left;
				width:170px;
				color:#ededf4;
				background:url(../images/submenu_top_bg.jpg);
				background-repeat:no-repeat;
				padding:11px 0 10px 30px;
				font-size:18px;
			}
			div#submenubox a{
				display:block;
				float:left;
				clear:both;
				width:185px;
				margin:3px 0 0 0;
				padding:5px 0 5px 15px;
				background:url(../images/bullet_submenu_box.gif);
				background-position:5px 10px;
				background-repeat:no-repeat;
				color:#ededf4;
				text-decoration:none;
				font-weight:bold;
				font-size:14px;
				border-bottom:1px dotted #ededf4;
			}
				div#submenubox a:hover{
					background-color:#5ac918;
				}
				div#submenubox a.on{
					background-color:#5ac918;
				}
			div#submenubox_close{
				float:left;
				width:200px;
				height:15px;
				background:url(../images/submenu_bottom_bg.jpg);
				background-repeat:no-repeat;
				margin:0 0 20px 0;
			}




div#right { /* zone de contenu droit - right content zone*/
	float:left;
	width: 500px;
	margin: 15px 0 0 0;
	/*background-color: #fff555;*/
}
	div#breadcrumb{
		margin:0 0 10px 0;
		color:#9f9f9f;
	}
		div#breadcrumb a{
			color:#9f9f9f;
		}
	div#right h1{
		/*width:480px;/*500px total*/
		clear:both;
		font-size: 21px;
		color: #00007f;
		background: url(../images/green-poll.gif);
		background-repeat: no-repeat;
		text-align: left;
		padding: 0px 0 10px 20px;
		margin: 10px 0 0 0;
		font-weight:normal;
	}
	div.roundbox{
		float:left;
		width:498px; /*510px total*/
		background:url(../images/roundbox_top_bg.jpg);
		background-repeat:no-repeat;
		padding:22px 0 0 0;
	}
		div.roundbox div.content{
			float:left;
			width:456px;
			padding:0 20px;
			border-left:1px solid #cbccc4;
			border-right:1px solid #cbccc4;
		}
			div.roundbox div.content span.title1 { /* titre concernant la div "Bienvenue sur le site de la Fondation Joseph Guiteau!" d'index.php */
				font-size: 30px;
				color: #00007F;
			}
			div.roundbox div.content span.title2 {
				font-size: 16px;
				color: #c6c7c0;
			}
		div.roundbox_close{
			float:left;
			width:498px;
			height:22px;
			background:url(../images/roundbox_bottom_bg.jpg);
			background-repeat:no-repeat;
			margin:0 0 20px 0;
		}

	div.fullbox{
		float:left;
		clear:both;
		width:500px;
	}
		div.fullbox div.content{
			padding:0 0 0 20px;
		}
	div.halfbox{
		float:left;
		width:240px; /*255px total*/
		padding:0 10px 0 0;
	}
		div.halfbox div.content{
			padding:0 0 0 20px;
		}


#footer { /* div pied de page avec pour fond un jpg*/
	float:left;
	width: 100%;
	border-top:1px solid #c1c4af;
	background:#ecefdc;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
	color: #7c7e73;
}