html, body {
	height: 100%;
}
body {
	padding-top: 50px; /* <- body padding for fixed top nav */
	background:url(../images/bg.jpg) no-repeat fixed center center;
	background-size:cover;
}

.contenu {
  min-height: 800px;
  background: rgba(255,255,255,0.75) fixed;
  margin-top: 25px;
}

footer {
    padding: 20px 0 0;
    background: #000;
    color: #fff;
}

#infoMessage {
  color: #f00;
}

.checkbox, .radio {
    margin-left: 30px;
}

.dataTables_scrollHeadInner,
.dataTables_scrollBody{
  background-color: #fff;
}
table.dataTable {
    margin-top: 0px !important;
}


/*--- NAVIGATION ---*/
nav {...}
.navbar{...}
.navbar-bran {display:none;}

/* pour center le menu de navigation */
.navbar-nav{ /*margin:0 auto; display:table; table-layout:fixed; float:none;*/ }
/* pour changer la couleur du dropdown ouvert */
.navbar .nav > li.dropdown.open.active > a:hover, .navbar .nav > li.dropdown.open > a { color:#fff; background-color:#6C0F0A; border-color:#fff; }

/*couleurs des liens du menu et des boutons de navigation */
#menu li a:link, #menu li a:visited { color:#fff; font-size:1.3em;}
#menu li a:active, #menu li a:hover { color: #000; background: #fff; }


/*couleurs des liens du dropdown*/
#menu .dropdown .stitredropdown { padding:.2em .5em;}
#menu .dropdown .dropdown-menu li {...}
#menu .dropdown li a:link, #menu .dropdown li a:visited { font-size:1.2em; font-family: 'Oxygen', sans-serif; color:#000; padding:.1em .5em;}
#menu .dropdown li a:active, #menu .dropdown li a:hover { color:#fff; background:#AF2A23; }

/* sous-sous menu */
.dropdown-submenu {	position: relative;}
.dropdown-submenu > .dropdown-menu { top:0; left:100%; padding:0; margin-top:-6px; margin-left:-1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropdown-submenu > a:after { display: block; content: " "; float:right; width:0; height:0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 8px; margin-right: -5px; }
.dropdown-submenu:hover > a:after { border-left-color: #ffffff; }
.dropdown-submenu .pull-left, .navbar-right { float: none; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}
/*--- Fin NAVIGATION ---*/


.ombre-bas {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}

a {
  color: #6A3919;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #4D6101;
  text-decoration: none;
}

#menu {
  position:relative;
}
.navbar-nav > li:last-child
{
  right: 0;
  position: absolute;
}

.row > div,
.row > form > div {
  margin-bottom: 10px;
}

form input[type=text],
form input[type=password],
form input[type=tel],
form select,
form textarea {
  width: 100%;
}


.bold {
  font-weight: bold;
}


table.not_datatable {
	background: #fff;
}
.not_datatable th, .not_datatable .date {
	background: #EAEAEA;
	text-align: center;
}
.not_datatable th, .not_datatable td {
	text-align: center;
	margin: 0;
	padding: 0; /*width:10%;*/
}
table.not_datatable, .not_datatable tr, .not_datatable td, .not_datatable th {
	border: 1px solid #000 !important;
}
.not_datatable .contenu {
    min-height: auto;
}
.not_datatable th {
  position: sticky;
  top: 55px; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  padding: 10px;
}
.not_datatable td {
    font-size: 18px;
    padding: 10px;
}
/*.not_datatable tr td:first-child {
    font-size: 14px;
    padding: 0px;
}*/
.not_datatable tr td.date {
    font-size: 14px;
    padding: 0px 2px;
}


table.table_calendrier {
	background: #fff;
}
.table_calendrier th, .table_calendrier .date {
	background: #EAEAEA;
	text-align: center;
}
.table_calendrier th, .table_calendrier td {
	text-align: center;
	margin: 0;
	padding: 0; /*width:10%;*/
}
table.table_calendrier, .table_calendrier tr, .table_calendrier td, .table_calendrier th {
	border: 1px solid #000 !important;
}
.table_calendrier .contenu {
    min-height: auto;
}
.table_calendrier th {
  /*position: sticky;*/
  top: 55px; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  padding: 10px;
}
.table_calendrier td {
    font-size: 18px;
    padding: 10px;
}
/*.table_calendrier tr td:first-child {
    font-size: 14px;
    padding: 0px;
}*/
.table_calendrier tr td.date {
    font-size: 14px;
    padding: 0px 2px;
}
.table_calendrier tbody tr:nth-child(3n+1) .date,
.table_calendrier tbody tr:nth-child(3n+2) .date {
  border-bottom-color: #EAEAEA !important;
}
.table_calendrier tbody tr:nth-child(3n+2) .date,
.table_calendrier tbody tr:nth-child(3n+3) .date {
  border-top-color: #EAEAEA !important;
}



#galerie {
	border: none;
}
#galerie img {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	-webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15);
}
#galerie a {
	float: left;
	margin: 0 1em 1em 0;
}
#galerie a:hover, .gallery a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}




