body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(images/bg.gif);
}
img {
	border: none;
}
form {
	margin: 0px;
}
a {
	color: #002F64;
	text-decoration: underline;
}
a:hover {
	color: #EB8500;
	text-decoration: underline;
}
#page {
	margin: 0 auto;
	padding: 0px;
	width: 766px;
	background: #D9E0E8 url(images/bg-page.gif) top repeat-x;
}
#borderholder {
	background: url(images/bg-border.gif) repeat-y;
	padding: 0px 5px 10px 5px;
	text-align: left;
	border-bottom: 1px solid #002F64;
}
#menuleft {
	float: left;
	width: 116px;
}
#menuholder {
	background: url(images/bg-menu.gif) repeat-y;
}
	#menuholder div {
		background: url(images/bg-menu-top.gif) top no-repeat;
		padding-left: 10px;
		
	}
	
		#nav{
			position: relative;
			z-index: 100;
		}
		#nav, #nav li {
			list-style: none;
			margin: 0px;
			padding: 0px;
			text-align: right;
		}
		#nav li {
			position: relative;
			/*display: inline;*/
			font-size: 8pt;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			border-left: 1px solid #002F64;
		}
		#nav li a {
			width: 105px;
			display: block;
			background: #FFFFFF url(images/bg-menu-a.gif) bottom repeat-x;
			color: #002F64;
			text-decoration: none;
			border-bottom: 1px solid #002F64;
		}
	
			#nav li a:hover {
			display: block;
			background: #002F64 url(images/bg-menu-a-over.gif) bottom repeat-x;
			color: #FFFFFF;
			text-decoration: none;
			}
		#nav li a span {
			display: block;
			padding: 5px 7px;
			cursor: pointer;
		}
		#nav li.first {
			border-left: none;
		}
		#nav li.first a {
			width: 106px;
			display: block;
			background: url(images/bg-first.gif) no-repeat;
			color: #002F64;
			text-decoration: none;
		}
		#nav li.first a:hover {
			display: block;
			background: url(images/bg-first-over.gif) no-repeat;
			color: #FFFFFF;
			text-decoration: none;
		}
		#nav li.first a span {
			padding: 15px 10px 5px 10px;
		}
			/* Liens 2eme Niveau */
			#nav li ul {
				position: absolute; 
				top: -1px;
				left: -999em;
				width: 180px;
				border-top: 1px solid #002F64;
			}
			#nav li ul li {
				border-left: 1px solid #002F64;
				border-right: 1px solid #002F64;
				text-align: left;
			}
			#nav li ul li a {
				width: 178px;
				display: block;
				float: none;
				background: #F1F6FB;
				color: #537EAD;
				border-bottom: 1px solid #002F64;
			}
			#nav li ul li a:hover {
				background: #537EAD;
				color: #FFFFFF;
			}
			/* END Liens 2eme Niveau */
		#nav li:hover ul li ul, #nav li:hover ul li ul li ul, #nav li.sfhover ul li ul, #nav li.sfhover ul li ul li ul {
			left: -999em;
			display: none;
		}
		#nav li:hover ul, #nav li ul li:hover ul, #nav li ul li ul li:hover ul, #nav li.sfhover ul, #nav li ul li.sfhover ul, #nav li ul li ul li.sfhover ul { /* lists nested under hovered list items */
			left: 65px;
			display: block;
		}
		
		
		/***  Menu de la fondation  ***/
		
		#nav #navFondation li a {
			background: #FFFFFF url(images/fondation/bg-menu-a.gif) bottom repeat-x;
			color: #6D8808;
			}	
		#nav #navFondation li a:hover {
			background: #002F64 url(images/fondation/bg-menu-a-over.gif) bottom repeat-x;
			color: #FFFFFF;
			}
		#nav #navFondation li.first a {
			width: 106px;
			display: block;
			background: url(images/fondation/bg-first.gif) no-repeat;
			color: #6D8808;
			text-decoration: none;
		}
		 #nav #navFondation li.first a:hover {
			display: block;
			background: url(images/fondation/bg-first-over.gif) no-repeat;
			color: #FFFFFF;
			text-decoration: none;
		}	
			
		/***  FIN Menu de la fondation  ***/
		
		

#columnright {
	float: right;
	width: 640px;
	background: #FFF3CE url(images/bg-col-right.gif) top repeat-x;
}
#header {
	width: 640px;
	height: 159px;
}
	#logoholder {
		padding: 38px 10px 10px 21px;
		background: #FFFFFF url(images/bg-logo.gif) left top no-repeat;
		float: left;
	}
	#headerimage {
		float: left;
	}
