body {
	font-family : Verdana, Arial;
	font-size : 0.6em;
	background : #26314C url('../images/body-bg.jpg') repeat-x;
	margin : 0;
	padding : 0;
	text-align : center;
}

a { text-decoration : none; color : #284da6; }
a:hover { text-decoration : underline; }
img { border : none; vertical-align : middle; }

select, input { vertical-align : middle; }

.clear { clear : both; }

a.plusdetails, a.plusdetails-uline {
	color : #FF7500;
	font-weight : bold;
}

a.plusdetails-uline{
	text-decoration : underline;
}

img.bordure {
	border : 1px solid #2D4F9A;
}
.fondAlt {
	background : #F5F5F5;
}

input, select, textarea { font-family : Verdana, Arial; }

#main {
	margin : 0px auto;
	width : 895px;
	padding : 0;
	text-align : left;
}

#top {
	width : 880px;
	height : 110px;
	background : url('../images/entetes/default.jpg');
}

#top .logo {
	float : left;
	background : url('../images/logo.gif');
	width : 161px;
	height : 72px;
	margin : 15px 0px 0px 20px;
}

#top .extra {
	float : right;
	padding : 5px 10px 0px 0px;
}
#top .extra .meteo-flags { text-align : right; }
#top .extra .meteo-flags .date { color : white; }
#top .extra .meteo-flags .temp {
	color : #FF5400;
	font-weight : bold;
	margin-right : 40px;
}

span#flags img {
	margin : 0px 2px;
}

#searchbox {
	margin : 10px 0px 0px 0px;
	color : #ababab;
	font-size : 0.9em;
	font-weight : bold;
	text-align : right;
	text-transform : uppercase;
}

#searchbox input {
	padding : 0px;
	border : none;
	font-size : 1.1em;
	font-weight : normal;
	text-transform : none;
}

#searchbox input.text {
	width : 98px;
	margin-right : 2px;
}

#searchbox input.submit {
	background : #FCB200;
	color : white;
}

#bienvenue {
	background : url('../images/etoile-basque.png') no-repeat; 
	color : #234594;
	padding : 0px 0px 0px 20px;
	margin : 5px 0px 5px 15px;
	height : 16px;
}

#content {
	background : white;
	width : 880px;
}

#datas {
	width : 346px;
	float : left;
}

#menu {
	float : left;
}

#rootline {
	margin : 0px 0px 0px 15px;
}

#rootline a {
	color : #959595;
}

#rootline a.on {
	color : #2A3755;
}

#menu .resa {
	background : #274DA5;
	color : white;
	width : 229px;
	padding : 5px;
}

#menu .resa .title {
	font-size : 1.3em;
	font-variant : small-caps;
	color : #FFB400;
	font-weight : bold;
	margin : 5px 0px 5px 0px;
}

#menu .resa form {
	margin : 0;
	padding : 0;
}

#menu .resa select, #menu .resa input {
	margin : 0px 0px 5px 0px;
}

#menu .resa input.text {
	width : 90px;
	border : 1px solid black;
}

#menu .resa .dates {
	float : left;
	text-align : left;
	font-variant : small-caps;
}

#menu .resa .params {
	text-align : right;
	float : right;
	font-variant : small-caps;
}

#menu .resa .submiter {
	text-align : right;
	clear : both;
}

#menu .resa input.submiter {
	padding : 5px;
	border : none;
	background : #93A6D2;
	color : white;
	font-weight : bold;
}

#menu .menu-sep {
	background : url('../images/menu-sep.png') no-repeat;
	width : 239px;
	height : 3px;
}

#menu ul.menu {
	background : #D3DAEA url('../images/resa-menu-sep.png') no-repeat top;
	margin : 0;
	padding : 6px 0px 0px 0px;
}

#menu ul.menu li{
	list-style : none;
	padding : 0;
	text-transform : uppercase;
}

#menu ul.menu  ul {
	margin : 0;
	padding : 0;
	display : none;
}

#menu ul.menu  li.on ul {
	display : block;
}

#menu ul.menu li a {
	color : #2D4F9A;
	font-weight : bold;
	display : block;
	padding : 3px 0px 3px 15px;
}

#menu ul.menu ul li a {
	width : 209px;
	padding : 3px 0px 3px 30px;
}

#menu ul.menu li a:hover {
	color : black;
	background : #FCB200 url('../images/menu-bg.gif') no-repeat 0px 3px;
	text-decoration : none;
}

#menu ul.menu li ul.sousniveau {
	background : #ebeef6;
}

#menu ul.menu li ul.sousniveau a {
	color : black;
	text-decoration : none;
	text-transform : none;
	font-weight : normal;
	/*padding : 3px 0px 3px 30px;*/
}

#menu ul.menu li ul.sousniveau a:hover {
	text-decoration : underline;
}

#menu ul.menu li ul.sousniveau li.on a {
	font-weight : bold;
}

/* item spéciaux */
#menu ul.menu a.item_120, #menu ul.menu a.item_121 {
	color : #417CFF;
}

#bottom {
	background : white;
	margin : 0px 15px 0px 0px;
	padding : 0px 0px 10px 0px;
}

#bottom .baseline {
	margin : 0px 15px 0px 15px;
	padding : 2px 8px 2px 8px;
	background : #EAEBEF;
}

#bottom .baseline .coords {
	float : left;
	color : #303E61;
}

#extralinks {
	float : right;
	margin : 0;
	padding : 0;
}

#extralinks li {
	float : left;
	list-style : none;
	margin : 0;
	padding : 0px 0px 0px 15px;
}

#extralinks li a {
	color : #7A839A;
}

#logohendaye {
	width : 230px;
}

#logohendaye .hspacer  {
	height : 80px;
}

#logohendaye .content {
	background : url('../images/hendaye-logo.png') no-repeat;
	height : 86px;
	margin : 0px 0px 20px 0px;
}


/* typo3 internals */

h1.csc-firstHeader {
	font-size : 1.1em;
	color : #2D4F9A;
}