@charset "UTF-8";

body {
	background: #1b5500 url(../images/champagny/fond_site.jpg) repeat-x center top;
	margin: 0;
}

#main {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

a img {
	border-width: 0;
}

div.clear {
	clear: both;
}

#section_2 tbody {
    font: 14px/18px Arial, Helvetica, Geneva, sans-serif;
    color: #c4ce84;
}

#section_1 {
	float: left;
	width: 314px;
	margin-top: 458px;
}

.div_video {
	margin: 36px;
}

#section_2 {
	float: left;
	width: 686px;
	min-height: 458px;
	position: relative;
	margin-bottom: 20px;
}

.bloc-pub {
	text-align: center;
	margin-bottom: 30px;
	margin-left: 40px;
	background-color: #e140c3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*background-image: url(../images/champagny/fondneige.gif);*/
	color: white;
	font: 16px/30px Arial, Helvetica, Geneva, sans-serif;
}

.bloc-pub h3, .bloc-pub h4, .bloc-pub h5, .bloc-pub p {
	border-width: 0;
	color: white;
}

.bloc-pub h3 {
	padding-bottom: 0;
	font-size: 26px;
	margin-top: 0;
}

.bloc-pub h4 {
	font-size: 20px;
	padding-bottom: 0;
	margin-bottom: 6px;
}

.bloc-pub p {
	font-size: 14px;
	line-height: 20px;
}

/* @group header */

#nav {
	position: absolute;
	top: 151px;
	width: 314px;
	height: 458px;
	z-index: 20;
	background: #b7d003 url(../images/champagny/fond_nav.jpg) no-repeat left bottom;
}

/* @group menu Lg */

#menu_lg ul, #menu_lg li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu_lg {
	width: 36px;
	position: absolute;
	top: -120px;
	right: -680px;
	z-index: 11;
}

div#menu_lg_01 {
	width: 36px;
	text-align: center;
}

div#menu_lg_01 img {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

div.repos {
	border: 1px solid #70AB4D;
	background-color: #257917;
}

div.action {
	background: #b9c66f;
	border: 1px solid #70AB4D;
	padding: 0;
}

.menu_lg_02 {
	display: none;
	width: 36px;
	border-right: 1px solid #70AB4D;
	border-bottom: 1px solid #70AB4D;
	border-left: 1px solid #70AB4D;
}

.menu_lg_02 li {
	background: #a3ae61;
}

.menu_lg_02 li.alt {
	background: #a3ae61;
}

.menu_lg_02 li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px 10px 4px;
}

.menu_lg_02 li a:hover {
	
}

/* @end */

#header {
	height: 111px;
	padding-left: 50px;
	padding-top: 40px;
	z-index: 1;
	background: url(../images/champagny/marmotte.jpg) no-repeat 840px bottom;
}

#nom_du_site a {
	text-decoration: none;
}

#nom_du_site h1 {
	margin-top: 0;
	margin-bottom: 7px;
}

#nom_du_site h1 a, #nom_du_site div.titre_h1 a {
	text-decoration: none;
	color: white;
	font: 42px 'Nothing You Could Do', Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 7px;
}

#nom_du_site h2, #nom_du_site div.titre_h2 {
	font: italic normal 18px Verdana, Arial, sans-serif;
	color: #d5e381;
	margin-top: 0;
}

/* @end */

/* @group Nav */

#menu_01 ul.topnav {
	margin-top: 20px;
	list-style-type: none;
	padding-left: 50px;
}

#menu_01 ul.topnav li {
	margin-bottom: 5px;
}

#menu_01 ul.topnav li a {
	color: white;
	text-decoration: none;
	font: 26px 'Nothing You Could Do', Arial, sans-serif;
}

#menu_01 ul.topnav li a:hover {
	text-shadow: #2d8119 1px 1px 0;
}

#menu_01 ul.topnav li a.current {
	color: white;
	text-decoration: none;
	font: 26px 'Nothing You Could Do', Arial, sans-serif;
	text-shadow: black 3px 3px 3px;
}

/* @end */

/* @group section 1 */

/* @end */

/* @group section 2 */

.picto_baby {
	float: right;
	margin-right: 50px;
	margin-bottom: -40px;
}

.picto_wifi {
	float: right;
	margin-right: 30px;
	margin-bottom: -40px;
}

/* @group Actualités */

#section_2 div.include_actus div.actualites h3 {
	color: #d7de4a;
	font: normal 20px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
}

