@charset "utf-8";
/* CSS Document */

body {

	font-family: Verdana, Geneva, sans-serif;
	font-size:  0.85em;
	line-height: 1em;
	color: #009;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width: 1280px; /* taille écran */
	background-color: Beige;
}

h1 {
	font-size: 1em;
	line-height: 1.2em;
	padding: 5px;
	font-weight: bold;
	color: DarkOrange;

}

h2 {
	padding: 5px;
	line-height: 1.2em;
	font-weight: bold;
	color: DarkBlue;
	font-size:  0.85em;
}

p {
	padding: 10px;
	font-size:  0.85em;
}

div#bandeaumenu {
/*	background-color: #016DAD; */
	background-color: #F7B446;
	color:white;
	height: 28px;

}

div#mainmenu {
	padding-top: 6px;
	padding-bottom: 5px;
}

a.mainmenu {
	color: DarkBlue;
	font-weight: bold;
	text-decoration:none;
	padding-left: 5px;
	padding-right: 5px;

	font-size: 1.1em;
}

a.mainmenu:hover {
	color: DarkBlue;
	font-weight: bold;
	text-decoration:none;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

/* Search */
div#search {
	float: right;
	width: 300px;
	vertical-align:middle;

	margin-right:1px;
}

input#prosvetaquery {
	border: none;
	border: 2px solid #F7B446;
	border-radius: 5px 5px 5px 5px;
	color: #333333;
	width: 185px;
	height:19px;
	padding-left:2px;
	margin: 0;

}

#btnsearch {
		background: url("/resources/images/loupe.png") repeat-x scroll -0px -0px #FFF;
		position: relative;
		top: -5px;
		height: 22px;
		width: 22px;
		border-radius: 5px 5px 5px 5px;
		border: 1px solid #F7B446;
		margin-left: -5px;

}

select#d {
	width: 80px;
	margin-left: 0px;
}

/* menu search */
div#searchcollection {
	border: 1px Darkgray solid ;
	overflow: auto;
	height:120px;
	background-color: white;
	width:175px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	font-size: 0.8em;
}

input#menuquery {
	border: none;
	border: 1px solid DarkGray;
	border-radius: 5px 5px 5px 5px;
	color: #333333;
	width: 150px;
	height:19px;
	padding-left:2px;
	margin: 0;
	margin-top: 0.2em;
	margin-bottom: 1em;
}

select.search, span.search  {
	color: #000099;
	font-size: 0.9em;
}
/* content */
div#main{
	clear:both;
}

div#sidebarleft {
	float: left;
	width: 200px;

	margin-right: 5px;
	padding: 4px;
}
div#sidebarright {
	float: right;
	width: 300px;
	margin-left: 5px;
	padding: 4px;
}
div#contenu {
	background: white ;
	padding: 2px;
	overflow: hidden;
	margin-right: 5px;
}
div#footer {
	clear: both;
	padding: 0 10px 0 20px;
	position: relative;
	text-align:center;
	bottom:2 px;
	font-size: 0.9em;
	line-height: 1,5em;
}

/* Zones */
div#ZL2, div#ZL1, div#ZR1, div#ZR2 {
	margin-top: 2em;
}
/* Bandeau */
div#site_title {
	position: absolute;
	left: 20px;
	top: 20px;
	color: Ivory;
	font-size: xx-large;

}

div#bandeau {
	position:relative;
	height:150px;
	background-color:white;
}

div#zonetop {
	position: absolute;
	top: 0px;
	right: 0px;
	width: auto;
	padding: 5px;
	background:#FDFDFD;
	text-align: right;
	opacity: 0.7;
	line-height:1.2em;
	border-radius: 0px 0px 0px 10px;
	font-size: 0.7em;
	font-weight: bold;
}


a#lang {
	text-decoration: underline;
}

a#lang:hover {
	text-decoration: underline;
}

div#selectlang {
	position: absolute;
	top: 2em;
	right:0px;
	background:#FDFDFD;
	opacity: 0.9;
	display: none;
	padding-left: 5px;
	padding-bottom: 2px;
	border-radius: 0px 0px 0px 10px;
	font-size: 0.7em;
}

div#zonetop>em {
	font-style: normal;
	color: red;
}
/* Shopping cart */
div#shoppingcart {
	display: none;
}


/* Menu Part */
#submenu {
	background-color: white;
	padding: 10px;
	border-radius: 5px;
}
.menu {
  font-size: 1em;
  color: #F7B64C;
  text-decoration: none;
  padding: 2px;
  margin-top:12px;
  margin-bottom:12px;
  margin-left: 4px;
  margin-right: 4px;
  text-align: left;
}

a.menu {
    display: block;
}

a.menu:hover {
    background-color: #F7B64C;
    font-weight: bold;
    color: white;
    border-radius: 5px;
}


/* flash : message à l'internaute */
div.flashhidden {
	display: none;

}

div.flashinfo {
	Display: block;
	margin: 2em;
	background-color: Azure;
	color: DarkBlue;
	border: 2px DarkBlue solid;
	padding: 0.5em;
	font-size: 0.9em;
}

div.flasherror {
	Display: block;
	margin: 2em;
	background-color: AntiqueWhite;
	color: Red;
	border: 2px DarkRed solid;
	padding: 0.5em;
	font-size: 0.9em;
	text-align: center;
}

/* bouton */
.button:active {
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.button:hover {
		border: 1px solid #2F5BB7;
		color: white;
		text-shadow: 0 1px rgba(0, 0, 0, 0.3);
		background-color: #357AE8;
		background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));
		background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
		background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
		background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
		background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
		background-image: linear-gradient(top,#4D90FE,#357AE8);
}

.button {
		border: 1px solid #3079ED;
		color: white;
		text-shadow: 0 1px rgba(0, 0, 0, 0.1);
		background-color: #4D90FE;
		background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
		background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
		background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
		background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
		background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
		background-image: linear-gradient(top,#4D90FE,#4787ED);
}
/* Dates */
#datePicker {
  margin-top: -12px;


}
.ui-datepicker {
    font-size: 10px !important;
}

/* Info Footer */
div#infofooter {
	font-size: x-small;
	color: black;
	text-align: left;
}
div#infofooter>p#title {
	font-weight: bold;
	color: DarkRed;
	margin:0;
	padding:0;
}

div#infofooter > a {
	color: black;
	text-decoration:none;
}

div#infofooter > a:hover {
	text-decoration:underline;
}

/* international */
div#infofooter > div.continent {
	display: block;
	position:relative;
	float:left;
	width: 80px;
	text-align: left;
	color: DarkRed;
}
div#infofooter > div.countries {

	display: block;
	position: relative;
	margin-left: 80px;
	text-align: left;
}

div#infofooter > div.countries > a.country {
	color: black;
	text-decoration: none;
}
div#infofooter > div.countries > a.country:hover {
	text-decoration: underline;
}