/* ------------------------------- */
/* -- CSS By Prezenz			-- */
/* -- http://www.prezenz.com	-- */
/* -- Copyright 2009			-- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	line-height:normal;
}

body {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFF;
}

/* ------------------------------- */
/* -- WEBSITE					-- */
/* ------------------------------- */

div#page { 
	margin:0 auto 0 auto; 
	position: relative;
	text-align: left;
}

/* ------------------------------- */
/* -- COMMUN					-- */
/* ------------------------------- */

a { 
	color:#56A168;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#FFF;
}

h1 {
	color:#56A168;
	font-size:18px;
	margin-bottom:10px;
}

h2 {
	color:#5C81AF;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	margin-bottom:5px;
}

h3 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin-bottom:5px;
}

hr {
	padding:0px;
	margin:0px;
	color:#CCC;
	border:0px;
	border-top:1px solid #CCC;
	margin-top:15px;
	margin-bottom:15px;
}

/* ------------------------------- */
/* -- FORM						-- */
/* ------------------------------- */

select {
	border:1px solid #999;
	padding:2px;
}

input {
	border:1px solid #999;
	padding:2px;
}
	

/* ------------------------------- */
/* -- HEADER					-- */
/* ------------------------------- */

div#header {
	position:relative;
	background:none;
}

	div#header #logo {
		display:none;
	}

	div#header #logo a {
		display:block;
		height:70px;
		text-decoration:none;
	}

	div#header #logoprint {
		display:block;
	}

/* ------------------------------- */
/* -- MENU						-- */
/* ------------------------------- */

div#menu {
	height:35px;
	background-image:url(../../images/theme/menu-top.jpg);
	background-repeat:no-repeat;
	padding-left:180px;
	padding-right:180px;
        display:none;
}

	div#menu ul {
		list-style:none;
		display:inline;
		float:right
	}
	
	div#menu ul li {
		list-style:none;
		display:inline;
	}
	
	div#menu ul li a {
		display:block;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		color:#AACAE3;
		font-size:12px;
		float:left;
		text-decoration:none;
	}
	
	div#menu ul li a:hover {
		color:#FFF;
	}
	
	div#menu ul li a.active {
		color:#FFF;
	}

/* ------------------------------- */
/* -- MAIN						-- */
/* ------------------------------- */

div#main {
	position:relative;
}

/* --------------------- left */

div#main #left {
	display:inline-block;
	width:180px;
	vertical-align:top;
        display:none;
}

	
	/* --------------------- menu */

	#left ul {
		list-style:none;
		line-height:0px;
		padding:0px;
		margin:0px;
	}

	#left ul li {
		list-style:none;
		line-height:0px;
		padding:0px;
		margin:0px;
	}

	#left ul li a {
		color:#AACAE3;
		display:block;
		background:#5792CA;
		text-align:right;
		padding:7px 15px 5px 0px;
		text-decoration:none;
		background-image:url(../../images/theme/line-menu-left.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}

	#left ul li a:hover {
		color:#FFF;
	}

	#left ul li a.active {
		color:#FFF;
	}

	#left ul ul {
		list-style:none;
		padding:0px;
		margin:0px;
		background-image:url(../../images/theme/line-menu-left-grey.jpg) !important;
		background-position:top !important;
		background-repeat:no-repeat !important;
		background:#AACAE3;
	}

	#left ul ul li {
		list-style:none;
		padding:0px;
		margin:0px;
		background:none;
	}

	#left ul ul li a {
		color:#5792CA;
		display:block;
		background:none;
		border:0px;
		text-align:right;
		padding:5px 15px 5px 15px;
		font-size:11px;
	}

	#left ul ul li a:hover, #left ul ul li a.active {
		color:#000;
		display:block;
		background:none;
		border:0px;
		text-align:right;
		padding:5px 15px 5px 15px;
		font-size:11px;
	}
	
/* --------------------- center */

div#main #center {
	margin:0px;
	padding:0px;
	width:550px;
	padding:20px;
	vertical-align:top;
}

div#main #center ul {
	padding:0px 20px;
	list-style-type:disc;
	color:#555555;
	}

div#main #center ul li {
	line-height:1.5em;
}

/* --------------------- right */

div#main #right {
	display:table-cell; 
	display:inline-block;
	width:180px;
	padding:0px;
	margin:0px;
	padding-top:15px;
	vertical-align:top;
	color:#999;
        display:none;
}

	/* --------------------- box */

	#right .box {
		padding:5px;
	}
	
	#right label {
		color:#4B7FAF;
	}
	
	#right a {
		color:#000;
		text-decoration:none;
	}
	
	#right a:hover {
		color:#999;
	}

	#right h2 {
		font-style:normal;
		color:#666666;
	}
	
	#right .more {
		clear:both;
		text-align:right;
		display:block;
	}
	
	ul.listlink {
		list-style:none;
		font-size:12px;
		list-style-image:url(../../images/theme/arrow-link.jpg);
		margin-left:20px;
	}
	
	ul.listlink li a {
		color:#666 !important;
	}
	
	ul.listlink li a:hover {
		color:#000 !important;
	}
	
	/* -------------------------------- */
	/* Calendrier					 -- */
	/* -------------------------------- */
	
	#right #calendar {
		margin:0px;
		padding:1px;
		padding-bottom:5px;
		padding-top:5px;
		margin-top:5px;
		margin-bottom:5px;
		background-color:#FFF;
		border-left:1px solid #EBEBEB;
	}
	
	#right #calendar h2 {
		color:#4B7FAF;
	}
	
	.calendrier-menu {
		text-align:center;
		width:100%;
	}
	
	.calendrier td, .calendrier-menu td {
		padding:2px;
		font-size:11px;
		text-align:center;
	}
	
	.calendrier td a {
		border:1px solid #EBEBEB;
		padding:3px;
		color:#999 !important;
		display:block;
		text-decoration:none;
	}
	
	.calendrier td a.highlight:hover {
		border:1px solid #4A7FB2;
		background-color:#AACAE3;
		color:#FFF !important;
	}
	
	.calendrier td a.highlight {
		border:1px solid #4A7FB2;
		background-color:#4A7FB2;
		color:#FFF !important;
	}
	
	.calendrier td.active a {
		border:1px solid #4A7FB2;
		background-color:#AACAE3;
		padding:3px;
		color:#FFF !important;
		display:block;
		text-decoration:none;
	}

/* ------------------------------- */
/* -- FOOTER					-- */
/* ------------------------------- */

div#footer {
	margin:0 auto 0 auto; 
	position: relative;
	text-align: left;
	width:950px;
	padding:15px;
	padding-top:20px;
	text-align:center;
	clear:both;
	font-size:11px;
	color:#FFF;
	background-image:url(../../images/theme/footer.jpg);
	background-repeat:no-repeat;
        display:none;
}

	div#footer a {
		color:#FFF;
	}
	
	div#footer a:hover {
		color:#000;
	}
	
	div#footer a.active {
		color:#000;
	}