@charset "utf-8";

/* CSS Document */

body
{
	margin:0;
	padding:0;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-color:#000;
}

td { vertical-align:top; }

.col01 { height:146px; }

.col02 { }

.col03 { }

.col01, .col02, .col03, .principal { width:640px; }

.principal
{
	background-image:url(../img/bg-plan.gif);
	background-repeat:no-repeat;
	width:640px;
	position:relative;
	top: 0px;
	left: 0px;
	z-index:1;
	margin-top:176px;
		margin-left:240px;
}

#htmlElement
{
	padding: 10px;
	background-color: #000;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:10px;
}

h2
{
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.black_overlay
{
	display:none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #999999;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}

.mouseover_content
{
	display:none;
	position:relative;
	top: -420px;
	left: 150px;
	width: 335px;
	height: 275px;
	background:url(../img/cadre.png);
	z-index:1002;
	overflow: auto;
}

.mouseover_content h1 { margin:12px; font-size:13px; color:#000; }

.mouseover_content p { margin:12px; font-size:12px; }

.mouseover_content a
{
	margin:12px;
	text-decoration:none;
}

/*.click_content a
{
	margin:10px;
	text-decoration:none;
}

.click_content
{
	display:none;
	position:relative;
	top: 150px;
	left: 300px;
	width: 600px;
	height: 500px;
	border: 10px solid #4c6bb3;
	padding:25px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.click_content p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px;
}
*/
img { border:none; }

#contenu
{
	margin:10px auto;
	background:url(../img/fond.jpg);
	width:1024px;
	height:800px;
}

#safran
{
	width:80px;
	height:67px;
	margin:0 0 0 15px;
}

#sachem
{
	margin:1px 0 0 11px;
	width:80px;
	height:67px;
}

#service_aide_ang
{
	margin:23px 0 0 8px;
	width:80px;
	height:67px;
}

#atelier_philo
{
	margin:82px 0 0 6px;
	width:80px;
	height:67px;
}

#iperzone
{
	margin:8px 0 0 460px;
	width:80px;
	height:67px;
}

#projets { margin:14px 0 0 460px; }

#encadrement { margin:12px 0 0 448px; }

#orientation { margin:3px 0 0 7px; }

#dificulte { margin:46px 0 0 14px; }

#prevention { margin:58px 0 16px 18px; }

#dificulte_person { margin:46px 0 0 20px; }

#gestion { margin:12px 0 0 86px; }

#difficultes { margin:12px 0 0 10px; }

#cheminement { margin:14px 0 0 2px; }

#aide { margin:8px 0 0 4px; }

#urgence { margin:75px 0 0 60px; }

#bibliotheque { margin:12px 0 0 10px; }

#fermer { float:right; }