/* $Id: mv-layout.css, v 2.0 2010/06/04 12:00:00 goba Exp $ *//** * Maisons Vacances - Css layout * Fr, Nl, De, Uk * *//* Generic elements */body {padding: 0;margin: 0;overflow: visible; font: 11px/150% 'lucida grande',helvetica,tahoma,verdana,arial,sans-serif;}@media only screen and (max-device-width:480px) {    body {-webkit-text-stroke: 0 black;}}*:focus {-moz-outline-style: none;outline: none;}html {font-size: 100%;/*Bug-IE*/}a, a:link, a:visited {  text-decoration: none;  -webkit-transition-property: color;  -webkit-transition-duration: 0.33s;  -moz-transition-property: color;  -moz-transition-duration: 0.33s;  transition-property: color;  transition-duration: 0.33s;}a:hover, a:focus {text-decoration: none;}a:active {outline: none;}h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0 0 0 6px;font-weight: bold;text-align: left;display:block;}h1, h2, h3 {font-size: 12px;}h4, h5, h6 {font-size: 11px;}/*Elements*/p {margin:0;padding:0;}img, a img {border:none;margin:0;padding:0;}hr {margin: 6px  6px 9px  6px;padding: 0;border: none;height: 1px;}table {width: 100%;}td, th {padding: 9px;font-size:11px;font-weight:normal;}ul {list-style:none;margin:0;padding:0;} li {list-style:none;margin:0;padding:0;}/*Layout*/#fond-header {display:block;width:990px;height: 445px;margin:0 auto;padding: 0;z-index:-5;}#header {display: block;width: 972px;height: 144px;margin: 0 auto;padding: 0;}#top {display: block;margin: 0 auto;padding: 0;width:972px;}#logo-floater {position:absolute;margin: 15px 9px 9px 9px;padding: 0;width: 244px;height: 90px;display:block;background: url('../img/logo-maisons-vacances.png') left no-repeat;}#logo-floater:hover {}#logo-floater h1, #logo-floater h1 a, #logo-floater h1 a:link, #logo-floater h1 a:visited {display: block;width: 244px;height: 90px;/*adjust according your image size*/text-indent: -999em;  /* this hides the text */text-decoration: none; /* old firefox would have shown underline for the link, this explicitly hides it */position: relative;z-index: 2;white-space: nowrap;}#logo-floater h1 span {font-weight: bold;}#logo-floater h1 img {padding: 0;float: left;}/* Wrapper */#wrapper {display:block;width:100%;margin:0;padding:0;}body.sidebars #wrapper #container {width: 960px;}body.sidebars-home #wrapper #container {width: 960px;}body.sidebar-left #wrapper #container,body.sidebar-right #wrapper #container,body.sidebar-home-left #wrapper #container,body.sidebar-home-right #wrapper #container {width: 960px;}#wrapper #container {width: 960px;margin:0 15px;padding: 6px 0 9px 0;}#ombre {display:block;margin: 0 auto;padding:0 9px 36px 9px;width: 990px;max-width: 990px;}/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */body.sidebars {min-width: 990px;}body.sidebars-home {min-width: 990px;}/* With 2 columns, require a minimum width of 800px. */body.sidebar-left, body.sidebar-right, body.sidebar-home-left, body.sidebar-home-right{min-width: 990px;}/* We must define 100% width to avoid the body being too narrow for near-empty pages */#wrapper #container #center {float: left;width: 100%;text-align: left;}/* So we move the #center container over the sidebars to compensate */body.sidebar-left #center {margin-left: -243px;}body.sidebar-right #center {margin-right: -243px;}body.sidebar-left-home #center {margin-left: -258px;}body.sidebar-right-home #center {margin-right: -168px;}body.sidebars #center {margin: 0 -243px;}body.sidebars-home #center {margin: 0 -168px 0 -258px;}/* And add blanks left and right for the sidebars to fill */body.sidebar-left #squeeze {margin-left: 243px;}body.sidebar-right #squeeze {margin-right: 243px;}body.sidebar-left-home #squeeze {margin-left: 258px;}body.sidebar-right-home #squeeze {margin-right: 168px;}body.sidebars #squeeze {margin: 0 243px;}body.sidebars-home #squeeze {margin: 0 168px 0 258px;}/* We ensure the sidebars are still clickable using z-index */#wrapper #container .sidebar {width: 243px;float: left;z-index: 2;position: relative;text-align: left;}#wrapper #container .sidebar-home-270 {width: 258px;float: left;z-index: 2;position: relative;text-align: left;}#wrapper #container .sidebar-home-180 {width: 168px;float: left;z-index: 2;position: relative;text-align: left;}/* Bloc */.block {margin: 0 0 6px 0;padding: 0;}.block h2 {text-align: left;display: inline-block;margin: 0;padding: 0 0 0 6px;font-size: 12px;}.block .content {margin: 0;padding: 0;}.ajuste {margin-bottom: 6px;}.cadre {margin-top: 3px;padding: 0 6px 6px 0;}.cadre-texte {margin-top: 3px;padding: 0 6px 6px 6px;}.cadre-img  {margin: 3px 0 0 0;padding: 0;line-height:90%;}/* Bloc regions */#sidebar-left .block-region {margin: 0 15px 0 0px;/*LTR*/}#sidebar-right .block-region {margin: 0 0px 0 15px; /*LTR*/}.block-region {padding: 1em;border: 1px dotted;}/* Now we add the backgrounds for the main content shading */#wrapper #container #center #squeeze {position: relative;}#wrapper #container #center .right-corner {position: relative;left: 0;margin-left: 0;}#wrapper #container #center .right-corner .left-corner {position: relative;padding: 0;left:0;margin-left: 0;}#wrapper #container #center p {margin: 0;padding: 0 6px 6px 6px;text-align: left;}#center {display: block;float: left;}#container #center .block .content {margin: 0;padding: 0;}/* Homepage *//**//*Banniere*/#banniere {margin: 0;padding: 0;}/* Entete */#entete {position:relative;display:block;margin: 0;padding: 0 6px 6px 6px;color:#5c5c5c;}#arianne {position:relative;display:block;float:left;width:550px;margin:0;padding:0;line-height:100%;text-align:left;}#mots {position:relative;display:block;float:right;width:350px;margin:0;padding:0;line-height:/*120*/100%;text-align:right;}/*Colonne corps*/#colonne-corps {margin: 0;padding: 0 6px;/*min-height: 360px;*/}body.sidebar-right #colonne-corps {margin: 0;padding: 0 6px 0 0;}/*Nodes*/.node {margin: 0;padding: 0;}.node .content {margin: 0;padding: 0;}/*Chapeaux illustrations*/#chapeaux-img {margin: 0;padding: 0 6px;background:ccc;}/*Deux colonnes (ex. promos)*/#conteneur {width:auto;margin:0;padding:0;width:711px;}#colonne-gauche {position: relative;float:left;width:225px;}#colonne-droite {position: relative;float:left;width:468px;padding: 3px 6px 9px 6px;}/*Slogan*/#slogan {padding: /*6px 0 3px*/ 0;font-size:12px;line-height:110%;text-align:right;}.size9 {font-size:10px;}/*Sidebar chapeau*/#chapeau {margin: 0;padding: 6px 9px 3px 9px;}#chapeau-colonne {margin:0;padding: 3px 0;/*line-height:12px;*/}#chapeau-colonne h2 {margin:0;padding: 0 0 0 6px; line-height:12px;}/*Image gauche*/.img-gauche {margin: 0 9px 0 0;padding: 0;float:left;}/*Triptyque*/#triptyque {width: 954px;margin: 0;padding: 0;}#triptyque .block .content {margin: 0;padding: 9px;}#triptyque .item-list {display: block; margin: 0;padding: 0;}#triptyque ul {display: block; margin: 0;padding: 0;}#triptyque li {display: block;list-style-type: none;margin: 0;padding: 0;}#triptyque-gauche {float:left;margin: 0;padding: 0;width: 318px;}#triptyque-milieu {float:left;margin: 0;padding: 0;width: 318px;}#triptyque-droit {float:left;margin: 0;padding: 0;width: 318px;text-align:right;}/*Bottom quadriptique*/#quadriptique {display:block;padding: 0 0 18px 0;margin: 63px 0 0 0;}#quadriptique .block h2 {display: inline-block;margin: 0;padding: 0;}#quadriptique .block .content {padding: 6px 9px  9px  9px;}#quadriptique .item-list {display: block; margin: 0;padding: 0;}#quadriptique ul {display: block; margin: 0;padding: 0;}#quadriptique li {display: block;list-style-type: none;margin: 0;padding: 0;}#primaire{float:left;display: inline-block;width:240px;}#secondaire{display: inline-block;float:left;width:240px;}#tertiaire{display: inline-block;float:left;width:240px;}#quaternaire{display: inline-block;float:left;width: 240px;}/*Footer*/#footer {margin: 0 auto;padding: 0;font-size: 0.82em;/*line-height: 1.3em;*/}#footer a, #footer a:link,#footer a:visited {text-decoration: none;}#footer a:hover {text-decoration: none;}#footer a:active, #footer a.active {text-decoration: none;}#bottom-left {position: relative;display: inline-block;padding: 9px;}#bottom-right {position: relative;width: auto;float: right;padding: 9px;text-align: right;}/* #bottom-right ul li {display: inline;}/*