#section_2 div.include_actus div.actualites h4 {
	color: #d7de4a;
	font: normal 14px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
}

#section_2 div.actualites img.img_actu {
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
}

#section_2 div.include_actus {
	margin-left: 36px;
	margin-right: 36px;
	clear: both;
}

#section_2 div.actualites {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #487733 url(../images/champagny/marmotte_trame.jpg) no-repeat right bottom;
	clear: both;
	padding: 15px;
	margin-bottom: 20px;
}

#section_2 div.actualites p {
	font: 14px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #c4ce84;
	margin: 10px 36px 20px;
}

#section_2 div.pagination {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#section_2 .table_pagination {
	margin-right: auto;
	margin-left: auto;
}

/* @end */

/* @group lien dispo */

#section_2 div.lien_dispo {
	float: right;
	margin-top: 20px;
	margin-right: 36px;
}

#section_2 div.lien_dispo a {
	font: 14px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 0;
	padding: 5px;
	background-color: #B7D003;
	color: #1B5500;
}

#section_2 div.lien_dispo a:hover {
	background-color: #d3f03a;
	color: #1B5500;
}

#section_2 div.lien_reserver {
	float: right;
	clear: right;
	margin: 20px 36px 30px 20px;
}

#section_2 div.lien_reserver a {
	font: 14px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 0;
	padding: 5px;
	background-color: #f2a32b;
	color: #1B5500;
}

#section_2 div.lien_reserver a:hover {
	background-color: #fdc03a;
}

/* @end */

/* @group google map */

#map_canvas {
	width: 686px;
	height: 458px;
}

#map_canvas h4 {
	font: bold 16px Arial, Helvetica, Geneva, sans-serif;
	color: black;
	margin-top: 0;
	margin-bottom: 15px;
}

#map_canvas h5 {
	font: 14px Arial, Helvetica, Geneva, sans-serif;
	color: black;
	margin-top: 0;
	margin-bottom: 15px;
}

/* @end */

#section_2 .titre, #section_2 div.texte h3 {
	color: #d7de4a;
	font: normal 20px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 36px;
}

#section_2 p a {
	color: #fff;
}

#section_2 div.intro p {
	font: 14px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #c4ce84;
	margin: 10px 36px 20px;
}

#section_2 div.texte p {
	font: 14px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #c4ce84;
	margin: 10px 36px 20px;
}

#section_2 div.texte ul {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 60px;
	list-style-type: disc;
	margin-left: 0;
	list-style-position: inside;
}

#section_2 div.texte ul li {
	font: 14px Arial, Helvetica, Geneva, sans-serif;
	color: #c4ce84;
}

#section_2 div.infos_chalet {
	margin-left: 36px;
	margin-right: 36px;
	padding: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #487733 url(../images/champagny/marmotte_trame.jpg) no-repeat right bottom;
	margin-top: -30px;
	clear: both;
}

#section_2 div.infos_chalet h3 {
	color: #dbe694;
	font: normal 20px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
	letter-spacing: 2px;
}

#section_2 div.infos_chalet p {
	font: 14px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #dbe694;
	margin-top: 10px;
	margin-bottom: 20px;
}

#section_2 div.infos_chalet ul {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 40px;
	list-style-type: disc;
}

#section_2 div.infos_chalet ul li {
	font: 14px Arial, Helvetica, Geneva, sans-serif;
	color: #dbe694;
}

#section_2 div.separateur {
	margin-bottom: 20px;
	margin-top: 20px;
	border-top: 1px dotted #d7de4a;
	margin-left: 35px;
}

.iframe-planning {
	width: 600px;
	min-height: 1800px;
	margin-bottom: 50px;
	margin-left: 40px;
}

/* @group galeries photos */

/* @group galerie 1 */

body.model_1 div.galerie {
	width: 686px;
	height: 458px;
	position: relative;
	margin-left: 0;
	margin-top: 0;
}

body.model_1 div.corner_1 {
	
}

body.model_1 div.corner_2 {
	
}

body.model_1 div.corner_3 {
	
}

body.model_1 div.corner_4 {
	
}

body.model_1 .scrollable {
	position: relative;
	overflow: hidden;
	width: 686px;
	height: 458px;
	float: left;
}

