/*	Maza Edouard maza.edouard@gmail.com
	Juillet 2011
	TODO : 
	
	correctif png ie6?? & transparence aside fixed?
	
 */
 
 /*  =reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
strong {
	font-weight:bold;
}
a, a:link,a:hover,a:active,a:visited {
	color:white;
	text-decoration:none;
}

html { 
  font-size: 100%; /* Évite un bug d'IE 6-7 */ 
}

body {
	background:white url(images/back.gif) repeat-y top center;
	color:#2f271a;
	font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
	line-height:1.125em;
}

h1,h2,h3,h5,h6 {
	font-family: Palatino Linotype;

}
header, nav, footer, figure, section, aside { /* html 5 */
  display: block;
}

#wrap {
	margin:0 auto;
	width:960px;
}

section {
	background:#ab997c url(images/main.jpg) no-repeat top left;
	height:705px;
	text-align:center;
	padding-top:25px;
	width:960px;
}

header {
	background:#37628f url(images/header.jpg) no-repeat top left;
	height:165px;
}
h1 span { /* Slogan */
	position:relative;
	top:-25px;
	left:-50px;
	font-weight:bold;
	text-shadow:0px 0px 9px #000;
	
}

header h4 { /* Texte d'introduction*/
	/*background: rgba(255,255,255,0.7);*/
	color:#fff;
	font-size:0.9em;
	font-style:italic;
	
	/*margin-left:60%;*/
	padding-top:20px;
	padding-right:20px;
	text-align:center;
	/*text-shadow:0px 0px 9px #000;*/
	/*width:380px;*/
}

header p:first-letter {
	font-size:1.5em;
	margin-right:0.1em;
	vertical-align:bottom;
}

h1  {
	float:left;
}

#slide_home {
	border:5px solid #00261c;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-box-shadow: 8px 8px 12px #555; 
	-webkit-box-shadow: 8px 8px 12px #555; 
	height:200px;
	margin:0 auto;
	width:800px;
	z-index:0;
}

section h2 { /* titre de page */	
	color:#fff;
	font-size:2.5em;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:20px;
	padding-left:5px;
	padding-right:5px;
	text-shadow:0px 0px 9px #111;
}
h2 + p {
	color:#fff;
	text-shadow:0px 0px 9px #111;
	font-weight:bold;
	padding-bottom:20px;
}
	
div + p {
	font-style:italic;
	padding-bottom:10px;
}

p + p {

	font-size:1.2em;
	padding-bottom:10px;
	
}

#definition {
	padding-top:60px;
	background: rgba(255,255,255,0.2);
	border:#ccc solid 1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: 3px 3px 5px #666; 
	-webkit-box-shadow: 3px 3px 5px #666; 
}

#definition p {
	font-size:1em;
	padding:0px 10px 10px 10px;
}

.adresse {
	font-style:italic;
	margin-top:20px;
}

.resume {
	font-style:italic;
	font-weight:bold;
}

#back{ /* "Nos autres résidences */
	color:#fff;
	font-family:georgia;
	font-size:1.5em;
	padding-top:20px;
	margin-left:20px;
	padding-bottom:50px;
	padding-left:5px;
	padding-right:5px;
	text-shadow:0px 0px 9px #111;
}

#back a:hover {
	background: rgba(255,255,255,0.2);
	border:1px solid #fff;
	-moz-border-radius:10px;;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	text-decoration:underline;
}

