p, h1, h2, h3, h4, h5, form, input, div, ul, li {margin:0; padding:0; font-weight:normal;}
html {font-size: 100%;}
body {
	behavior: url(js/csshover.htc);
	padding: 0; margin:0;
	padding: 0; 
	font-size: .85em; 
	font-family: Arial, Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	text-align: center;
	background: #666;
}

div#container {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	background: #fff;
}
div#header {
	width: 1000px;
	height: 103px;
	background: url(../img/structure/header.png);
}
div#logo {
	position:absolute;
	margin-top:10px;
	margin-left:20px;
	width: 202px;
	height: 90px;
}
div#lien_residences {
	position:absolute;
	margin-top:4px;
	margin-left:730px;
	width: 190px;
	height: 18px;
	text-align:center;
}
div#drapeaux {
	position:absolute;
	margin-top:0;
	margin-left:981px;
	width: 19px;
	height: 99px;
}

div#colonne1 {
	padding: 0px 0px 7px 0;
	margin-right: 780px;
}
div#bloc_rechercheM, div#bloc_rechercheM_resa, div#bloc_rechercheG, div#bloc_rechercheC, div#bloc_telephone, div#bloc_newsletter, div#bloc_catalogue  {
	margin: 5px 0 0 0;
	padding: 0px 10px 10px 10px;
}
div#bloc_rechercheM {background: #3ea7d7; min-height:224px;}
div#bloc_rechercheLE {background: #f29525; margin: 0 10px 10px 10px;	padding: 10px 10px 10px 10px;}
div#bloc_rechercheM_resa {background: #f29525;}
div#bloc_rechercheG {background: #93c4e4;}
div#bloc_rechercheC {background: #93c4e4;}
div#bloc_telephone {background: #cde2f2;}
div#bloc_newsletter {background: #f29525;}
div#bloc_catalogue {background: #cde2f2;}

div#bloc_newsletter .bouton {
	margin-top:2px;
	background: #fff;
	border:0;
}
div#bloc_newsletter input {
	border:1px solid #fff;
	background-color:#f29525;
}
div#bloc_rechercheM .bouton, div#bloc_rechercheM_resa .bouton {
	margin-top:20px;
}
div#bloc_rechercheLE .bouton {
	margin-top:18px;
	border: 2px solid #3ea7d7;
}
div#bloc_rechercheG .bouton, div#bloc_rechercheC .bouton {
	margin-top:5px;
	background: #fff;
	border:0;
}
div#bloc_rechercheG select, div#bloc_rechercheC select {
	margin:0px 0 0 0;
}

div#filtres {
	margin: 10px;
	padding:10px;
	background: #93c4e4;
}
div#filtres p {
	font-size:0.9em;
	font-weight:bold;
	padding:0 0 3px 0;
	color:white;
	text-transform:uppercase;
}

div#colonne2 {
	float: right;
	width: 775px;
	padding: 5px 0 0 0;
	color:#444;
}
div#colonne2 div.bloc_100  {
	width:100%;
	overflow: hidden;
}
div#colonne2 div.bloc_100 div.bloc_50, div#colonne2 div.bloc_100 div.motif_v {
  display: table-cell;
  float:left;
}
div#colonne2 div.bloc_50 {
	width:367px;
	margin: 0 10px 10px 10px;
}
div#colonne2 div.separation {
	background: url(../img/structure/motif_vertical.png) 373px 20px repeat-y;
	margin-top:10px;
}
div#colonne2 div.barre_h  {
	padding:0;
	margin:0;
	background: url(../img/structure/barre_horizontale.png) bottom no-repeat;
	width:775px;
	height:10px;
}
div#colonne2 div.petite_barre_h  {
	padding:0;
	margin:10px 0;
	background: url(../img/structure/petite_barre_horizontale.png) bottom no-repeat;
	width:365px;
	height:10px;
}
div.spacer {clear:both;}
div#bandeau {
	width: 775px;
	height: 205px;
}
div#bandeau #fraisdossier {
	position:absolute;
	top:134px;
	margin-left:635px;
}
div#pied {
	padding: 5px;
	clear: both;
	background: #008ecb;
	text-align: center;
	font-size: .90em;
	color:#fff;
}	
div#footer {
	padding: 10px;
	background: #666;
	text-align: center;
	font-size: .80em;
	color:#999;
}		
		