body.model_1 .scrollable .items {
	/*

this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}

body.model_1 .items div {
	float: left;
	width: 686px;
	position: relative;
}

/* single scrollable item */

body.model_1 .scrollable img {
	float: left;
	background-color: #fff;
	width: 686px;
	height: 458px;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 20px;
	margin: 0;
}

body.model_1 .scrollable h2 {
	position: absolute;
	z-index: 20;
	left: 0px;
	font: normal normal 24px 'Nothing You Could Do';
	display: block;
	width: 650px;
	padding-left: 36px;
	height: 54px;
	padding-top: 15px;
	background: url(../images/champagny/fond_titre_gal.png) repeat;
	bottom: 0px;
	margin: 0;
	color: #f2fba9;
}

/* active item */

body.model_1 .scrollable .active {
	border: 2px solid #000;
	position: relative;
	cursor: default;
}

/* prev, next, prevPage and nextPage buttons */

body.model_1 a.browse {
	background: url(../images/scrollable/hori_large.png) no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	margin: 0;
	cursor: pointer;
	font-size: 1px;
	z-index: 100;
}

/* right */

body.model_1 a.right {
	background-position: 0 -30px;
	clear: right;
	margin-right: 0px;
	position: absolute;
	right: 40px;
	bottom: 20px;
}

/* left */

body.model_1 a.left {
	margin-left: 0px;
	position: absolute;
	right: 90px;
	bottom: 20px;
}

body.model_1 #actionButtons {
	display: none;
}

body.model_1 .navi {
	height: 20px;
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 100;
}

/* @end */

/* @group commun */

#section_2 a.right:hover {
	background-position: -30px -30px;
}

#section_2 a.right:active {
	background-position: -60px -30px;
}

#section_2 a.left:hover {
	background-position: -30px 0;
}

#section_2 a.left:active {
	background-position: -60px 0;
}

/* up and down */

#section_2 a.up, a.down {
	background: url(../img/scrollable/arrow/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px;
}

/* up */

#section_2 a.up:hover {
	background-position: -30px 0;
}

#section_2 a.up:active {
	background-position: -60px 0;
}

/* down */

#section_2 a.down {
	background-position: 0 -30px;
}

#section_2 a.down:hover {
	background-position: -30px -30px;
}

#section_2 a.down:active {
	background-position: -60px -30px;
}

/* disabled navigational button */

#section_2 a.disabled {
	visibility: hidden !important;
}

/* items inside navigator */

#section_2 .navi a {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(../images/scrollable/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
}

/* mouseover state */

#section_2 .navi a:hover {
	background-position: 0 -8px;
}

/* active state (current page state) */

#section_2 .navi a.active {
	background-position: 0 -16px;
}

/* @end */

/* @end */

/* @group tableau disponibiltés */

#section_2 div.fond_dispo {
	width: 650px;
}

#section_2 div.inclusion div.tableau_dispo {
	margin-left: 36px;
}

#section_2 table.dispo {
	width: 650px;
	text-align: center;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	vertical-align: top;
	color: #95cc93;
	border: 0px solid #335926;
	opacity: 1;
}

#section_2 div.inclusion div.tableau_dispo div.article_dispo h2 {
	font: italic 18px Arial, Helvetica, Geneva, sans-serif;
	color: #d1df8d;
}

#section_2 table.dispo th {
	padding: 8px 10px;
	vertical-align: top;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #335926;
	color: #d1df8d;
}

#section_2 table.dispo td {
	padding: 8px 10px;
	vertical-align: top;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #335926;
	color: #d2daa4;
}

#section_2 div.tableau_dispo table.dispo tbody tr td.fond_bleu {
	background-color: #469443;
	color: #dbde6d;
}

#section_2 div.tableau_dispo table.dispo tbody tr:nth-child(even) {
	background-image: url(../images/deco/black_05.png);
}

#section_2 table.dispo thead {
	background-color: #1B5500;
}

#section_2 table.dispo thead th {
	color: #dbde6d;
}

/* @end */

/* @group formulaire */

#section_2 div.formulaire {
	padding: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 36px;
}

#section_2 div.formulaire p {
	font: normal 14px Arial, Helvetica, Geneva, sans-serif;
	color: #c4ce84;
	margin-top: 0;
	margin-bottom: 25px;
	margin-right: 36px;
}

#section_2 div.formulaire ul {
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 29px;
	padding-left: 40px;
}

#section_2 div.formulaire ul li {
	font: normal 14px Arial, Helvetica, Geneva, sans-serif;
	color: #c4ce84;
	margin-bottom: 10px;
}

#section_2 .tableau_standart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 650px;
}

