html {
	font-size : 80%;
	font-family : "Trebuchet MS", "DejaVuSans";
}
body {
	margin : 0;
	padding : 0;
	text-align : center;
}

p, th, td { font-size: 1em; }

#page {
	width : 100%;
	background : #FFFFFF;
	margin : 0 auto;
	text-align : left;
}
div#logo {
	float:left;
	margin:0;
	width:10%;
}
#logo img {
	border:none;
	height : 100px;
	margin: 0 0 0 30%;
}
#menu {
	background-color : #EEEEEE;
	border-bottom : thin solid #CCCCCC;
	height : 90px;
	font-size : 14px;
	font-size : 1.1rem;
}
div#menu1 {
float:left;
  width:40%;
  margin: 40px 0 0 0;
}
div#menu2 {
float:right;
  width:50%;
  margin: 40px 0 0 0;
  background-color : #EEEEEE;
}

.adr a, #content a{
	color : #144487;
}

#menu2 input, #menu2 label, #menu2 img {
	float : left;
	margin : 40px 0;
	display : inline;
}
#menu1 ul {
	margin : 0 0 0 25%;
}
#menu1 li {
	margin : 0 6% 0 0;
  padding:3px;
	list-style-type : none;
	display : inline;
}
#menu1 li:hover, label:hover {
background-color: #ffffff;
}
#menu1 li a, label a {
	color : #666666;
}
#menu1 li a:hover {
	text-decoration : none;
}
#menu2 label {
	margin : 2px 0;
}
#menu2 img {
	margin : 4px 5px;
	border : 0;
}
#menu2 input {
	margin : 0 3%;
	font-size : 13px;
	height : 26px;
	background-color : #669cac;
	border : white solid 1px;
	color : #FFFFFF;
	text-shadow : 0 1px rgba(0, 0, 0, 0.1);
	border-radius : 2px 2px 2px 2px;
	cursor : default;
	display : inline-block;
	min-width : 100px;
	width : 120px;
	padding : 0 8px;
	text-align : center;
	font-weight : bold;
}
#menu2 input:hover {
	background-color : #ffffff;
	color: #666666;
	border : #000000 solid 1px;
	cursor:pointer;
}
#div#lang {
	float : right;
	margin : 40px 4% 0 0;
}
div#lang img {
	margin : 0 5px;
	border : 0;
}
#sidebar {
float: right;
	width : 34%;
	min-width : 25em;
  	margin : 0 10px;
}
#sidebar1 {
	background : #EBEBEB;
	padding : 15px 0;
}
#sidebar1 h3, #sidebar1 p, #sidebar1 input {
	margin-left : 20px;
	margin-right : 20px;
}
#sidebar1 input {
	font-size : 13px;
	height : 29px;
	background-color : #ee9337;
	border : #ed7700 solid 1px;
	color : #FFFFFF;
	text-shadow : 0 1px rgba(0, 0, 0, 0.1);
	border-radius : 2px 2px 2px 2px;
	cursor : default;
	display : inline-block;
	min-width : 100px;
	width : 150px;
	padding : 0 8px;
	text-align : center;
	font-weight : bold;
}
#sidebar1 input:hover {
	background-color : #bb2d33;
	border : #000000 solid 1px;
	cursor:pointer;
}

#sidebar2 {
  border: 2px solid #EBEBEB;
	margin : 1em 0;
	padding : 15px 0;
}
#sidebar2 h3, #sidebar2 img, #sidebar2 p {
 float:left; 
}
#sidebar2 img {
	border : 0;
}
#sidebar2 p, #sidebar2 input, #sidebar2 label, #sidebar2 img {
  margin: 0 0 0 20px;
	}
#sidebar2 h3 {
  font-size: 1.6rem;
margin: 10px 0 10px 20px;
}

