body {
margin : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 33px;
background : url("../inc/fond.gif");
background: #606060;
background: #BACFFF;
background-attachment : fixed;
text-align : left;

}

.suggestionsBox {
	position: relative;
	left: 0px;
	margin: 30px 0px 0px 0px;
	width: 520px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
	text-align: left;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}

.tableau_de_gauche {

	background-color : #cad7d3;
	text-align : left;
	width: 10%;
	vertical-align: top;
	background: white;
	border-right : 1px solid #cccccc;
	padding-right: 10px;
}

.tableau1 {

	width: 1250px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 0px;
	background : white;
	border: 1px solid #A6B8C1;
	border-top: none;

}

.tableau2 {

	border-collapse:collapse;
	text-align: center;
	background-color: white;
	width: 100%;

}

.tableau3 {

	width: 1230px;
	margin: auto;
	margin-bottom: 10px;

}

/* Autocompletion pour les villes*/
.update{
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

ul.villes, ul.payss  {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: left;
}
ul.villes li.selected, ul.payss li.selected { background-color: #ffb; cursor: pointer; }
li.ville, li.pays {
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
	height:15px;
}
li.ville div.nom, li.pays div.nom {
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
}

.lien_favoris {
font-size: 11px; 
text-decoration : none;
color: #0E5B95;
font-weight: bold;
padding-right: 8px;
}

.lien_favoris:hover {
color: red;
font-weight: bold;
}

.tableau_recherche_accueil{

text-align : left;
font-size : 10px;
border : 1px solid #cccccc;
margin: auto;
background-color: #F9F9F9;
padding: 7px 10px 7px 20px;
margin-bottom: 25px;
margin-left: 10px;
width: 725px;
}

.tableauxcompades {
text-align: left;
font-size: 11px;
font-weight: bold;
}
.annonce {
background : url("../inc/titre.gif");
font-size : 13px;
letter-spacing : -0.6px;
color : #555;
text-align : center;
}
.cadre_annonce {
margin-top: 10px;
border: 1px solid #C0C0C0;
background: #EEF3F7;
}
.interieur_cadre_annonce {
margin: 10px 10px 10px 10px;
}
.cadremilieu {
margin: auto;
padding: 10px 10px 10px 10px;
text-align : left;
background-color : white;
width : 95%;
font-family : Arial;
font-size : 12px;
}
.haut_annonce {
background-color:#1B8DCC;
font-size : 13px;
letter-spacing : -0.6px;
color : white;
text-align : center;
width : 100%;
}

.tableau_info {

border-collapse:collapse;
text-align: center;
background-color:#0E5B95;
width: 100%;
color: white;

}
.tableauhorisurvol {

background-color: #0E5B95;
text-decoration : none;
color : white;
font-size : 15px;
font-family : Arial;
border-collapse : collapse;
font-weight: bold;
text-align: center;
width: auto;
}
.tableauhorisurvol td {
	width: 178px;
}
.tableauhorisurvol td:hover {
	background : #254D7A;
}

.tableaugauche {
text-decoration : none;
color : white;
font-size : 15px;
font-family : Arial;
border-collapse : collapse;
font-weight: bold;
text-align: left;
width: 100%;
}
.tableaugauche td {
border-bottom: 1px dotted #9F9EA0;
text-align: left;
}
.tableaugauche td:hover {
background : #E2EDB8;
}

.iconedpt {
width : 20px;
height: 20px;
vertical-align: top;
}
.test {
background : url("../inc/arr.gif");
}
.inttab {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
border-collapse : collapse;
}
.input {
background-color : #fff;
font : 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #5a698b;
margin : 4px 0 5px 8px;
padding : 1px;
border : 1px solid #8595b2;
}
.foot {
border-collapse : collapse;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
.tableaux {
font-size : 10px;
border : 1px dotted #000000;
background-color : #eeeeee;
}
.tableaux_comparatif {
font-size : 11px;
border : 1px dotted #6495ed;
width : 75%;
margin-left : auto;
margin-right : auto;
background-color : white;
}
.data_tableaux_comparatif {
font-family : sans-serif;
padding : 5px;
background-color : white;
width : 25%;
}
titre {
padding : 5px;
border-left : 5px solid #458eff;
border-bottom : 2px dotted #458eff;
}
.barrehori {
background-color:#1B8DCC;
border-collapse : collapse;
color: white;
text-decoration : none;
font-size : 13px;
font-family : Arial;
font-weight: bold;
}
h3 {
font : bold 100% Arial, sans-serif;
color : #334d55;
margin : 0;
padding : 0;
}
h1 {
font : bold 100% Arial, sans-serif;
color : #334d55;
margin : 0;
padding : 0;
font-size : 22px;
}
h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: black ;
	border-bottom: 2px dotted #8EA6D2 ;
}
.bandeau {
background : url(../fond.jpg);
background-position : top left;
background-repeat : no-repeat;
background-color : #3f7ab7;
}
.textemenu {
color: white;
text-decoration : none;
font-size : 13px;
font-family : Arial;
}
.textemenu a:hover {
text-decoration : underline;
}
a .textemenu:hover {
text-decoration : underline;
}
.textepre {
text-decoration : none;
color : #ffffff;
font-size : 12px;
font-family : Arial;
text-align : center;
}
.textepre2 {
text-decoration : none;
font-size : 12px;
font-family : Arial;
text-align : justify;
}
.categoriemilieu {
text-decoration : none;
color: #000000;
font-size : 11px;
font-family : Arial;
text-align : justify;
font-weight : bold;
}
.categoriemilieu:hover {
text-decoration : underline;
}
.categoriegauche {
text-decoration : none;
font-family : arial;
font-size : 12px;
text-align : justify;
}
.categoriegauchepays {
text-decoration : none;
font-weight : bold;
color : #000000;
font-size : 11px;
font-family : Arial;
text-align : center;
}
.lien_1 {
font-family : arial;
font-size : 12px;
font-weight : bold;
text-decoration : none;
font-style : normal;
color : #000099;
}
.lien_1:hover {
color : red;
}
.lien_2 {
font-family : arial;
font-size : 11px;
font-weight : bold;
text-decoration : none;
font-style : normal;
color : #000099;
}
.lien_2:hover {
color : red;
}
.lien_3 {
font-family : arial;
font-size : 11px;
font-weight : bold;
text-decoration : none;
font-style : normal;
color : #990000;
}
.lien_3:hover {
color : green;
}
.lienp {
font-family : Arial;
font-size : 11px;
color : #0066cc;
}
.liencom {
font-family : Arial;
font-size : 9px;
color : #000066;
}
.lien_part {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #cc0033;
}
.T2 {
font-family : Arial;
font-size : 12px;
color : #dc143c;
font-weight : normal;
margin-right : 35px;
margin-left : 40px;
vertical-align : middle;
padding-top : 3px;
padding-bottom : 3px;
}
.texte {
font-family : Arial;
font-size : 12px;
border : #c5ccd2;
left : 20px;
text-align : left;
color : #333333;
}
.texte_menu_gauche {
font-family : Arial;
border : #c5ccd2;
left : 20px;
text-align : center;
color : #333333;
}
.textetarif {
font-family : Arial;
font-size : 12px;
border : #c5ccd2;
left : 20px;
text-align : center;
color : #333333;
}
.textefin {
font-family : Arial;
font-size : 11px;
border : #c5ccd2;
left : 20px;
color : #333333;
}
.textedescat {
font-family : Arial;
font-size : 11px;
border : #c5ccd2;
left : 20px;
text-align : center;
color : #333333;
}
.textepetit {
font-family : Arial;
font-size : 8px;
border : #c5ccd2;
left : 20px;
text-align : justify;
color : #333333;
}
.textecent {
font-family : Arial;
font-size : 11px;
text-align : center;
font-weight : bold;
color : #000033;
}
.visit {
font-family : Arial;
font-size : 9px;
}
.barre1 {
font-size : 12px;
border : 1px solid #999999;
background-color : #eeeeee;
width : 80%;
}
.barre2 {
font-family : Arial;
font-size : 11px;
font-weight : normal;
text-align : left;
vertical-align : middle;
color : #003366;
padding : 4px;
}
.cad_info {
text-align : left;
font-size : 10px;
border : 1px solid #cccccc;
background-color : #eeeeee;
width : 95%;
}

.cad_info_spon {
text-align : left;
font-size : 10px;
border : 1px solid #cccccc;
background-color : yellow;
width : 95%;
}
.sel_page {
font-size : 12px;
border : 1px solid #cccccc;
background-color : #eeeeee;
width : 95%;
text-align : center;
}
.tableaudptgauche {
background-color : #cad7d3;
text-align : left;
border-collapse : collapse;
}

.tableaudptgauche_spon {
background-color : yellow;
text-align : left;
border-collapse : collapse;
}
.cad_info2 {
border : thin solid #88cfff;
padding : 3px;
width : 80%;
}
.cad_info3 {
border : thin solid #88cfff;
padding : 2px;
}
.leftFloatingDiv {
float : left;
width : 160px;
height : 110px;
}
.imageSlideshowHolder img {
position : absolute;
left : 0;
top : 0;
}
img {
border : none;
}
#DHTMLgoodies_formTooltipDiv {
color : #fff;
font-family : arial;
font-weight : bold;
font-size : 0.4em;
line-height : 120%;
}
.DHTMLgoodies_formTooltip_closeMessage {
color : #fff;
font-weight : normal;
font-size : 0.7em;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : transparent url(../images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}