#columnsholder {
	width: 640px;
	background: url(images/bg-column-holder.gif) repeat-y;
}
#colLeft {
	float: left;
	width: 143px;
}
	#colLeft img.bordered {
		border: 1px solid #002F64;
	}
	#pictureholder {
		background: #FFFFFF url(images/bg-border-right.gif) top right no-repeat;
		padding: 0px 10px 10px 10px;
		margin: 0px 10px 0px 11px;
		border-bottom: 1px solid #002F64;
	}
	#newsletter {
		margin: 5px 0px 0px 11px;
	}
		#nlcontent {
			background: #FFFFFF url(images/bg-info-courriel.gif) left top no-repeat;
			border-right: 1px solid #002F64;
			border-bottom: 1px solid #002F64;
			text-align: left;
			margin-right: 10px;
			color: #002F64;
			font-size: 9px;
			font-weight: bold;
			padding: 0px 0px 0px 10px;
		}
		#nlcontent input {
			width: 90px;
			color: #002F64;
			font-size: 9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			padding: 3px;
			border: 1px solid #002F64;
			margin-top: 8px;
		}
		#nlcontent input.btn {
			color: #FFFFFF;
			font-size: 9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding: 3px;
			border: 1px solid #002F64;
			margin: 8px 0px;
			background: #D27900;
		}
#colCenter {
	float: left;
	width: 311px;
}
#colCenterFull {
	float: left;
	width: 497px;
}
#colCenter h1, #colCenterFull h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: url(images/bg-titres.gif) bottom repeat-x;
	font-size: 16pt;
	color: #E48F25;
	height: 41px;
	border-left: 1px solid #002F64;
	border-right: 1px solid #002F64;
}
	html>body #colCenter h1, html>body #colCenterFull h1{height: auto; min-height: 41px;}
	
#colCenter h1 span, #colCenterFull h1 span {
	display: block;
	padding: 15px 11px 0px 11px;
}
#colCenter h2, #colCenterFull h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 15px 10px 0px 10px;
	font-size: 11pt;
	color: #002F64;
}
#colCenter h3, #colCenterFull h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 15px 10px 15px 10px;
	font-size: 9pt;
	color: #002F64;
	font-weight: normal;
}
#colCenter ul.liste li, #colCenterFull ul.liste li {
	color: #002F64;
	padding-bottom: 5px;
	padding-right: 100px;
	font-size: 11px;
	font-weight: bold;
}
#colCenter ul.cite li, #colCenterFull ul.cite li {
	color: #002F64;
	padding-bottom: 0px;
	padding-right: 100px;
	font-size: 11px;
	font-weight: normal;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#colCenter ul.nw li, #colCenterFull ul.nw li {
	font-weight: normal;
}
#colCenter ol li, #colCenterFull ol li {
	color: #002F64;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
}
#colCenter ol.bigl li, #colCenterFull ol.bigl li {
	color: #002F64;
	padding-bottom: 30px;
	padding-right: 10px;
	font-size: 10pt;
	font-weight: bold;
	text-align: justify;
}
	#colCenter ol.bigl li span, #colCenterFull ol.bigl li span {
		font-size: 11px;
		font-weight: normal;
	}
#colCenter p, #colCenterFull p {
	margin: 0px;
	padding: 5px 10px 10px 10px;
	font-size: 11px;
	color: #002F64;
	text-align:left;
}
#colCenterFull p {
	padding: 5px 20px 10px 10px;
}
#colCenter cite, #colCenterFull cite{
	display: block;
	margin: 0px 10px;
	padding: 5px 0px 10px 20px;
	font-size: 11px;
	color: #002F64;
	text-align:left;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
	#colCenter cite.start, #colCenterFull cite.start{background: url(images/bg-cite-left.gif) top left no-repeat;}
	#colCenter cite.end, #colCenterFull cite.end{background: url(images/bg-cite-right.gif) bottom right no-repeat;}
#colCenterFull cite {
	padding: 5px 20px 10px 30px;
}
#colCenter img.bordered, #colCenterFull img.bordered {
		border: 1px solid #002F64;
	}