/* =Les appartements */
#blocks {
	background: rgba(255,255,255,0.2);
	margin:0 auto;
	width:935px;
	
}
#blocks div{
	float:left;
	margin-left:10px;
	padding-bottom:10px;
	width:300px;
}
#blocks h3{ /* titre appart in home */
	color:#fff;
	float:left;
	font-family:georgia;
	font-size:1.5em; /*line-height=29px*/
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	text-shadow:0px 0px 9px #111;
}
#blocks  h3 + p { /*type d'appart */
	color:#fff;
	font-weight:bold;
	line-height:1.825em;/*line-height=h3=29px*/
	
	text-shadow:0px 0px 9px #111;
}
#blocks a { /* text appart in home */
	color:#2f271a;
	display:block;
	font-size:0.9em;
	line-height:0.975em;
	/*font-style:italic;*/
}
#blocks img {
	background:#fff;
	float:left;
	margin-right:5px;
	margin-right:5px;
	border:5px solid #00261c;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-box-shadow: 8px 8px 12px #555; 
	-webkit-box-shadow: 8px 8px 12px #555; 
}

#blocks a p {
	border:1px solid transparent;
	float:left;
	width:170px;
	padding:5px;
}
#blocks a p:hover {
	background: rgba(255,255,255,0.2);
	border:1px solid white;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	cursor:hand;
	
}




/* Page Appartement */
section ul {
	color:#2f271a;
}
section li:nth-child(1) {
	font-weight:bold;
}
section li:nth-child(2), section li:nth-child(3), section li:nth-child(4), section li:nth-child(5), section li:nth-child(6), section li:nth-child(7) {
	text-indent:15px;
}

#appartID {
	float:left;
 }
 
#slideAppart {
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-right:1px solid black;
	display:block;
	float:left;
	
	z-index:0;
}
 
 /* =Langue */
 
 section > .langue a,section > .langue a:link,section > .langue a:visited {
	color:white;
	float:left;
	font-weight:bold;
	padding-left:6px;
	margin-top:-60px;
}

section > .langue a:hover {
	color:#2f271a;
}

footer .langue a,footer .langue a:link,footer .langue a:visited {
	color:#2f271a;
	position:relative;
	top:-6px;
	float:right;
	padding-left:6px;
}

footer .langue a:hover {
	color:white;
}
 
/* =Footer */

/*menu langue fixe gauche*/
aside {
	background:#eee;
	border:#ccc solid 1px;
	height: 60px;
	position: fixed;
	top:155px;
	left:-15px;
	width:40px;
	-moz-box-shadow: 3px 3px 5px #000; 
	-webkit-box-shadow: 3px 3px 5px #000; 
	z-index:3;
	-moz-transform: rotate(4deg);  
	-webkit-transform: rotate(4deg); 
}

aside li a, aside li span {
	display:block;
	height:30px;
	width:40px;
		text-indent:-9999px;
	}

aside li {
	display:block;
	height:30px;
	width:40px;
}

aside li #francais, aside li #english, aside li #francais_current, aside li #english_current {
	background:url(images/flags.jpg) top center no-repeat;
}

aside li #francais {
	background-position:0 -60px;
}
aside li #francais_current {
	background-position:0 0px;
}
aside li #francais:hover {
	background-position:0 0px;;
	}

aside li #english {
	background-position:0 -90px;
}
aside li #english_current {
	background-position:0 -30px;
}

aside li #english:hover {
	background-position:0 -30px;;
	}

/* menu contact */

nav  {
	background: rgba(255,255,255,0.7);
	border:#ccc solid 1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: 3px 3px 5px #666; 
	-webkit-box-shadow: 3px 3px 5px #666; 
	margin-top:180px;
	position:fixed;
	text-align:center;
	width:190px;
	z-index:2;
	 -moz-transform: rotate(8deg);  
	-webkit-transform: rotate(8deg); 
	}
nav h2 {
	font-weight:bold;
	font-size:1.5em;
	line-height:0.7em;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:15px;
	color:#000;
	
}
nav ul {
	padding-top:10px;
}
nav ul li span {
	font-size:0.9em;
	font-style:italic;
}

nav a:link {
	color:black;
}
nav a:hover {
	text-decoration:underline;
	background: rgba(155,155,155,0.3);
	border:1px solid #fff;
	-moz-border-radius:10px;;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	text-decoration:underline;
}