#section_2 table.tableau_standart thead {
	margin: 0;
	padding: 0;
}

#section_2 table.tableau_standart tr.ligne_A {
	text-align: left;
	background-image: url(../images/deco/white_20.png);
}

#section_2 table.tableau_standart tr.ligne_B {
	text-align: left;
}

#section_2 table.tableau_standart td {
	padding: 5px 10px;
	text-align: left;
}

#section_2 table.tableau_standart th {
	color: #dbe694;
	padding: 8px 10px 2px;
	width: 140px;
	vertical-align: top;
	text-align: left;
}

#section_2 table.tableau_standart th.nom_du_formulaire {
	font-size: 16px;
	color: #FFF;
	font-style: italic;
	padding: 0 0 0 10px;
	margin: 0;
	height: 33px;
	vertical-align: middle;
	display: none;
}

#section_2 table.tableau_standart .elt_select {
	width: 200px;
}

#section_2 table.tableau_standart .elt_input {
	width: 200px;
}

#section_2 table.tableau_standart .elt_area {
	width: 360px;
	height: 140px;
}

#section_2 table.tableau_standart #sp_area_9 .elt_area {
	width: 280px;
	height: 120px;
}

#section_2 table.tableau_standart tfoot tr {
	text-align: left;
	background-image: url(../images/deco/white_20.png);
}

#section_2 div.formulaire p strong {
	font: 16px Arial, Helvetica, Geneva, sans-serif;
	color: #fee743;
}

/* @end */

/* @group coordonnées */

#section_2 div.coordonnees {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #bbb;
	padding: 10px 20px 0;
	margin-top: 20px;
}

#section_2 div.coordonnees p {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
}

#section_2 div.coordonnees h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font: 16px Verdana, Arial, sans-serif;
	color: gray;
}

/* @end */


/* @end */

/* @group Footer */

#footer {
	clear: both;
	margin-top: 15px;
	text-align: right;
}

a#logo_plagne {
	width: 70px;
	height: 127px;
	display: block;
	margin-left: 30px;
	float: left;
}

a#lien_gite {
	display: block;
	width: 268px;
	clear: both;
	margin-left: 42px;
	height: 46px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: url(../images/champagny/fond_btn_gite.jpg) repeat-x 0 0;
	color: #2D4400;
	text-decoration: none;
	font: 24px/42px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-shadow: white 1px 1px 1px;
	margin-bottom: 20px;
}

a#lien_gite:hover {
	background: url(../images/champagny/fond_btn_gite.jpg) repeat-x 0 -46px;
}

a#lien_fb {
	display: block;
	width: 268px;
	clear: both;
	margin-left: 42px;
	height: 46px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: url(../images/champagny/fond_btn_facebook.gif) repeat-x 0 0;
	color: #FFF;
	text-decoration: none;
	font: 24px/42px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-shadow: black 1px 1px 1px;
	margin-bottom: 20px;
}

a#lien_fb:hover {
	background: url(../images/champagny/fond_btn_facebook.gif) repeat-x 0 -46px;
}

a#lien_webcam {
	display: block;
	width: 268px;
	clear: both;
	margin-left: 42px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: url(../images/champagny/fond_btn_webcam.jpg) repeat-x 0 0;
	color: #582e22;
	text-decoration: none;
	font: 16px/30px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-shadow: #fedf9f 1px 1px 1px;
	margin-bottom: 10px;
}

a#lien_webcam:hover {
	background: url(../images/champagny/fond_btn_webcam.jpg) repeat-x 0 -46px;
}

a#logo_champagny {
	width: 110px;
	height: 100px;
	display: block;
	margin-left: 12px;
	float: left;
	margin-top: 5px;
	margin-bottom: 13px;
}

a#logo_smb {
	width: 80px;
	height: 100px;
	display: block;
	margin-left: 12px;
	float: left;
	margin-top: 5px;
	margin-bottom: 13px;
}

#coordonnees {
	margin-bottom: 20px;
	margin-right: 6px;
	margin-top: 20px;
}

#coordonnees p {
	color: #9bba48;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	margin-bottom: 0;
	margin-top: 6px;
}

#coordonnees a.lien_w {
	color: #9bba48;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

#coordonnees a {
	color: #b8df56;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

#coordonnees a:hover {
	text-decoration: underline;
}

#coordonnees p.texte_10 {
	font: 10px Arial, Helvetica, Geneva, sans-serif;
}

/* @end */