#colRight {
	float: right;
	width: 186px;
}
	#teasers {
		width: 176px;
		float: right;
	}
	#teasers div {
		margin-right: 1px;
		background: #FFFFFF url(images/bg-border-right.gif) top left no-repeat;
		padding: 0px 0px 0px 11px;
		text-align: right;
		border-bottom: 1px solid #002F64;
	}
	#teasers ul, #teasers ul li {
		list-style: none;
		padding: 0px;
		margin: 0px;
		display: inline;
	}
	#teasers ul li img {
		display: block;
		margin: 0px;
	}
	#nouvelles, #newsFond, #activFond, #potinsFond{
		float: right;
		width: 176px;
		margin-top: 10px;
	}
	#nouvelles div, #newsFond div, #activFond div, #potinsFond div {
		border: 1px solid #002F64;
		background: #FFFFFF;
	}	
	
	#nouvelles h2, #newsFond h2, #activFond h2, #potinsFond h2 {
		margin: 0px;
		padding: 5px 10px;
		font-family: Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #002F64;
		background: url(images/bg-nouvelles.gif) repeat-y;
		color: #FFFFFF;
		font-size: 11pt;
		font-style: italic;
	}
	#newsFond h2 {
		background: url(images/bg-nouvelles.gif) repeat-y;
	}
	#activFond h2 {
		background: url(images/bg-activites.gif) repeat-y;
	}
	#potinsFond h2 {
		background: url(images/bg-potins.gif) repeat-y;
	}
	#nouvelles h2 span, #newsFond h2 span, #activFond h2 span, #potinsFond h2 span {
		font-size: 12pt;
		color: #FFB300;
		font-weight: bold;
	}
	#activFond h2 span, #potinsFond h2 span {
		color: #003366;
	}
	
	#nouvelles ul, #nouvelles ul li, #newsFond ul, #activFond ul, #potinsFond ul, #newsFond ul li, #activFond ul li, #potinsFond ul li {
		margin: 0px;
		padding: 0px;
		list-style: none;
		color: #002F64;
		font-size: 8pt;
	}
	#nouvelles ul li, #newsFond ul li, #activFond ul li, #potinsFond ul li  {
		background: url(images/bullet-1.gif) top left no-repeat;
		padding: 7px 5px 5px 20px;
		display: block;
	}
	#allnouvelles a, #FondAll a, #activAll a, #potinsAll a {
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		border: 1px solid #002F64;
		border-top: none;
		font-weight: bold;
		color: #FFFFFF;
		text-align: right;
		padding: 5px 10px;
		background: #CF7600;
		font-size: 8pt;
		display: block;
		text-decoration: none;
	}
	#FondAll a {
		background: #003366;
	}
	#activAll a {
		background: #FF9900;
	}
	#potinsAll a {
		background: #669900;
	}

	#allnouvelles a:hover, #FondAll a:hover, #activAll a:hover, #potinsAll a:hover {
		float: right;
		border: 1px solid #002F64;
		border-top: none;
		color: #FFFFFF;
		background: #FFB300;
		text-decoration: none;
	}
	
	
#colEnd {
	width: 640px;
	background: url(images/bg-footer.gif) bottom no-repeat;
	clear: both;
	padding-bottom: 5px;
}
	#colEnd a {
		display: block;
		float: right;
		border: 1px solid #002F64;
		font-weight: bold;
		font-size: 7pt;
		text-decoration: none;
	}
	#colEnd a span {
		display: block;
		background: #FFFFFF;
		padding: 5px 15px;
		color: #002F64;
	}
	#colEnd a:hover span {
		display: block;
		background: #406288;
		padding: 5px 15px;
		color: #FFFFFF;
	}
center {
	font-size: 10px;
	color: #002F64;
	margin: 15px 0px;
}
.tableHolder{
	position: relative;
	width: 100%;
	text-align: left;
}
.tableHolder div{
	position: relative;
	padding: 5px 10px 10px 10px;
}
.tableHolder table{
	width: 100%;
}
.tabList {
	margin-right: 20px;
	margin-left: 0px;
}
.tabList li {
	background: #FFFFff;
	padding: 5px;
	margin-bottom: 10px;
	list-style: none;
	color: #002F64;
	font-size: 8pt;
	margin-left: 0px;

}
.tlist span {
	font-weight: bold; 
}
tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002F64;
	margin: 0px;
	padding: 18px 10px 10px 10px;
}

/* Page incription.asp - Inscription en ligne */
#inscription input {
			font-weight: normal;
			padding: 3px;
			margin-top: 8px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #002F64;
		}