/* make our pages be full width and full height */
/* positioned absolutely so that the pages can overlap each other as they enter and leave */
.page        {
    bottom:0; 
    padding-top:200px;
    position:absolute; 
    text-align:center;
    top:0;  
    width:100%; 
}



/* PAGES (specific colors for each page)
============================================================================= */
/*.page-home      { background:#00D0BC; color:#00907c; }
.page-about     { background:#E59400; color:#a55400; }
.page-contact   { background:#ffa6bb; color:#9e0000; }*/
.page-home {
	background-image: url('../images/home.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}




.ng-enter           { animation: slideInRight 0.5s both ease-in; z-index: 8888; } /* scaleUp */
.ng-leave           { animation: slideOutLeft 0.5s both ease-in; z-index: 9999; }



/* home -------------------------- *//*
.page-home.ng-enter         { animation: scaleUp 0.5s both ease-in; }
.page-home.ng-leave         { transform-origin: 0% 0%; animation: rotateFall 1s both ease-in; }*/

/* about ------------------------ *//*
.page-about.ng-enter        { animation:slideInRight 0.5s both ease-in; }
.page-about.ng-leave        { animation:slideOutLeft 0.5s both ease-in; }*/

/* contact ---------------------- *//*
.page-contact.ng-leave      { transform-origin: 50% 50%; animation: rotateOutNewspaper .5s both ease-in; }
.page-contact.ng-enter      { animation:slideInUp 0.5s both ease-in; }*/



/* ANIMATIONS
============================================================================= */

/* leaving animations ----------------------------------------- */
/* rotate and fall */
@keyframes rotateFall {
    0%      { transform: rotateZ(0deg); }
    20%     { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40%     { transform: rotateZ(17deg); }
    60%     { transform: rotateZ(16deg); }
    100%    { transform: translateY(100%) rotateZ(17deg); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}

/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to      { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from    { opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}












.click_all_page {
	bottom:0;
    left: 0;
    position: absolute;
    right: 0;
    top:0;
    width:100%;
}





.tabs {
  /*max-width: 640px;*/
  margin: 0 auto;
  padding: 0 20px;
}
#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  width: 20%;
}
#tab-button li a {
  display: block;
  padding: .5em;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
  text-decoration: none;
}
#tab-button li:not(:first-child) a {
  border-left: none;
}
#tab-button li a:hover,
#tab-button .is-active a {
  border-bottom-color: transparent;
  background: #fff;
}
.tab-contents {
  padding: .5em 2em 1em;
  border: 1px solid #ddd;
}



.tab-button-outer {
  display: none;
}
.tab-contents {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
}



.choix_sejours_inscrits {
  border: 1px solid #000;
  padding: 10px;
}

form.form_edit_user .col-md-6 {
  height: 53px;
}