/* Couleurs */
.couleur1 {color:#fff;} /* blanc */
.couleur2 {color:#000;} /* noir */
.couleur3 {color:#008ecb;} /* bleu foncé */
.couleur4 {color:#f29525;} /* orange */
.couleur4 {color:#f29525;} /* orange */
.couleur5 {color:#4d3934;} /* Maron */
.couleur6 {color:#76256c;} /* Violet */
.couleur7 {color:#79a169;} /* Vert */
.couleur8 {color:#ff0000;} /* Rouge */
.couleur9 {color:#444444;} /* Gris */
.couleur10 {color:#777777;} /* Gris Clair */
.couleur11 {color:#e5256e;} /* Rose */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.tres_petit {font-size: .70em;}
.petit {font-size: .80em;}
.peu_petit {font-size: .90em;}
.grand {font-size: 1.4em;}
.tres_grand {font-size: 1.6em;}
.gras {font-weight:bold;}
.pas_gras {font-weight:normal;}
.center {text-align:center;}
.justify {text-align:justify;}
.paddingT5 {padding-top:5px;}
.paddingT10 {padding-top:10px;}
.paddingT20 {padding-top:20px;}
.paddingR10 {padding-right:10px;}
.paddingR20 {padding-right:20px;}
.paddingL10 {padding-left:10px;}
.paddingL20 {padding-left:20px;}
.paddingB5 {padding-bottom:5px;}
.paddingB10 {padding-bottom:10px;}
.paddingB20 {padding-bottom:20px;}

.hidden {display: none;}
.non_souligne {text-decoration: none;}

/* Formulaire */
input, select {
	font-family: calibri, arial, sans-serif;
	font-size: 0.95em;
}
input {
	background-color: white;
	border: 0;
	padding: 2px;
}
input[type="submit"] {cursor:pointer;}
fieldset {margin:0; padding:0; border:0;}
label {
	font-weight:bold;
	display:block;
	padding: 6px 0 0px 0;
	font-size: .85em;
}
.case {background:#3ea7d7;}
form#visite_virtuelle .bouton {
	background: #008ecb;
	border:0;
	color:#fff;
}
/* Textes */
h1 {
	color:#fff;
	text-align:center;
	font-size: 1.6em;
	font-weight:normal;
	line-height: 1.2em;
	background-color:#f29525;
}
h2 {
	font-size: 1.2em;
	text-decoration: underline;
	color: #999;
	font-weight:normal;
}
#colonne1 .titre {
	padding: 10px 0 5px 0px;
	margin:0 -10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .90em;
}
#bloc_rechercheM .option, #bloc_rechercheM_resa .option {
	font-size: 0.90em;
	color:#fff;
}

/* Images */
img {border:0;}
div#drapeaux img {border:0; padding:0; margin:1px 0 1px 0;}

/* Liens */
a {color:#008ecb; text-decoration:none;}
a:hover {text-decoration:underline;}
#pied a {color:#fff;}
#footer a, #footer a:hover {color:#999; text-decoration:none;}
div#lien_residences a {
	font-size: .85em;
	font-weight:bold;
	text-decoration:none;
}
div#lien_residences a:hover {text-decoration:underline;}

div#filAriane {color:#777; font-size:0.70em;}
div#filAriane a {color:#777; text-decoration:none;}
div#filAriane a:hover {text-decoration:underline;}


/* vlaCalendar */
#date_arrivee input {
	text-align: center;
	font-family: calibri, arial, sans-serif;
	font-size: 13px;
	background-color: white;
	border: 1px solid #3ea7d7;
	padding: 2px;
}
#date_arrivee input:focus, #date_arrivee input:hover  {
	border-bottom: 1px solid #f29525;
}
.pickerImg {
	position: absolute;
	margin-left: -16px;
	margin-top: 5px;
	cursor: pointer;
}
.infoBox {
	background-color: #fefdec;
	border: 1px solid #edebcd;
	padding: 6px;
	margin-bottom: 20px;
}


/* Menu */
div#menu {
	position:absolute;
	margin-top:84px;
	margin-left:226px;
	width: 720px;
	z-index:100;
}
div#menu li {
	margin: 0;
	border: 0 none;
	border-left: 1px solid #008ecb;
	padding: 0;
	list-style: none;
	font-size: .85em;
	height: 24px;
}
div#menu li.noborder {
	border: 0 none;
}
div#menu a, div#menu li:hover li a, div#menu li:hover li:hover li a {color:#008ecb; font-weight:bold;}
div#menu li:hover a, div#menu li:hover li:hover a, div#menu li:hover li:hover li:hover a  {color:#f29525;}
div#menu ul {padding: 0; margin:0; background: white; text-align:center}
div#menu ul li {position:relative; list-style: none; float:left; }
div#menu ul ul {
	position: absolute;
	display:none; 
	border-bottom: 1px solid #008ecb;
	width:201px;
	font-size: 1.2em;
}
div#menu li a {text-decoration: none; padding: 4px 10px; display:block;}
div#menu li li {
	width:200px;
	border-right: 1px solid #008ecb;
	border-top: 1px solid #008ecb;
	text-align:left;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau2 {left: -1px;}
div#menu ul.niveau3 {top:-1px; left: 200px;}


/* Cadre */
#top10 {
	background:#cde2f2;
	margin-top:10px;
	padding:10px;
	width:340px;
}

#top10 ul {
	float:left;
	width:170px;
}
#top10 ul li {
	color:#444;
	margin:5px 0 0 15px;
}
#top10 ul li a, #top10 ul li a:visited {
	color:#444;
	text-decoration:none;
}
#top10 ul li a:hover {
	text-decoration:underline;
}
.cadre1-bl {background:url(../img/structure/cadres/cadre1-bl.png) 0 100% no-repeat;}
.cadre1-br {background:url(../img/structure/cadres/cadre1-br.png) 100% 100% no-repeat;}
.cadre1-tl {background:url(../img/structure/cadres/cadre1-tl.png) no-repeat;}
.cadre1-tr {background:url(../img/structure/cadres/cadre1-tr.png) 100% 0 no-repeat;}
/*
.corner-t {background:url(gfx/corner-dot.png) repeat-x;}
.corner-b {background:url(gfx/corner-dot.png) 0 100% repeat-x;}
.corner-l {background:url(gfx/corner-dot.png) repeat-y;}
.corner-r {background:url(gfx/corner-dot.png) 100% 0 repeat-y;}
*/
.idees_vacances {
	float:left;
	width:110px;
	margin:5px 10px 0 0;
}

/* Listes */
ul.liste li {
color:#444444;
font-size:85%;
list-style-type:square;
margin-bottom:2px;
margin-left:30px;
}

/* Landing */
.resultGD {
border-color:#008ECB;
border-style:solid;
border-width:2px;
float:left;
height:110px;
margin-bottom:10px;
margin-left:10px;
width:320px;
}
.resultGD .illustration {
float:left;
padding-left:5px;
padding-top:5px;
width:160px;
}
.resultGD .texte {
float:left;
padding-top:10px;
text-align:left;
width:140px;
}
.resultGD2 {
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-top:0px;
border-left:0px;
float:left;
height:150px;
margin-bottom:10px;
margin-left:10px;
width:370px;
}
.resultGD2 .illustration {
float:left;
padding-left:5px;
padding-top:5px;
width:140px;
}
.resultGD2 .texte {
float:left;
padding-top:10px;
text-align:left;
width:200px;
}
.resultGD2  a, .resultGD2  a:hover {
text-decoration:none;
}