.txtarea {
	font-weight: normal;
	padding: 3px;
	margin-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002F64;
}
/* Liste à puces pour les albums photos */
#album li {
		background: url(images/bullet-1.gif) top left no-repeat;
		padding: 5px 0px 0px 20px;
		margin: 0px;
		display: block;	
	}
#album ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: block;	
	}
/* Liste à puces pour tous les autres */
#listepuce li {
		background: url(images/bullet-1.gif) top left no-repeat;
		padding: 5px 0px 0px 10px;
		margin: 0px;
		display: block;	
	}
#listepuce ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: block;	
	}	
/* Liste à puces pour voir toutes les nouvelles */
#nouvelles2 li {
		font-size: 10pt;
		color: #FFB300;
		background: url(images/bullet-1.gif) top left no-repeat;
		padding: 4px 0px 0px 10px;
		margin: 0px;
		display: block;	
	}
#nouvelles2 ul {
		font-size: 10pt;
		color: #FFB300;
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: block;	
	}
#nouvelles2 a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #002F64;
		margin: 0px;
		padding: 4px 0px 0px 10px;
		list-style: none;
		display: block;	
	}

#nouvelles2 a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #FFB300;
		margin: 0px;
		padding: 4px 0px 0px 10px;
		list-style: none;
		display: block;	
	}

/* Page pop up pour l'album photos*/
#popupHolder{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 650px;
 	border: 2px solid #FFFFFF;
}
#LegendePic{
	margin: 0 auto;
	padding: 0px;
	width: auto;
	color: #002f64;
	font-size:13px;
	padding: 5px 15px;
	text-align: center;
	display: block;
	background: #fdc461;
	border: 0px;
}
#backbuttons{
	background: #ffd992;
	height: auto;
	border-top: none;
	padding: 0px;
}
#buttons{
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	width: 260px;
}
#buttons a{
	float: left;
	display: block;
	font-weight: bold; 
	color: #FFFFFF;
	font-size:12px;
	background: #ffa60b;
	text-decoration: none;
}
#buttons a:hover{
	background: #fdc461;
	color: #FFFFFF;
	text-decoration: none;
}
#buttons a span{
	float: left;
	display: block;
	padding: 5px 15px;
	text-align: center;
	cursor: pointer;
}
table.monthbox{
		border: 1px solid #002F64;
		border-bottom: none;
		border-left: none;
		background-color:#fff9ec;
	}
		table.monthbox td{
			border-left: 1px solid #002F64;
			border-bottom: 1px solid #002F64;
			padding: 2px;
			vertical-align: top;
		}
		table.monthbox tr.month td{
			text-align: center;
			font-weight: bold;
			padding: 4px 2px;
			background-color:#002F64;
			color:#FFFFFF;
		}
		table.monthbox tr.week td{
			text-align: center;
			font-weight: bold;
		}
		table.monthbox tr td div{
			font-size: 9px;
			text-align: right;
			padding-top: 2px;
		}
		
/* Page calendrier*/
table.calendrier, table.calendrier td{
	padding: 0px;
	margin: 0px;
}
td.conge 
{
	background-color:#ab1d00;
	text-align:center;
	color:#FFFFFF;
}
td.pedag 
{
	background-color:#ffce59;
	text-align:center;
}
td.demipedag 
{
	background-color:#F9951C;
	text-align:center;
}
td.examen 
{
	background-color:#a8d657;
}
td.rien 
{
	text-align:center;
}
table.activites{
	margin-left: 8px;
	margin-top: 15px;
}
table.activites td{
	padding: 5px;
	background: #ffedc1;
	vertical-align: top;
}
table.activites tr.alt td, table.activites td.alt{
	background: #fff8e5;
}
table.activites tr.titre td{
	font-weight: bold;
	background: #d9e0e8;
}
table.activites tr.week td{
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 20px 5px 5px 5px;
	color: #e48f25;
}
	table.activites tr.week td span{
		text-transform: none;
		font-size: 11px;
		font-weight: normal;
	}
div.ullist h4{
	margin: 0px 80px 5px 10px;
	padding: 0px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	border-left: 2px solid #002f64;
	border-bottom: 1px dashed #002f64;
}
	div.ullist h4 a{
		display: block;
		width: 405px;
		color: #002f64;
		text-decoration: none;
		background: #FFFFFF;
	}
	div.ullist h4 a:hover{
		color: #FFFFFF;
		background: #002f64;
		text-decoration: none;
	}
		div.ullist h4 a span{
			display: block;
			padding: 5px 10px;
		}
