@charset "iso-8859-1";

/* my base styles */
IMG{ border:0px; padding:0; margin:0; }
TABLE{ border: 0px; border-collapse: collapse; }
TD{ vertical-align: top;font-size: 100%; text-align:left; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
ol, ul, li { font-size: 100%; }
.pad10{ padding:10px; }
.pad5{ padding:5px; }
.important{ font-weight: bold; color:red; }
.indent10{ padding-left:10px; }
DIV.clear { clear: both; }
/* use as follows (including the comment) */
/* <div class="clear"><!-- --></div>< */
.clearfloat{ clear: both; }
/* base styles */

a { color: #004080; text-decoration: underline; }
a:visited { color: #004080; text-decoration: underline; }
a:hover, a:visited:hover { color: #ff0000; text-decoration: underline; }

body {
	background-color: #ffebcd;
	background: #fff url("images/bg_main.png") repeat;
	color: #004080; 
	font-size: 100%;
	line-height:1.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

DIV.wrapper{ 
	position:relative;
	max-width:900px;
	margin:10px auto;
	padding:0;
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	/*background: #FFE4C4;*/
	background:#fff;
	border-radius:10px;
}

DIV#toptitle{
 	border: 0;
	background: transparent url('images/bckheader.jpg') no-repeat center;
	width:100%;
	max-height:150px;
	margin:0 auto 0 auto;
	padding:0;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px; 
	overflow:hidden;
 }
DIV#toptitle div.tt20 { float:left; width:15%;text-align:center;}
DIV#toptitle div.tt60 { float:left; width:70%;text-align:center;}


DIV.footer{
	width:85%;
	margin:15px auto 15px auto;
	padding:3px 10px;
	background:#fff;
	border:1px solid gray;
	border-radius: 5px;
	/*border-bottom-left-radius: 10px;*/
}
DIV.footer P{
	padding:0;
	margin:0;
	text-align:center;
	font-size: small;
}
DIV.footer A{ text-decoration: none; }
DIV.footer A:hover{ text-decoration: underline; }

.navbar {
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: small;
	color: #c0c0c0; 
	margin-top: 40px;
}
.navbar a, .navbar a:visited{ color: #c0c0c0; text-decoration: none; }
.navbar a:hover{ color: #c0c0c0; text-decoration: underline; }

h1,h2 { color: #8b4513; line-height:1.1em;  text-shadow: 1px 1px 1px #000; }
p, table, tr, td { }
p.block { color: #ffffff; }
p.block a { color: #ffffff; font-weight: bold; text-decoration: none; }
p.block a:visited { color: #ffffff; font-weight: bold; }
p.block a:hover, p.block a:visited:hover { color: #ff0000; font-weight: bold; }
p.just { text-align: justify; }

.copy { color: #808080; font-size: x-small; }



P.topnavbar {
	margin:0px 0px 0px 0px;
	font-size: small;
	font-weight: bold;
}

P.toptext {
	display: block;	 
	width:80%;
	margin:12px auto;
	font-size:medium;
	text-align: justify;
}
.peyobrown {
	color: #790000; 
	font-size: 14px; 
	font-weight: bold; 
	font-family: "Comic Sans MS", Garamond, Verdana;
	text-align: justify;
}

TR.celllight, TR.celllight TD { background-color: #fdf5e6; }
.celllight TD { padding: 2px 5px 2px 5px; }

TR.celldark, TR.celldark TD { background-color: #ffe4c4; }
.celldark TD { padding: 2px 5px 2px 5px; }

TR.celltitle, TR.celltitle TD { background-color: #ffe4b5; }
.celltitle TD { padding: 2px 5px 2px 5px; }

TR.celllowtitle, TR.celllowtitle TD { background-color: #ffe4b5; font-size: 12px; }
.celllowtitle TD { padding: 2px 5px 2px 5px; }

.tabletarifs {
	/*border : 3px groove; border-color : #ffa07a;*/
	padding : 0;
	margin : 0;
 }
 
 
DIV.div260{	max-width:260px; margin:0 auto; padding:10px; }
DIV.div280{	max-width:280px; margin:0 auto; padding:10px; }
DIV.div380{	max-width:380px; margin:0 auto; padding:10px; }
DIV.div480{	max-width:480px; margin:0 auto; padding:10px; }
DIV.div580{	max-width:580px; margin:0 auto; padding:10px; }
DIV.div640{	max-width:640px; margin:0 auto; padding:10px; }
DIV.div700{	max-width:700px; margin:0 auto; padding:10px; }
DIV.div800{	max-width:800px; margin:0 auto; padding:10px; }
DIV.div900{	max-width:900px; margin:0 auto; padding:10px; }
DIV.div920{	max-width:920px; margin:0 auto; padding:10px; }
DIV.div940{	max-width:940px; margin:0 auto; padding:10px; }
DIV.div960{	max-width:960px; margin:0 auto; padding:10px; }

.floatleft  { float: left; }
.floatright { float: right; }

IMG.cadre4 { border: 4px solid #DEC6A1; }

TD.cellpad5{ padding: 5px; }
TABLE.cellpad5 TD{ padding: 5px; }
.w600{ max-width: 600px; }
.w590{ max-width: 590px; }
.w580{ max-width: 580px; }

IMG.rnd{
	border: 1px solid gray;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888888;
}


/*   ///////////////////////   sfish menu styles   /////////////////////// */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:			0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:				-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:	relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height ( was 2.5em ) */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

div#menu {
	position : relative; /*top : 180px;*/ /*left : 0px;*/;
	max-width : 900px;
	max-height : 30px;
	background : #999 url("menubck30.png") repeat-x left top;
	/*background:#999;*/
	color: #fff;
	z-index : 100;
	overflow:hidden;
}
/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0; /*  was 1em*/
}
.sf-menu a {
	border-left:	1px solid #000;
	border-top:		0px solid #999; /* was #CFDEFF*/
	background : 	url("menubck30.png") repeat-x left top;
	padding: 		2px 30px 2px 10px; /* .75em 1em */
	height:26px;  /* <<< set height calculated with padding in line above */
	line-height:26px;
	text-decoration:none;
	color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background: #999;
}
.sf-menu li li {
	background: #fff;
}
.sf-menu li li li {
	background: #fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#333; */
	background : #333 url("menubck30_hover.png") repeat-x left top;
	outline:		0;
}
/*** END DEMO SKIN ***/
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:			block;
	right:			.75em;
	top:				1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*   ///////////////////////   sfish menu styles   /////////////////////// */