/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	background: #DDE5ED url(/Images/bg.gif);
	height: 100%;
}
a { color: #b3310a; text-decoration: underline; }
a:visited { color: #b3310b; }

.news_home a{
	color: #2d527d; text-decoration: none;
}
.news_home a:visited{
	color: #2d527d; text-decoration: none;
}

html
{
	margin: 0;
	padding: 0;
	height: 100%;
}


div#MainContent
{	
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:740px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#BackFireFox
{
	position: absolute;
	width: 740px;
	height: 500px;
	bottom: 0;
	left: 0;
	background: url(/Images/bg_centre.gif) repeat-y;
	z-index: 0;
}

div#Logo
{
	position: relative;
	width: 740px;
	height: 144px;
	background: url(/Images/logo.gif);
	cursor: pointer
}

div#Center
{
	position: relative;
	width: 740px;
	background:  #DD9E08 url(/Images/bg_centre.gif) repeat-y;
	height:100%;
	height:auto !important;
	min-height:100%;
	z-index: 5;
}

div#LeftSection
{
	position:relative;
	width: 236px;
	height: 900px;
	height:auto !important;
	min-height: 900px;
	display: block;
	float: left;
	background: #B02901;
	z-index: 5;	
}

div#MenuLeft
{
	position:relative;
	width: 236px;
	display: block;
	height: 100%;
	height:auto !important;
	min-height: 100%; 
}

div#RedZone
{
	position:relative;
	width: 236px;
	height: 900px;
	height:auto !important;
	min-height: 900px;
	background: transparent url(/Images/bg_red_zone.gif) top left no-repeat;
	border-top: 1px solid #B02901;
	margin-top: -1px;
}

div#RightSection
{
	position:relative;
	width: 493px;
	height: 100%;
	height:auto !important;
	min-height: 100%;
	display: block;
	float: left;
	background: #FFFFFF;
	border-right: 11px solid #DD9E08;
	z-index: 5;
}

div#BlueStripe
{
	position:relative;
	width: 493px;
	height: 31px;
	border-top: 1px solid #346191;
	background: url(/Images/bg_menu.gif);
}

div#Faces1
{
	position:absolute;
	width: 296px;
	height: 193px;
	right: 0;
	bottom: 0;
	background: url(/Images/faces01.png) bottom right no-repeat; 
}

div#Faces2
{
	position:absolute;
	width: 320px;
	height: 193px;
	right: 0;
	bottom: 0;
	background: url(/Images/faces02.png) bottom right no-repeat; 
}

div#Faces3
{
	position:absolute;
	width: 320px;
	height: 193px;
	right: 0;
	bottom: 0;
	background: url(/Images/faces03.png) bottom right no-repeat; 
}

div#ImagesBlocks
{
	position:relative;
	width: 493px;
	height: 84px;
	margin: -42px 0 0 0;
}

div#ZoneEtudiante
{	
	position:relative;
	width: 164px;
	height: 84px;
	float: left;
	cursor: pointer;
}
div#Calendrier
{	
	position:relative;
	width: 165px;
	height: 84px;
	float: left;
	cursor: pointer;
}

div#Sarca
{	
	position:relative;
	width: 164px;
	height: 84px;
	float: left;
	cursor: pointer;
}

div#TextZone
{
	position:relative;
	width: 492px;
	height: 900px;
	height:auto !important;
	min-height: 900px;
}


div#TextZone ul
{
	display: block;
	padding: 0;
	margin-left: 8px;
	color: #000000;
	
}

div#TextZone li
{
	list-style: none;
	line-height: 17px;
	background: url(/Images/square.gif) 0px 5px no-repeat ;
	padding: 0 0 0 10px;
	display: block;
	list-style-position: outside;
	color: #000000;
}

div#LeftColumn
{
	position:relative;
	float:left;
	width: 231px;
	height: 100%;
	height:auto !important;
	min-height: 100%;
	margin: 0px 5px 10px 10px;
}

div#LeftColumn p
{
	font: normal 11px Tahoma;
	text-align: justify;
	margin: 0;
	padding: 0px 0 10px 0;
}

div#LeftColumn ul
{
	font: normal 11px Tahoma;
	color: #11457E;
	margin: 0;
	display: block;
	padding: 0;
}

div#LeftColumn li 
{
	list-style: none;
	line-height: 20px;
	height: 20px;
	background: url(/Images/square.gif) center left no-repeat ;
	padding: 0 0 0 10px;
	display: block;
	list-style-position: outside;	
}



div#RightColumn
{
	position:relative;
	float:left;
	width: 231px;
	height: 100%;
	margin: 0px 10px 10px 5px;
}

div#RightColumn p
{
	font: normal 11px Tahoma;
	margin: 0 20px 0 10px;
	
}

div#RightColumn a
{
	font: normal 11px Tahoma;
	text-decoration: none;
	margin: 0 20px 0 0px;
	color: #000000
}

div#BackPostIt
{
	position: relative;
	width: 231px;
	background: url(/Images/bg_post_it.gif) repeat-y;
		
}

div#PostIt
{
	width: 232px;
	height: 230px;
	background: #FFD05F url(/Images/bottom_post_it.gif) bottom left no-repeat;
}

div#PostIt p
{
	font: normal 11px Tahoma;
	color: #B02901;
	line-height: 13px;
	margin: 5px 10px 10px 10px;
}

div#BoxTelechargez
{
	position:relative;
	width:223px;
	background: #C3D0DF url(/Images/bg_box_brochure.gif) no-repeat;
	border: 1px solid #88A2B2;
}

div#BoxTelechargez p
{
	font: normal 11px Tahoma;
	margin: 25px 20px 8px 8px;
}

div#BoxAlerte
{
	position: relative;
	width: 221px;
	background: #FFE094 url(/Images/bg_box_alerte.gif) no-repeat;
	border: 1px solid #DD9E08;
	
}

div#BoxAlerte div
{
	font: bold 11px Tahoma;
	color: #B02901;
	text-align: center;	
	width: 220px;
	margin: 8px 0 0 0;
}

div#BoxAlerte p
{
	font: normal 11px Tahoma;
	text-align: center;	
	margin: 0;
	padding: 7px;
}

div#EnteteNiveau
{
	position:relative;
	width: 473px;
	height: auto;	
}

div#EnteteBottomSpacer
{
	height: 10px;	
}

div#ULMenu
{
	position:relative;
	background: #DEE5ED;
	width: 231px;
	float: left;
	margin: 0 10px 0 0;
	
}

div#ULMenu ul
{
	margin: 4px 4px 6px 6px;
	display: block;
	padding: 0;
}

div#ULMenu li
{
	list-style: none;
	line-height: 18px;
	height: 18px;
	background: url(/Images/bullet.gif) center left no-repeat ;
	padding: 0 0 0 10px;
	display: block;
	list-style-position: outside;
}

div#ULMenu li a
{
	font: normal 11px Tahoma;
	color: #11457E;
	text-decoration:none;
}

div#LevelColumn
{
	margin: 0 10px 40px 10px;
	font: normal 11px Tahoma;
	text-align: justify;
	height: 100%;
	height: auto;
	min-height: 100%;	
}

div#LevelColumn p
{
	margin: 0 0 13px 0;
}

div#LevelColumn p.titre
{
	font: bold 14px Tahoma;
	color: #DD9E08;
	margin: 20px 0 15px 0;
	padding: 15px 0 0 0;
}

.titre
{
	font: bold 14px Tahoma;
	color: #DD9E08;
	margin: 20px 0 15px 0;
	padding: 15px 0 0 0;
}

.sousTitre
{
	font: bold 11px Tahoma;
	color: #000000;
	margin: 0;
	padding: 0;
}

div#LevelColumn p.sousTitre
{
	font: bold 11px Tahoma;
	color: #000000;
	margin: 0;
	padding: 0;
}



div#LevelColumn p a
{
	color: #B02901;
}

div#LevelColumn ul.text
{
	display: block;
	padding: 0;
	margin-left: 8px;
}

div#LevelColumn ul.text li
{
	list-style: none;
	line-height: 17px;
	height: 17px;
	background: url(/Images/square.gif) center left no-repeat ;
	padding: 0 0 0 10px;
	display: block;
	list-style-position: outside;
}



div#ContainerPhoto
{
	position:relative;
	margin: 0 0 0 0;
}

div#ContainerPhoto div.photo
{
	float:left;
	border: 1px solid #88A2BE;
	margin: 8px 6px 16px 14px;
}

div#ContainerPhoto div.photo img
{
	margin: 3px 3px 1px 3px;
}

div#LevelColumn .photo
{
	border: 1px solid #88A2BE;
}

div#ListPS
{
	position:relative;
	width: 216px;
	height: auto;
	margin: 56px 10px 10px 10px;
}

div#ListPS .pointService1
{
	position:relative;
	width: 216px;
	height: 70px;
	border-bottom: 1px solid #BC4927;
	z-index: 5;
	float: left;
}

div#ListPS .pointService2
{
	position:relative;
	width: 216px;
	height: 80px;
	border-bottom: 1px solid #BC4927;
	float: left;
}

div#ListPS .pointService3
{
	position:relative;
	width: 216px;
	height: 70px;
	float: left;
}

#clearleft{
	clear:left;
}

div#ListPS .photo
{
	position:relative;
	float: left;
	width: 76px;
	margin: 10px 10px 10px 0;
}

div#ListPS .text
{
	position:relative;
	width: 130px;
	float: left;
	margin: 8px 0 10px 0
}

div#ListPS p
{
	font: normal 10px Tahoma;
	line-height: 11px;
	padding: 0;
	margin: 0 0 3px 0;
	color: #FFFFFF;
}

div#Footer
{

	position:relative;
	width: 740px;
	height:  100%;
	background: url(/Images/bg_centre.gif) repeat-y;
	float: left;
	bottom: 0;
	left:0; 
}

div#FooterRight
{
	position:relative;
	width: 493px;
	margin-left: 236px;
	height: 58px;
	background: #FFFFFF;
	border-top: 1px solid #DEE5ED;
	z-index: 5;
}

div#Copyright
{
	position: relative;
	width: 360px;
	height: 28px;
	margin: 15px 0 15px 10px;
	float: left;	
	padding: 0;
}

div#Copyright p
{
	font: normal 10px Tahoma;
	color: #11457E;
	line-height: 13px;
	margin: 0;
	padding: 0;
}

div#LogoFooter
{
	position: relative;
	width: 112px;
	height: 58px;
	float: left;
	background: url(/Images/logo_footer.gif);
}