div.ullist ul{
	font-size: 11px;
	padding: 0px;
	margin: 0px 100px 10px 20px;
	list-style: none;
	color: #366a8b;
}
	div.ullist ul li{
		padding: 5px 10px 5px 10px;
		margin: 0px;
		list-style: none;
		background: #FFFFFF;
		border-left: 2px solid #4471a4;
	}
	div.ullist ul li strong{color: #002f64;}

/* ------------ Portes ouvertes ------------ */
#colCenterFull div.tPortes{
	color: #000000;
	font: normal 12px Arial, Helvetica, sans-serif;
}
	#colCenterFull div.tPortes h2{
		text-transform: uppercase;
		color: #df1f27; 
		font-weight: bold;
		font-size: 23pt;
		padding: 10px 10px 0px 10px; 
		margin: 0px 0px 0px 5px;
	}
	#colCenterFull div.tPortes h3{
		color: #000000; 
		font-weight: bold;
		font-size: 11pt;
		padding: 10px 10px 0px 10px; 
		margin: 0px 5px 0px 0px;
	}
	#colCenterFull div.tPortes strong{
		display: block;
		font-size: 11pt;
	}
	#colCenterFull div.tPortes ul{
		font: normal 12px Arial, Helvetica, sans-serif;
		padding: 0px;
		margin: 10px 0px 0px 25px;
		list-style: outside;
		line-height: 15px;
	}
	#colCenterFull div.tPortes div.right ul{
		margin: 10px 0px 0px 30px;
	}
		#colCenterFull div.tPortes ul li{
			margin: 0px;
			padding: 0px;
		}
		#colCenterFull div.tPortes div.right ul li{
			padding: 0px 0px 10px 0px;
		}

#colCenterFull div.redbox{
	background: #df1f27; 
	padding: 10px 10px 5px 10px; 
	margin: 10px 5px 0px 0px; 
	color: #ffffff;
	font: normal 14px Arial, Helvetica, sans-serif;
}
	#colCenterFull div.redbox h3{
		text-transform: uppercase; 
		color: #fdbe56; 
		font-weight: bold;
		font-size: 16pt;
		padding: 0px 0px 5px 0px; 
		margin: 0px;
	}
	#colCenterFull div.redbox p{
		color: #FFFFFF;
		padding: 0px 0px 10px 0px;
		margin: 0px;
		font-size: 15px;
		font-weight: bold;
		line-height: 15px;
	}
	
#colCenterFull div.yellowbox{
	background: #fdbe56; 
	padding: 10px; 
	margin-left: 5px; 
	color: #df1f27;
	font: bold 11pt Arial, Helvetica, sans-serif;
}
	#colCenterFull div.tPortes div.yellowbox ul{
		font-size: 11pt;
		font-weight: bold;
		color: #000000;
		margin: 10px 0px 0px 18px;
	}
		#colCenterFull div.yellowbox li span{
			color: #df1f27;
		}
/* ------------ Fin Portes ouvertes ------------ */


div.maplink{text-align: right;}
	div.maplink a{text-decoration: none;}
		div.maplink a span{
			text-decoration: none;
			font-size: 10px;
			font-weight: bold;
			display: block;
			padding: 5px 0px;
		}
.imgcredit {		
	text-align: center;
}
.imgcredit span{
	display: block;
	font-size: 10px;
	font-style: italic;
	margin-top: 3px;
	color: #996600;
}


#breaking {
	background: #cbe3fd url(images/teasers/special-mid.gif) repeat-y;
	text-align: left;
	float: right;
	width: 176px;
	margin-top: 10px;	
	border: none;
	border-right: 1px solid #002F64;
}

	#breaking h2 {
		height: 58px;
		background: url(/images/teasers/special-top.gif) no-repeat top;	
		margin: 0px;
		padding: 14px 16px 0 16px;
		font-family: Arial, Helvetica, sans-serif;
		color: #c40000;
		font-size: 11pt;
		font-style: italic;
	}	
	
	#breaking p {
		margin: 0px;
		padding: 0 13px 10px 13px;
		font-size: 11px;
		text-align:left;
}

	#breakbottom {
		height: 36px;
		background: url(/images/teasers/special-bot.gif) no-repeat bottom;}
		
.facebook {background:url(/images/bg-facebook.gif) no-repeat right 0;height:193px;padding:17px 0 0 33px;}
.facebook a {background:url(images/btn-facebook.gif) no-repeat 0 0;display:block;height:60px;width:61px;}
.facebook span {display:none;}