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

body {
background-color:#e2001a;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:justify;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

h1 {color:#e2001a;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.8em;
font-weight: bold;
text-align:center;
margin:10px 0px;
}

h2 {color:#eeeeee;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.8em;
font-weight: 700;
text-align:center;
}

h3 {color:#eeeeee;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:3em;
font-weight:600;
text-align:center;

}
h4 {color:#eeeeee;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight: 500;
text-align:justify;
}
h5 {color:#eeeeee;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight: 400;
text-align:justify;
}
h6 {color:#eeeeee;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight: 300;
text-align:center;
}
p {color:black;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight: 200;
text-align:justify;
}

ul{
margin:0px;
}

li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
color:#e2001a;
list-style:disc;
}

a {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration:underline;
color:#e2001a;
}

a:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 200;
text-decoration:underline;
color:#e2001a;
}

a:select {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 200;
text-decoration:underline;
color:#e2001a;
}

#page {
width: 1000px;
background-color:transparent;
position:absolute;
left:50%;
margin-left:-500px;
margin-top:10px;
}

#topsection {
width:1000px;
background-color:white;
height:185px;

}

#middlesection {
width:1000px;
margin-top:10px;
height:500px;
}

#bottomsection {
width:1000px;
height:100px;
background-color:#e2001a;
float:left;
}

#topsection img {
float:left;
margin:0px !important;
margin: 0px -3px 0px -3px;
}

#map {
background-image:url("../images/carte-france.jpg");
background-repeat:no-repeat;
background-position:center bottom;
width:245px;
height:155px;
margin:10px 0px 10px 0px;
clear:both;
border:none;
float:left;

}

#map a{
border:none;
width:245px;
height:155px;
margin:10px 0px 10px 0px;
clear:both;
float:left;
border:none;

}
#map:hover {
background-image:url("../images/carte-languedoc.jpg");
background-repeat:no-repeat;
background-position:center bottom;
width:245px;
height:155px;
margin:10px 0px 10px 0px;
clear:both;
border:none;
float:left;

}

#sep{
height: 5px;
background-color:#e2001a;
}

#col1 {
width: 250px;
height:475px;
float:left;
background-color:white;
}


#menu{
list-style:none;
margin:10px 0px 10px -20px;
clear:both;
}

#menu li{
list-style:none;
font-size:1.2em;
clear:both;
}

#menu a{
float:left;
clear:both;
width: 210px;
text-align:left;
text-decoration:none;
list-style:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size:1.4em;
padding:1px 0px 2px 40px;
}

#menu: hover{
color:black;
text-decoration:none;
font-weight: 800;
background-image:url("../images/poppymenu.jpg");
}

#languages{
width:250px;
height:50px;
clear:both;
float:left;
}

#frenchversion {
background-image:url("../images/frenchflag.jpg");
background-repeat:no-repeat;
background-position:right;
width:124px;
height:25px;
float:left;
margin:10px 1px 10px 0px;
}


#frenchversionactive {
background-image:url("../images/frenchflag-over.jpg");
background-repeat:no-repeat;
background-position:right;
width:124px;
height:25px;
margin:10px 1px 10px 0px;
float:left;
display:block;
}

#frenchversionactive a{
width:124px;
height:25px;
margin:10px 1px 10px 0px;
float:left;
display:block;}



#frenchversion:hover {
background-image:url("../images/frenchflag-over.jpg");
background-repeat:no-repeat;

}

#englishversion {
background-image:url("../images/ukflag.jpg");
background-repeat:no-repeat;
background-position:left;
width:124px;
height:25px;
margin:10px 1px 10px 0px;
float:left;
}

#englishversionactive {
background-image:url("../images/ukflag-over.jpg");
background-repeat:no-repeat;
background-position:left;
width:124px;
height:25px;
margin:10px 1px 10px 0px;
float:left;
}

#englishversionactive a{
width:124px;
height:25px;
display:block;}

#englishversion:hover {
background-image:url("../images/ukflag-over.jpg");
background-repeat:no-repeat;

}

#content{
width:496px;
height:500px;
float:left;
background-color:white;
border:outset;
border-color:#e2001a;
border-width:2px;
margin-top:-5px;
}

#content p
{
margin: 10px 30px 10px 30px;
}

