/* Le Roc des Milandes v2 */ * {margin:0; padding:0;} a img {border:0;} ul, li {} .vocal {display:none;} body {background:#f7f9e3 url(img/fond-haut.jpg) no-repeat top center; text-align:center; font:12px/12px verdana, helvetica, sans-serif; color:#6f6f6f;} .fond-bas {position:relative; padding:43px 0 59px 0; background:url(img/fond-bas.jpg) bottom center no-repeat; text-align:center;} .contenu {position:relative; margin:0 auto 0 auto; width:770px; background:#fff url(img/fond-gauche.png) bottom left no-repeat; display:block;} .bandeau {margin:0; font:0px/0px sans-serif;} .entete {display:none;} .menu {background:url(img/fond-menu.jpg) no-repeat top center; padding-top:16px; margin:0;} .sur-menu {list-style-type:none; margin:0; padding:0; text-align:right; } .sur-menu li {display:inline; font:10px/11px verdana, helvetica, sans-serif; padding:0 10px 0 10px;} .sur-menu a {text-decoration:none; color:#2f1733; background:#e3efdc;} .sur-menu a:hover {text-decoration:underline; background:#e3efdc;} .sur-menu a:active {text-decoration:underline; background:#e3efdc;} .sur-menu img.drapeau {position:relative; top:2px;} .menu-principal {list-style-type:none; margin:0; padding:0; text-align:right; padding:5px 0 5px 0;} .menu-principal li {display:inline; font:bold 12px/12px verdana, helvetica, sans-serif; padding:0 10px 0 10px;} .menu-principal a {text-decoration:none; color:#fff; background:#b5c40d;} .menu-principal a.on {text-decoration:none; color:#feff9f; background:#b5c40d;} .menu-principal a:hover {text-decoration:underline; color:#feff9f; background:#b5c40d;} .menu-principal a:active {text-decoration:underline; color:#feff9f; background:#b5c40d;} .col-gauche {float:left; width: 207px; text-align:left;margin:0; font:0px/0px sans-serif;} .col-droite {float:right; width: 171px; text-align:left;} .accueil .col-droite {padding-top:20px;} .page-int .col-droite {padding-top:75px;} .col-centre {float:left; position:relative; width:392px; text-align:left;} .col-large {float:left; position:relative; width:555px; text-align:left;} .bas-de-page {clear:both; position:relative; top:14px; padding:2px; border-top:#c7d80d solid 1px;} /* Nav de gauche */ .encart-gauche {margin-left:9px; width:166px; background:url(img/fond-encart-gauche.gif) bottom left no-repeat; padding:0 0 10px 0;} .encart-gauche h2 {font: bold 14px/14px arial, helvetica, sans-serif; color:#fff; background:#e1d1a0; text-align:center; margin:0 8px 15px 8px; padding:3px 2px 3px 2px;} .table-encart-gauche {margin-left:5px;} .table-encart-gauche td {height:30px; vertical-align:middle; padding:2px; } .table-encart-gauche a {font:bold 11px/11px arial, helvetica, sans-serif; color:#2f1733; text-decoration:none;} .table-encart-gauche a:hover {text-decoration:underline; color:#000; background-color:transparent} .table-encart-gauche a:active {text-decoration:underline; color:#000; background-color:transparent} /* Blocs de droite */ .encart-droite {padding-top:15px; margin:0; font:0px/0px sans-serif;text-align:center; } .encart-droite-legende {font: bold 12px/13px arial, helvetica, sans-serif; color:#fff; background:#9d82a1; text-decoration:none; position:relative; top:-20px; } .encart-droite-legende:hover {text-decoration:underline; background-color:transparent} .encart-droite-legende:active {text-decoration:underline; background-color:transparent} .voir-aussi-droite {margin: 10px 5px 10px 20px;} .voir-aussi-droite h3 a {font: bold 11px/12px arial, helvetica, sans-serif; color:#682d03; text-decoration:none; margin:0;} .voir-aussi-droite h3 a:hover {background:#c7d80d;} .voir-aussi-droite h3 a:active {background:#c7d80d;} .voir-aussi-droite p {font: bold 10px/11px arial, helvetica, sans-serif; color:#6f6f6f;} .voir-aussi-droite p a {font: bold 10px/11px arial, helvetica, sans-serif; color:#6f6f6f; text-decoration:none;} .voir-aussi-droite p a:hover {text-decoration:underline; background-color:transparent;} .voir-aussi-droite p a:active {text-decoration:underline; background-color:transparent} /* Bas de page */ .bas-de-page p {font:8px sans-serif; color:#6f6f6f; margin-left:150px; text-align:center; } .bas-de-page a {font:9px/10px verdana, helvetica, sans-serif; color:#6f6f6f; text-decoration:none; padding:0 10px 0 10px;} .bas-de-page a:hover {color:#000; text-decoration:underline; background-color:transparent;} .bas-de-page a:active {color:#000; text-decoration:underline; background-color:transparent;} /* Titres */ h1 {font:italic bold 14px/14px arial, helvetica, sans-serif; text-transform:uppercase; color:#682d03; border-bottom:#682d03 solid 1px; margin-bottom:5px;} .accueil h1 {margin-top:50px; } .page-int h1 {margin-top:20px; margin-right:30px; } .col-centre h2, .col-large h2 {font:bold 14px/14px arial, helvetica, sans-serif; color:#682d03; margin-top:10px;} .col-centre h3, .col-large h3 {font:bold 12px/14px verdana, helvetica, sans-serif; color:#682d03; padding-top:10px;} .col-centre h3.chapeau, .col-large h3.chapeau {font:bold 12px/14px verdana, helvetica, sans-serif; color:#682d03; padding-bottom:10px;} /* Texte */ .col-centre p, .col-large p {font:12px/14px verdana, helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 0; } .col-centre a, .col-large a {font:bold 12px/14px verdana, helvetica, sans-serif; color:#682d03; text-decoration:none;} a:hover {background:#c7d80d;} a:active {background:#c7d80d;} .col-centre ul, .col-large ul {list-style:disc outside; color:#682d03;} .col-centre li, .col-large li {margin:10px 0 5px 15px; color:#6f6f6f;} /* Fil d'ariane */ p.fil-ariane {font:11px/11px verdana, helvetica, sans-serif; color:#6f6f6f; margin-top:20px; } p.fil-ariane a {font:11px/11px verdana, helvetica, sans-serif; color:#682d03; text-decoration:none;} p.fil-ariane a:hover {background:#c7d80d;} p.fil-ariane a:active {background:#c7d80d;} /* Boutons de services */ p.services {position:absolute; top:55px; right:5px;} p.services a {} p.services a:hover {background:#fff;} p.services a:active {background:#fff;} /* Photos */ .photo-liste {width:250px; text-align:center; display:inline; float:left; margin:30px 10px 5px 10px;} .photo-liste .vignette {display:block; text-align:center;} .photo-liste .vignette:hover {background:transparent;} .photo-liste .legende {font:10px/10px verdana, helvetica, sans-serif;} .photo-detail {text-align:center; margin-top:10px;} .photo-detail .photo:hover {background:transparent;} /* Plan du site */ h2.plan {margin-top:30px;} ul.plan {margin-left:20px;} /* Tableaux de tarifs et disponibilités */ .dispo2007 {width:550px; text-align:center; font:12px/12px arial, helvetica, sans-serif; margin-top:10px;} .dispo2007 .dates {font:11px/11px arial, helvetica, sans-serif; color:#000;} .dispo2007 .saison-B {background:#FFFF99; font:bold 11px/11px arial, helvetica, sans-serif; color:#000;} .dispo2007 .saison-M {background:#FFFF00; font:bold 11px/11px arial, helvetica, sans-serif; color:#000;} .dispo2007 .saison-H {background:#FFCC00; font:bold 11px/11px arial, helvetica, sans-serif; color:#000;} .dispo2007 .saison-TH {background:#FF9900; font:bold 11px/11px arial, helvetica, sans-serif; color:#000;} .dispo2007 .col-tarifs {color:#0F0;} .dispo {width:550px; text-align:center; font:12px/12px arial, helvetica, sans-serif; color:#000; margin-top:10px;} .dispo th {text-align:left; font:bold 12px/12px arial, helvetica, sans-serif; color:#000; padding-top:20px;} .dispo col {} .dispo .colonne-mois {font:bold 12px/13px arial, helvetica, sans-serif; color:#000;} .dispo td {padding:5px;} .dispo a {text-align:center; font:12px/12px arial, helvetica; color:#000; background:transparent;} .dispo a:hover {text-decoration:underline; background:transparent;} .dispo .disp-tot {background:#cfc;} .dispo .disp-part {background:#ff9;} .dispo .disp-resa {background:#fc0;} .dispo .disp-non {background:#f00;} /* Formulaire de réservation */ .form-resa {} .form-resa label {float:left; width:150px;} .form-resa .champ-texte {width:250px;} .form-resa .msg-erreur {color:#f00;} /* Formulaire de paiement en ligne */ .form-paiement {} .form-paiement label {float:left; width:180px;} .form-paiement .champ-texte {width:250px;} .form-paiement .msg-erreur {color:#f00;}