#content a.antilles, a.item {
 color:#ff3300; 
}
#content a.provence, a.item {
 color:#ea664b; 
}
#content a.antilles:hover {
	background : #ff3300;
 	color:#ffffff; 
}
#content a.provence:hover {
	background:#ea664b;
 	color:#ffffff;
}


#sel {
width:70%;
  margin:0;
}
#submitsel {
	margin : 0;
	font-size : 13px;
	height : 25px;
	background-color : #BBBBBB;
	border : white solid 1px;
	color : #FFFFFF;
	text-shadow : 0 1px rgba(0, 0, 0, 0.1);
	border-radius : 2px 2px 2px 2px;
	cursor : default;
	display : inline-block;
	width : 10%;
	text-align : center;
	font-weight : bold;
}
#content {
	color : #333333;
}
.link {
	color : #144487;
}
#content a:hover, #footer a:hover {
	text-decoration : none;
}
#content h1 {
	color : #00798c;
	font-size : 30px;
	font-size : 3rem;
}
div#content {
	width : 80%;
	margin : 0 auto;
}
.clearfloat {
	clear : both;
	height : 0;
	font-size : 1px;
	line-height : 0;
}
img.FeatureIcon {
	float : left;
	margin : 15px 3% 0 0;
}
.Keyfeatures {
	margin : 0 8%;
}
.Keyfeatures h2 {
	margin : 25px 0 0 0;
}
.Keyfeatures p {
	margin : 1em 0;
}
div#footer {
	clear : both;
	margin : 5% 50px;
	border-top : thin solid #CCCCCC;
}
div#footer p {
	font-size : 9px;
	font-size : 0.9rem;
}
.flag {
	width : 25px;
	height : 15px;
	background : url(/img/flags.png) no-repeat;
}
.flag.flag-fr {
	background-position : -25px 0;
}
.flag.flag-gb {
	background-position : 0 -15px;
}
.list {
	width : 100%;
	margin : 0 auto;
}
.item {
	float : left;
	margin : 4px;
	width : 272px;
	height : 272px;
	background-color : white;
	border : #DDDDDD solid thin;
	overflow:hidden;
}
.item img {
	margin : 4px;
	width : 264px;
	height : 198px;
}

.item .icon {
	width: 16px;
	height:16px;
	float:left; 
	margin:0 3px 0 5px;
}

.item h2 {
	margin : 0 5px;
	max-width : 264px;
	font-size : 1rem;
}
.item h2 a {
	color : #144487;
}
.item h2 a:hover {
	text-decoration : none;
}
.item p {
	font-size : 0.9rem;
	color : #666666;
	margin : 2px 5px;
}
div.illus {
float:right;
margin:8px;
border:none;
}
table.prest {
  width:70%;
  min-width:25em;
  border-collapse: separate;
  border-spacing: 2px;
  border: thin solid #666666;
}
.prest caption {
  font-weight:bold;
  background-color:#eeeeee;
  padding:10px 12px;
}
.prest td {
  border-bottom: thin solid #666666;
}
.prest td:nth-child(odd) {
	background : url(/img/check.png) no-repeat;
  background-position:4px center;
  padding:0 40px;
  height:3em;
}
.prest td:nth-child(even) {
color:#4fb800;
  font-size:1.3em;
}
table.comm {
  width:70%;
  min-width:25em;
  border-collapse: separate;
  border-spacing: 2px;
  border: thin solid #666666;
  text-align:center;
}
.comm tr:nth-child(odd) {
  background:#eee;
}
.comm tr:nth-child(even) {
  background:#ddd;
}
.comm td:first-child, .comm th:first-child {
color:#ED9235;
  font-size:1.3em;
}
div.adr {
  border: 1px solid #EBEBEB;
	margin : 1em 0;
	padding : 1em;
  width:25em;
}
.adr p {
margin:0;
}


@media screen and (max-width:1000px) 
{
	p#soc {
		display : none;
	}
	.illus img {
	width:50%;
	}
}