/* CSS pour la PAGE */

body {
	background-image: url(images/fond_site.jpg); /*url(demo/fond.jpg);*/
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
}

#marge_menu{
	width: 1240px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	/*border: 1px solid #00CC00;*/
}

#tableau{
	height: auto;
	margin-right: auto;
	margin-left: auto;
}


/* CSS pour le MENU */

#DIV_MOVE{
	/* garder le nom DIV_MOVE car est utiliser dans le javascript */
	/* impérativement laisser POSITION=ABSOLUTE */
	position: absolute;
	width: 239px;
	height: 520px;
	margin-top: 50px;
	background-image: url(images/fond_menu.png);
}

#sommaire{
	width: 239px;
	height: 347px;
	margin-top:10px;
	background-image: url(images/cadre_sommaire.png);
}

#sequence{
	width: 239px;
	height: 239px;
	background-image: url(images/cadre_piste_pedagogiques.png);
}

#blancmenu{
	height: 42px;
}

#bouton{
	width: 228px;
	height: 55px;
	margin-left: 5px;
}


/* CSS pour CONTENU PAGE */

#texteintro {
	font-size: 16px;
}

#grandtitre {
	font-size: 20px;
	font-weight: bold;
	color: #0099FF;
}

#petittitre {
	font-size: 16px;
	font-weight: bold;
	color: #0099FF;
}

#texte {
	font-size: 14px;
}

a:link {
	color: #0099FF;
	text-decoration: none;
}
a:visited{
	color:#0099FF;
	text-decoration: none;
}
a:hover{
	color:#0099FF;
	font-weight: bold;
}
a:active{
	color:#0099FF;
	text-decoration: none;
}

#test{
	text-align: center;
	margin-top: 800px;
}


/* CSS pour div ALERT */

#alertbox {
	position:absolute;
	background-color: #86c4ff;
	border: 1px solid #333333;
	padding:10px;
	width: 300px;
	height:60px;
	margin-top: 200px;
	left: 50%;
	margin-left: -150px; /* moitié de la largeur */
}
.button {
	width:40px;
	height:25px;
	font-size:11px;
	font-family: tahoma;
}