/* -- globals -- { */
/* @font-face {
	font-family: "HoboStd";
	src: url("fonts/HoboStd.eot");
	src: url("fonts/HoboStd.woff") format("woff"), url("fonts/HoboStd.woff2") format("woff2"), url("fonts/HoboStd.svg#filename") format("svg");
} */
@font-face {
	font-family: "EuroStile";
	src: url("fonts/EuroStile.woff") format("woff"), url("fonts/EuroStile.woff2") format("woff2");
}
body {
	background:			black url(img/bg.jpg) fixed;
/*	background:			#d0d0d0;*/
	margin:				0px; /* t r b l */
	color:				black;
	font-family:		Verdana, Lucida, serif;
/*	font-family:		EuroStile, Lucida, serif;*/
	font-size:			14px;
}
ul
{
	list-style-position:	outside;
	-webkit-padding-start:	0px;
}
a {
    color:				cyan;
    text-decoration:	underline;
}
/* -- globals -- } */

/* -- header -- { */
div#page-header {
	margin-top:			0px;
	margin-bottom:		40px;
	width:				100%;
}
/* -- header -- } */
/* -- header logo -- { */
div#page-header > div#logo {
	float:				left;
	position:			absolute;
}
div#page-header > div#logo > img {
	width:				135px;
	height:				160px;
}
/* -- header logo -- } */
/* -- header caption -- { */
div#page-header > div#caption {
	color:				#0000AF;
	font-size:			28px;
	padding-top:		24px;
}
div#page-header > div#caption p {
	text-align:			center;
}
div#page-header > div#caption p:first-line {
	color:				#0000A0;
/*	color:				#890050; */
/*	text-shadow:		2px 2px 8px; */
	text-shadow:		1px 1px 2px;
/*	font-family:		HoboStd, serif;*/
	font-size:			120%;
	font-weight:		bold;
/*	letter-spacing:		10px;*/
}
/* -- header caption -- } */
/* -- header infos -- { */
div#page-header > div#infos {
	font-family:		EuroStile, Lucida, serif;
	float:				right;
	position:			absolute;
	right:				5px;
	top:				5px;
}
div#page-header > div#infos > span#contacts {
	float:				right;
	clear:				right;
	right:				0px;
	top:				0px;
	font-size:			16px;
}
div#page-header > div#infos > span#contacts p:first-child {
	color:				#0000AF;
}
div#page-header > div#infos > span#contacts p {
	color:				#890050;
	font-weight:		bold;
}
div#page-header > div#infos > span#contacts p#phone {
	font-size:			120%;
}
div#page-header > div#infos > span#contacts p img {
	width:				16px;
	height:				20px;
	vertical-align:		middle;
}
div#page-header > div#infos > span#contacts p#phone img {
	width:				10px;
}
div#page-header > div#infos > span#contacts a {
	color:				#890050;
}
div#page-header > div#infos > span#langs {
	float:				right;
	padding-right:		15px;
	top:				-3px;
}
div#page-header > div#infos > span#langs a {
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
	color:				#890050;
}
div#page-header > div#infos > span#langs a:hover,
div#page-header > div#infos > span#langs a.selected {
	text-decoration:	underline;
}
/* -- header infos -- } */

/* -- toolbar -- { */
div#toolbar {
	font-family:		EuroStile, Lucida, serif;
	font-size:			20px;
	width:				100%;
}
div#toolbar > div {
	border-bottom:		1px dotted black;
	height:				46px; /* 44 + 1 + 1px border */
	margin-left:		10px;
	color:				black;
}
div#toolbar > span {
	position:			absolute;
	float:				right;
	clear:				right;
	width:				223px; /* width of meteo widget */
	font-size:			16px;
}
div#toolbar > div > ul {
	padding-left:		185px; /* width of logo */
}
div#toolbar > div > ul > li {
	float:				left;
	width:				140px;
	cursor:				pointer;
	text-align:			center;
	padding:			0px 0px 1px 1px; /* t r b l */
	border-right:		1px dotted black;
	border-top:			1px dotted black;
	border-radius:			10px 10px 0px 0px; /* (lt) (rt) (rb) (lb) */
	-moz-border-radius:		10px 10px 0px 0px;
	-webkit-border-radius:	10px 10px 0px 0px;
/*	color:				#890050; */
	color:				#0000A0;
	font-weight:		bold;
}
div#toolbar > div > ul > li:first-child {
	padding:			0px 0px 1px 0px; /* t r b l */
	border-left:		1px dotted black;
	width:				70px;
}
div#toolbar > div > ul > li:hover,
div#toolbar > div > ul > li.selected {
	color:				#FFFFFF;
/*	background:			#890050; */
	background:			#0000A0;
}
div#toolbar > div > ul > li > img {
	width:				44px; /* 46 - 1 - 1 */
	height:				44px;
	vertical-align:		middle;
}
/* -- toolbar -- } */

/* -- panes -- { */
div.panes {
	display:			none; /* initially invisible */
	margin:				10px 10px 10px 10px; /* t r b l */
	font-size:			18px;
/*	overflow:scroll;
	height:500px;*/
	width:				80%;
	max-width:			1100px;
	margin:				auto;
}
div.panes p {
	text-indent:		20px;
	text-align:			justify;
}
div.panes p img {
	margin:				10px 10px 10px 10px; /* t r b l */
}
div.panes ul {
	list-style-type:	square;
	margin-left:		50px;
}
/* -- panes -- } */

/* -- pane MAIN -- { */
div#pane_main {
}
div#pane_main h1 {
	font-size:			120%;
	font-weight:		bold;
	text-decoration:	underline;
/*	letter-spacing:		2px;*/
}
div#pane_main td {
	padding:			5px;
}
/* -- pane MAIN -- } */

/* -- pane TRANSLATE -- { */
div#pane_translate {
}
div#pane_translate h1 {
	font-size:			120%;
	font-weight:		bold;
}
div#pane_translate p {
/*	text-indent:		0px;*/
}
div#pane_translate ul {
}
/* -- pane TRANSLATE -- } */

/* -- pane COURS -- { */
div#pane_cours {
}
div#pane_cours h1 {
	font-size:			120%;
	font-weight:		bold;
}
/* -- pane COURS -- } */

/* -- pane TARIFS -- { */
div#pane_tarifs {
}
div#pane_tarifs p {
/*	text-indent:		0px;*/
}
div#pane_tarifs h1 {
	font-size:			120%;
	font-weight:		bold;
}
/* -- pane TARIFS -- } */

/* -- footer -- { */
div#footer {
	clear:				both;
	border-top:			1px dotted black;
}
div#footer > span {
	float:				right;
}
/* -- footer -- } */