/*Template CSS file ESRN
Creative Commons Attribution v2.5 . This means that you are free to:
-to copy, distribute, display, and perform the work
-to make derivative works
-to make commercial use of the work
Under the following conditions:
-You must attribute the work in the manner specified by the author or licensor.
For any reuse or distribution, you must make clear to others the license terms of this work.
Any of these conditions can be waived if you get permission from the copyright holder.*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-size: 80%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	background: #fff;
}

#wrap {
	min-width: 760px;
	max-width: 960px;
	width: auto !important;
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#header {
	color: #333;
	background: #fff;
	position: relative;
}

#header img {
	position: absolute;
	bottom: 0px;
	padding: 2px;
}

#header h1 {
	/*remove color:#fff; in EcoleCitoyenne */
	color: #fff;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
}

#header input {
	background: url(../images/search.png) no-repeat;
	border: 0;
	height: 22px;
	width: 168px;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left: 4px;
}

#header .moduletable {
	text-align: right;
	margin: 0px;
}

#pathway {
	position: absolute;
	bottom: 2px;
	left: 175px;
	font-size: 0.8em;
}

#logo {
	color: #fff;
	background: #29418c url(../images/logo.png) no-repeat;
	height: 150px;
}

#backimage {
	background: #fff url(../images/background.jpg) no-repeat;
	min-height: 640px;
}

#maincontent {
	width: 800px;
	margin: 0 auto;
}

#top {
	padding: 10px;
}

#top .moduletable h3 {
	color: #333;
	background: none;
	text-align: left;
	font: 1.5em Tahoma, Arial, Helvetica, sans-serif, normal;
	margin: 5px;
	padding: 5px;
}

#top .moduletable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 5px;
	padding: 5px 0 3px 0;
}

#top .contentheadingactuel {
	color: #333;
	background: none;
	text-align: left;
	font: 1.5em Tahoma, Arial, Helvetica, sans-serif, normal;
	margin: 5px;
	padding: 0px;
}

#top .moduletableactuel {
	display: block;
	border: #29418c solid;
	border-width: 0 0 5px 0;
	margin: 10px;
	padding: 5px 0 3px 0;
}

.moduletableactuel a:link, .moduletableactuel a:visited {
	text-decoration: none;
}

#footer {
	background: #fff;
	color: #666;
	text-align: right;
	clear: both;
}

#bottom {
	background: #fff;
	color: #666;
	clear: both;
	padding: 10px 50px;
}

#sidebar {
	float: left;
	width: 15%;
}

#content50 {
	float: left;
	width: 50%;
	overflow: hidden;
}

#content65 {
	float: left;
	width: 65%;
	overflow: hidden;
}

#content85 {
	float: left;
	width: 85%;
	overflow: hidden;
}

#content100 {
	float: left;
	width: 100%;
	overflow: hidden;
}

#sidebar-2 {
	float: left;
	width: 35%;
}

.inside {
	padding: 10px;
}

#sidebar .inside,#sidebar-2 .inside {
	padding-top: 0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
	margin: 0.75em 0;
}

li,dd {
	margin-left: 1em;
}

fieldset {
	padding: .5em;
	border: none;
}

a:link,a:visited {
	text-decoration: underline;
	color: #333;
}

a:hover {
	text-decoration: none;
}

#content50 a:link,#content50 a:visited,#content65 a:link,#content65 a:visited,#content85 a:link,#content85 a:visited,#content100 a:link,#content100 a:visited {
	color: #000;
}

h1,.componentheading {
	font-size: 1.8em;
}

h2,.contentheading {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
	font-weight: 700;
}

.column_separator {
	padding-left: 20px;
}

td.buttonheading img {
	border: none;
}

.contentpaneopen img {
	margin: 2px;
	border: #fff solid 3px;
	max-width: 400px;
	max-height: 400px;
}

.button {
	border: #000 solid 1px;
	background: #5E5E5E url(../images/menu_off.png) repeat-x;
	color: #fff;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	margin: 4px 0;
	padding: 0 4px;
	cursor: pointer;
}

.small,.createdate,.modifydate,.mosimage_caption {
	font: 0.8em Arial,Helvetica,sans-serif;
	color: #999;
}

.sectiontableheader {
	background: none;
	color: #333;
	font: 1.2em bold, Arial, Helvetica, sans-serif;
	padding: 5px;
}

.sectiontableheader a:link,.sectiontableheader a:visited {
	color: #333;
}

/* ========== Module styling ========== */

.moduletable {
	margin-bottom: 1em;
	color: #333;
	font-size: 1.1em;
}

.moduletable h3 {
	font: 1.3em Tahoma,Arial,Helvetica,sans-serif;
	background: none;
	color: #000;
	text-align: left;
	margin: 0 -10px;
	padding: 5px 10px;
}

/* ========== Image styling ========== */

.moduletableimage img {
	border: #fff solid 3px;
}

/* ========== Menu Styling ========== */

.moduletablemenu {
	/*margin-bottom:1em;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.moduletablemenu h3 {
	font: 1.3em Tahoma,Arial,Helvetica,sans-serif;
	color: #29418c;
	cursor: pointer;
}

.moduletablemenu ul {
	list-style: none;
}

.moduletablemenu li {
	background: #5E5E5E url(../images/menu_off.png) bottom left repeat-x;
	height: 39px;
	font: 14px Tahoma,Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
}

.moduletablemenu #current {
	background: #29418c url(../images/menu_on.png) bottom left repeat-x;
}

.moduletablemenu a:link,.moduletablemenu a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 10px 0 0 20px;
}

/* ========== Tab Menu Styling ========== */

.menuslup {
	position: relative;
	bottom: 12px;
}

.menuslup, .menuslup li, .menuslup li ul, .menuslup li ul li {
	/* all lists */
 	padding: 0;
	margin: 0;
	list-style: none;
}

.menuslup li {
	/* all list items */
	float: left;
	width: 110px;
	/*width needed or else Opera goes nuts */
	background-color: #fff;
	margin: 0 1px;
}

.menuslup li ul {
	/* second-level lists */
 position: absolute;
	width: 110px;
	left: -100%;
	/*using left instead of display to hide menus because display: none isn’t read by screen readers */
	bottom: 100%;
}

.menuslup li ul li {
	/* second-level lists */
	background: url(../images/tab_list.png) repeat;
	border-bottom: #29418c solid 2px;
	height: auto;
}

.menuslup li a {
	display: block;
	width: 110px;
	color: #29418c;
	text-decoration: none;
	padding: 4px 0;
	text-align: center;
}

.menuslup li ul li a {
	color: #fff;
	padding: 4px 0;
	text-align: center;
}

.menuslup li a:hover {
	color: #fff;
	background: #29418c url(../images/shadow.png) repeat-x 0 bottom;
}

.menuslup li:hover ul, .menuslup li.sfhover ul {
	/* lists nested under hovered list items */
 	left: auto;
	/* change is to 10px, 20px, etc for indenting the sub menue */
}

#current {
	background: #29418c url(../images/shadow.png) repeat-x 0 bottom;
}

#current a {
	color: #fff;
}

/* ========== Design ========== */

.design a:link,.design a:visited {
	color: #666;
	float: right;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}