#content li{
font-size:1em;
margin-left:10px;
}
#content img{
margin-left:30px;
width:420px;
height:420px;
}

#col3 {
background-color:white;
width:250px;
float:left;
height:475px;

}

#col3 p {
margin:10px;
}

#col3 li {
margin-left:-20px;
margin-right:10px;
margin-top:5px;
font-size:1.1em;
}

#rightimage {
width:250px;
height:185px;
padding-bottom:10px;
}



#pagetitle {
color:#eeeeee;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:2em;
font-weight: bold;
text-align:center;
padding-top:100px;
}


#logisboxleft {
width:250px;
text-align:center;
}

#logisboxleft img{
margin:25px 0px 0px 25px;
height:50px;
}

#logisboxright {
width:250px;
text-align:center;
}

#logisboxright img{
margin:25px 25px 0px 0px;
height:50px;
}


#telephone {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:26px;
text-align:center;
color:#eeeeee;
float:left;
width:500px;
height:30px;
}

#address {
color:white;
width:500px;
text-align:center;
height: 10px;
background-color:#e2001a;
float:left;
}

#pagepopup {
width: 750px;
background-color:white;
position:absolute;
left:50%;
margin-left:-350px;
}

#topsectionpopup {
width:750px;
background-color:white;
height:185px;

}

#topsectionpopup img {
float:left;
margin:0px;
margin:0px !important;
margin: 0px -3px 0px -3px;
}

#addresspopup {
color:#e2001a;
width:450px;
text-align:right;
float:left;
padding:25px 10px 25px 10px;
font-size: 1.5em;
}

#contentpopup{
float:left;
background-color:white;
width:700px;
text-align:center;
}

#contentpopup p{
font-size:0.9em;
font-weight:300;
margin:0px 15px 0px 15px;

}

#contentpopup H6{
font-size:1.5em;
font-weight:300;
color:black;
margin:50px;
text-align:justify;

}

#bottomsection a{
color:white
text-align:center;
}


.menuitem {
	margin:auto;
	color:#e2001a;
	border-bottom:solid;
border-width:1px;
border-color:gray;

}

.menuitemactive {
background-image:url("../images/poppymenu.jpg");
background-repeat:no-repeat;
border-bottom:solid;
border-width:1px;
border-color:gray;

}

.menuitem:hover {
color:black;
text-decoration:none;
font-weight: 800;
background-image:url("../images/poppymenu.jpg");
background-position:left;
background-repeat:no-repeat;
border-bottom:solid;
border-width:1px;
border-color:gray;

}

.element-menufrench {
background-color:white;
color:#e2001a;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 400;
text-decoration:none;
font-size:1.6em;
text-align:center;
background-image:url(../images/frenchflag.jpg);
background-repeat:no-repeat;
margin: 10px 0px 2px 0px;
list-style:none;
width:125px;
height:30px;
}


.element-menufrench:hover {
color:black;
text-decoration:none;
font-weight: 800;
background-image:url("../images/frenchflag.jpg");
}


.element-emailwhite {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;

}

.element-col3 {
color:#e2001a;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 400;
border-bottom:thick;
font-size:1em;
background-repeat:none;
}

.redbackground {
	background-color:#e2001a;
	font-size:1.1em;
	color: #EEE;
	font-weight:bold;
	text-align:center;

}

.roomtype {
color:#e2001a;
font-size:11px;
margin:-20px;
}

.roomdesc {
	color:black;
	font-size:10px;
	margin:0px 10px 0px 10px;
	
}

.roomrate {
color:#e2001a;
font-size:1.1em;
font-weight:800;
text-align:center;
}

.conditions {
font-size:1em;
font-weight:400;
margin:25px 10px 5px 10px;
}

.popuptext{
font-size:0.8em;
font-weight:300;
margin:30px;
}

.redtext {
color:#e2001a;
font-weight:700;
font-size:1.1em;
}
.redtextit {
color:#e2001a;
font-style:italic;
}

.form {
font-size:1em;
background-color:red;
}

.parking
{
margin:20px;
float:left;
width:30px;
}

.wifi
{
margin:20px;
float:right;
width:40px;
}

.google
{
margin:10px 40px 10px 40px;
}

.tiny {
color:#e2001a;
font-size:0.9em;
margin-left:20px;
text-align:center;

}

.cvo{
color:white;

}