#tarif_viticole li,
#tarif_viticole li div,
.semaine li {
padding:  3px 3px 4px 3px!important;
}

#tarif_viticole li div.col-xs-12.col-md-8.col-lg-8,
#tarif_viticole li div.col-xs-12.col-md-2.col-lg-2 {
width: 33.33%!important;
float: left!important;
height: unset!important;
}
#tarif_viticole li div.col-xs-12.col-md-2.col-lg-2 {
text-align: center;
}
ul#tarif_viticole li:first-child {
height: 30px!important;
}
#tarif_viticole li div {
display:  block!important;
}
.description li .col-xs-4.col-md-4.col-lg-4,
.description li .col-xs-3.col-md-3.col-lg-3,
.description .semaine li .col-xs-4.col-md-4.col-lg-4,
.description .semaine li .col-xs-3.col-md-3.col-lg-3  {
    float: left !important;
    width: 33.3333% !important;
}
.description .semaine li .col-xs-3.col-md-3.col-lg-3 {
padding-left: 7px;
}
.description li .col-xs-4.col-md-4.col-lg-4 {
text-align: center!important;
}
.description li .col-xs-2.col-md-2.col-lg-2,
.description .semaine li .col-xs-2.col-md-2.col-lg-2 {
    float: left !important;
    width: 16.66% !important;
    text-align: center;
}
#tarif_manger .col-xs-12.col-md-8.col-lg-8,
#tarif_dormir .col-xs-12.col-md-2.col-lg-8,
#tarif_dormir .col-xs-12.col-md-8.col-lg-8 {
width: 60%!important;
float: left!important;
padding-right: 0!important;
padding-left: 7px;
}
#tarif_manger .col-xs-12.col-md-2.col-lg-2,
#tarif_dormir .col-xs-12.col-md-2.col-lg-2 {
width: 20%!important;
text-align: center;
float: left!important;
padding-right: 0!important;
}
.dormir_suppl {
padding-left: 7px!important;
}
.semaine li {
    display: table;
    line-height: 19px;
    margin: 0;
    width: 100%;
}

/* (min-width: 1024px) COMEDIA 2016 */
@media (min-width: 1024px) {

/*FOOTER OTH*/
.informations .col-lg-4 {
width: 33.3333%!important;
float: left;
}
.informations div.col-lg-6 {
float: left;
width: 50%;
}

#galerie #gallery ul.gallery li.col-lg-6 {
width: 75px!important;
}
#galerie #gallery ul.gallery li.col-lg-6 img {
background-size: cover!important;
width: 100%!important;
height: auto!important;
}
}

/* (max-width: 960px) COMEDIA 2016 */
@media (max-width: 960px) {

.container {
width: 100%;
max-width: 100%;
}
a.navbar-brand.pull-left {
  height: 150.8px;
  width: 270px;
}
/* ACCUEIL */
.container .row .col-xs-12.col-md-4.col-lg-4,
.container .row .col-md-4.col-lg-4 {
width: 33.33333333333333%!important;
float: left!important;
}
figure.theme figcaption {
  overflow: hidden!important;
  width: 280px;
/*  top: 139px;*/
top:  166px;
}
p.lien {
margin-top:  5px;
}
.container .row .col-xs-12.col-md-8.col-lg-8 {
width: 66.66666666666666%;!important;
float: left!important;
}
/* Page grille */
.col-xs-6.col-md-3.col-lg-3 {
width: 25%!important;
}
figure.theme.choix figcaption {
    height: 89px;
    width: 203px;
}
figure.theme,
figure.theme.choix {
width:  100%;
heigth: auto;
overflow: hidden;
/*margin-bottom: 30px;*/
background-size: cover !important;
background-repeat: no-repeat!important;
background-position: center top!important;
}
figure.theme.choix figcaption h2 {
margin-top: 5px!important;
}
/* DESCRIPTIF */
.content_indicator {
display: none!important;
}
div.panel.descriptif {
margin-top: 0 !important;
top: 0!important;
}
.descriptif div.panel-heading {
top: 0!important;
height: auto!important;
}
.descriptif .col-xs-6.col-md-4.col-lg-3,
.descriptif .col-xs-6.col-md-4.col-lg-2,
.descriptif .col-xs-6.col-md-4.col-lg-5 {
width: 33.3333%; float: left;
margin-top: 5px
;
}
p.close_descriptif a {
/*position: absolute; top:-150%; right:-95%;*/
}
.descriptif div.panel-body {
margin-top: 10px;
}
#galerie #gallery ul.gallery li.col-lg-6 {
width: 75px!important;
}
#galerie #gallery ul.gallery li.col-lg-6 img {
background-size: cover!important;
width: 100%!important;
height: auto!important;
}


/*** MENU ***/
#menu {
width: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fixmenu{
width: 100%;
max-width: 100%;
}
#menu.fixmenu .row {
width: 100%;
margin-right: auto;
margin-left: auto;
}
#menu.fixmenu nav,
div#menu.fixmenu nav div.megamenu_container,
#menu nav.fixmenu div.megamenu_container ul.megamenu {
margin-top: 0px;
}

/* MEGAMENU */
#menu.container {
padding: 0;
background-image: none;
}
.row.menu {
padding: 0;
}
/* PLACEMENT */
.menu nav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	text-align: center;
}
div.menu nav div.megamenu_container,
#menu nav div.megamenu_container ul.megamenu {
}
ul.megamenu li {
background-color: #fff!important;
}
.menu nav div.megamenu_container ul.megamenu li h1 {
    padding: 0;
    margin: 0;
    /*width: 100%;*/
}
.menu nav div.megamenu_container ul.megamenu li h1 a {
    display: inline-flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;

    font-size: 22px;
    font-weight: 400;

    text-decoration: none;
    text-transform: uppercase;

    color: #6e5d4e;
    font-weight: normal!important;
}
.menu nav div.megamenu_container ul.megamenu li:hover h1 a,
.menu nav div.megamenu_container ul.megamenu li:focus h1 a {
    color:  #fff; 
}
ul.megamenu li a {
    color: #fff;
    /*background-color: #d2af72;*/
}
ul.megamenu li:nth-child(1):hover/*,
ul.megamenu li:nth-child(1) a:hover*/ {

    color: #fff!important;
    background-color: #6b4f5c!important;
}
ul.megamenu li:nth-child(2):hover/*,
ul.megamenu li:nth-child(2) a:hover*/ {

    color: #fff!important;
    background-color: #94596f!important;
}
ul.megamenu li:nth-child(3):hover/*,
ul.megamenu li:nth-child(3) a:hover*/ {

    color: #fff!important;
    background-color: #9c816e!important;
}

/* MENUS LIENS */
.menu .row {
padding: 0;
margin: 0 auto;
height: auto;
}
.menu .row:after {
content: " ";
display: inline;
}

.menu nav div.megamenu_container ul.megamenu li  {
height: 50px;
}
.menu nav div.megamenu_container ul.megamenu li h1 {
text-align: center!important;
display: inline-block;
}

ul.megamenu {
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
ul.megamenu li {
color: #fff;
background-color: #6E5D4E;
width: 33.333333%;
}
.menu nav div.megamenu_container ul.megamenu li h1 {
margin: 0;
padding: 0;
}
.menu nav div.megamenu_container ul.megamenu li h1 a {
font-weight: bold;
font-size: 22px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
display: inline-flex;
width: 100%;
}
ul.megamenu li a {
color: #fff;
}
ul.megamenu li:nth-child(1):hover {
color: #fff;
background-color: #6b4f5c;
}
ul.megamenu li:nth-child(2):hover {
color: #fff;
background-color: #94596f!important;
}
ul.megamenu li:nth-child(3):hover {
color: #fff;
background-color: #9c816e!important;
}

.megamenu > li .megamenu_drop {
padding:0;
}


/* SOUS-MENUS */
.dropdown_fullwidth {
padding: 0 0 15px;
display: block;
margin: 0;
color: #fff;

}
.megamenu li .dropdown_container, .megamenu li .dropdown_fullwidth, .megamenu li .dropdown_multilevel {
padding-top: 0;
/*background-color: #dedede!important;*/
}
.dropdown_fullwidth figure {
text-align: left;
border-bottom: 1px solid #fff;
padding-bottom: 15px;
padding-top: 15px;
margin-bottom: 12px;
}
.dropdown_fullwidth figure img {
float: left;
clear: none;
display: block;
margin: 0 10px 0 0;
}
.dropdown_fullwidth figure figcaption {
}
.dropdown_fullwidth figure figcaption h2 {
font-size: 20px;
margin: 0;
padding: 0;
line-height: normal;
}
.dropdown_fullwidth figure figcaption p {
font-size: 12px;
margin: 0;
padding: 0;
}

/*** / MENU ***/

/*FOOTER OTH*/
.informations .col-lg-4 {
width: 33.3333%!important;
float: left;
}
.informations div.col-lg-6 {
float: left;
width: 50%!important;
}
.sponsors .col-lg-2 {
width: 16%!important;
float: left;
}
div.panel.descriptif .tab-content,
#descriptifs .description,
.description {
height: unset!important;
}

.description li .col-xs-4.col-md-4.col-lg-4,
.description li .col-xs-3.col-md-3.col-lg-3,
.description .semaine li .col-xs-4.col-md-4.col-lg-4,
.description .semaine li .col-xs-3.col-md-3.col-lg-3  {
    float: left !important;
    width: 33.3333% !important;
}
.description li .col-xs-4.col-md-4.col-lg-4 {
text-align: center!important;
}

}

/* (max-width: 800px) COMEDIA 2016 */
@media (max-width: 800px) {
#menu.fixmenu {
display: none!important;
}
/* BLAGUE */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: unset!important;
}
header {
background-color: #6e5d4e!important;
}
/* ACCUEIL */
.container .row .col-xs-12.col-md-4.col-lg-4,
.container .row .col-md-4.col-lg-4 {
width: 100%!important;
float: none;
}
figure.theme figcaption {
  background-image: none!important;
  padding-left: 3px!important;
  padding-right: 3px!important;
  background-color: #fff;
}
figure.theme figcaption p {
    line-height: 1.2em!important;
}
.touteslesactus,
p.lien {
    margin-bottom: 10px;
    margin-top: 0px!important;
    text-align: right;
}
.touteslesactus a,
p.lien a {
    background-color: #b74556!important;
    color: #fff;
    display: inline-block;
    padding: 7px;
    padding-right: 8px!important;
    text-decoration: none;
-webkit-border-radius: 3px!important;
-moz-border-radius: 3px!important;
border-radius: 3px!important;
}
.touteslesactus a:hover,
.touteslesactus a:focus,
p.lien a:hover,
p.lien a:focus {
    background-color: #6e5d4e!important;
    color: #fff!important;
}
figure.territoire figcaption p {
color: #000!important;
}
.container .row .col-xs-12.col-md-8.col-lg-8 {
width: 100%;!important;
float: none!important;
}
.carnet {
background-size: cover!important;
background-position: center bottom!important;
}
/* CONTACT */
#contactForm .form-group.col-lg-6 input#ville, #contactForm .form-group.col-lg-6 input#fax {
margin-left: 0%;
}
#contactForm .form-group.col-lg-6 input#codepostal, #contactForm .form-group.col-lg-6 input#ville, #contactForm .form-group.col-lg-6 input#pays, #contactForm .form-group.col-lg-6 input#telephone, #contactForm .form-group.col-lg-6 input#fax, #contactForm .form-group.col-lg-6 input#mobile {
    width: 100%;
}
/* THEMES */
figure.theme.choix {
padding-bottom: 10px;
margin-bottom: 13px;
}
figure.theme.choix img {
background-position: center top!important;
background-size: cover!important;
background-repeat: no-repeat!important;
}
figure.theme.choix figcaption {
height: 72px!important;
max-height: 72px!important;
width: 100%!important;
display: inline-block!important;
}
figure.theme.choix figcaption h2 {
font-size: 15px!important;
padding: 0!important;
}
figure.theme.choix figcaption p {
padding: 0!important;
font-size:  12px!important;
}
/* MENU */
#menu.container {
display: none;
}
button.navbar-toggle {
    color: #fff;
    font-size: 3em;
}
.navbar-toggle {
    border: none!important;
right: -10px;
top: -15px;
    padding: 9px 10px;
    position: absolute;
    display: block;
    float: right!important;
z-index: 9999;
}
div.navbar-collapse,
div.navbar-collapse.collapse,
div.navbar-collapse.collapse ul li.respons {
display:  none;
}

div.navbar-collapse.in {
display:  block;
width: 100%;
z-index: 9998;
position: absolute;
top: 0;
padding-top: 30px;
background-color: #6e5d4e;
padding-bottom: 20px;
}
div.navbar-collapse.in ul {
margin-left: 0!important;
padding-left: 0!important;
padding-top: 23px;
}
/* DROPDOWN */
div.navbar-collapse.in li.dropdown {
display: block!important;
width: 100%;
float: none;
clear: both;
text-align: left;
border-bottom: 1px solid rgba(255, 255, 255, .7);
}
div.navbar-collapse.in li.dropdown:nth-last-child(1) {
border-bottom: none ;
}
div.navbar-collapse.in li.dropdown .caret {
float: right;
margin-right: 15px;
border-bottom-color: #fff;
border-top-color: #fff;
 margin-top: 10px;
}
div.navbar-collapse.in li.dropdown.open {
background-color: #000;
}
div.navbar-collapse.in li.dropdown:nth-child(1).open {
color: #fff;
background-color: #6b4f5c;
}
div.navbar-collapse.in li.dropdown:nth-child(2).open {
color: #fff;
background-color: #94596f!important;
}
div.navbar-collapse.in li.dropdown:nth-child(3).open {
color: #fff;
background-color: #9c816e!important;
}
div.navbar-collapse.in li.dropdown.open ul.dropdown-menu {
width: 100%!important;
}
ul.dropdown-menu li {
width: 100%;
display: inline-block;
padding-bottom: 10px;
color: #6e5d4e;
}
ul.dropdown-menu li:hover,
ul.dropdown-menu li:focus,
ul.dropdown-menu li a,
ul.dropdown-menu li a:hover,
ul.dropdown-menu li a:focus {
color: #6e5d4e!important;
background-color: transparent!important;	
}
ul.dropdown-menu li a {
padding-bottom: 13px!important;
padding-top: 15px!important;
}
ul.dropdown-menu li a figure img {
float: left;
clear: none;
}
ul.dropdown-menu li a figure img {
max-width: 100%;
height: auto;
margin-right: 15px;
}
ul.dropdown-menu li a figure figcaption h2 {
font-size: 1.3em;
padding-top: 0!important;
margin-top: 0!important;
}
ul.dropdown-menu li a figure figcaption p {
font-size: 0.9em;
line-height: auto;
margin-top: 0!important;
}

/* ? */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: transparent!important;
border-color: transparent!important;
}
.dropdown-menu > li > a {
white-space: normal!important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: transparent!important;
background-image: none!important;
}
/* /DROPDOWN */
div.navbar-collapse.in form {
margin-top: 15px!important;
}
div.navbar-collapse.in form .col-lg-4.pull-right {
width: 100%!important;
/*background-color: #f60!important;*/
display: block!important;
}
div.navbar ul form .input-group input {
height: 35px!important;
margin-top: 0!important;
}
header button.btn.btn-default {
margin-top: -2px!important;
height: 35px!important;
padding-bottom: 10px;
}
div.navbar-collapse.in {
    display: table;
}
.navbar-nav .open .dropdown-menu {
    background-color: #fff;
    border: 0 none;
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: auto;
}
/* /MENU */

/*FOOTER OTH*/
.informations div.col-lg-4 img {
max-width: 95%!important;
height: auto;
}
.informations div.col-lg-6 img {
max-width: 90%!important;
height: auto;
}

/*CACHECACHE*/
p.close_descriptif {
    position: absolute;
    right: 2%;
    top: 0;
}
.panel.descriptif {
margin-bottom: 12px!important;	
}
.descriptif div.panel-body {
    margin-top: 5px!important;
}
#gallery {
padding-left: 0!important;	
}
#galerie #gallery ul.gallery li {
margin-left: 1%!important;
}
.descriptif div.panel-body .plan {
padding-bottom: 0!important;
height: 327px!important;
}
/*TRI*/
/* comedia 2016 */

/*.panel.tri .panel-body ul li {
hyphens: auto;
white-space: nowrap;
float: left!important;
margin-right: 5%;
width: 45%;
}*/

.tri div.panel-body ul.services {
width: 100%;
}
#galerie #gallery ul.gallery li.col-lg-6 {
width: 75px!important;
}
#galerie #gallery ul.gallery li.col-lg-6 img {
background-size: cover!important;
width: 100%!important;
height: auto!important;
}
.description li .col-xs-4.col-md-4.col-lg-4,
.description li .col-xs-3.col-md-3.col-lg-3,
.description .semaine li .col-xs-4.col-md-4.col-lg-4,
.description .semaine li .col-xs-3.col-md-3.col-lg-3  {
    float: left !important;
    width: 33.3333% !important;
}
.description li .col-xs-4.col-md-4.col-lg-4 {
text-align: center!important;

}
.description li .col-xs-2.col-md-2.col-lg-2,
.description .semaine li .col-xs-2.col-md-2.col-lg-2 {
    float: left !important;
    width: 15%% !important;
}
div.panel.descriptif .tab-content,
#descriptifs .description,
.description {
height: unset!important;
}

figure.theme.actu img {
float: left;
max-width: 100%!important;
width: 115px!important;
height: auto;
background-repeat: no-repeat !important;
border-right: 15px solid #eee;
box-sizing: border-box;
margin-right: 0px!important;
}
figure.theme.actu figcaption {
float: left!important;
width: auto!important;
padding-left: 5px!important;
padding-right: 5px!important;
}
figure.theme.actu {
height: unset!important;
background-color: #fff;
padding-bottom: 0px;
border-bottom: 0px solid #5b4c47!important;
}
/*COMEDIA - 230317*/


}

/* 'max-width: 768px) COMEDIA 2016 */
@media (max-width: 768px) {

div.navbar-collapse.in ul {
margin-left: 0!important;
padding-left: 0!important;
}

figure.theme figcaption,
figure.theme.choix figcaption {
height: 100px!important;
max-height: 100px!important;
/*width: 100%!important;*/
display: inline-block!important;
}
figure.theme.actu img {
float: left;
max-width: 100%!important;
width: 115px!important;
height: auto;
background-repeat: no-repeat !important;
border-right: 15px solid #eee;
box-sizing: border-box;
margin-right: 0px!important;
}
figure.theme.actu figcaption {
float: left!important;
width: auto!important;
padding-left: 5px!important;
padding-right: 5px!important;
}
figure.theme.actu {
height: unset!important;
background-color: #fff;
padding-bottom: 0px;
border-bottom: 0px solid #5b4c47!important;
}

#galerie #gallery ul.gallery li.col-lg-6 {
width: 75px!important;
}
#galerie #gallery ul.gallery li.col-lg-6 img {
background-size: cover!important;
width: 100%!important;
height: auto!important;
}
div.panel.descriptif .tab-content,
#descriptifs .description,
.description {
height: unset!important;
}
.description li .col-xs-4.col-md-4.col-lg-4,
.description li .col-xs-3.col-md-3.col-lg-3,
.description .semaine li .col-xs-4.col-md-4.col-lg-4,
.description .semaine li .col-xs-3.col-md-3.col-lg-3  {
    float: left !important;
    width: 33.3333% !important;
}
.description li .col-xs-4.col-md-4.col-lg-4 {
text-align: center!important;

}
.description li .col-xs-2.col-md-2.col-lg-2,
.description .semaine li .col-xs-2.col-md-2.col-lg-2 {
    float: left !important;
    width: 15%% !important;
}
}

/* (max-width: 640px) + 600px COMEDIA 2016 */
@media (max-width: 640px) {
li.dropdown.open {
padding: 0!important;	
}
.open ul.dropdown-menu {
background-color: #fff!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}
div.navbar-collapse.in {
display: table;
}
div.navbar-collapse.in ul {
margin-left: 0!important;
padding-left: 0!important;
}
figure.theme figcaption h1 {
display: table!important;
white-space: normal;
width: auto!important;
}
figure.theme figcaption h2,
figure.theme figcaption p {
margin-top: 10px!important;
}
/* THEMES */
#choix_reponse .col-xs-6.col-md-3.col-lg-3 {
width: 100%!important;
}
div.panel.tri {
padding: 0!important;
}

figure.theme, figure.theme.choix {
background-color: #fff;
margin-bottom: 0!important;
margin: 0!important;
padding: 0!important;
display: inline-block;
height: auto;
clear: both;
float: none;
border-bottom: 0 solid #5b4c47!important;
}
div[id^=plus_] figure.theme.choix {
margin-top: 10px!important;
margin-bottom: 10px!important;
}
div[id^=plus_] {
border-bottom: 1px solid #5b4c47;
padding: 0!important;
}
div[class^=col-xs-12] {
padding-left: 0!important;
padding-right: 0!important;
}
div[class^=col-md-4] {
padding-left: 0!important;
padding-right: 0!important;
}
.descriptif div[class^=col-xs-12] {
padding-left: 5px!important;
padding-right: 5px!important;
}
.descriptif div[class^=col-md-4] {
padding-left: 5px!important;
padding-right: 5px!important;
}
#choix_reponse div[id^=plus_],
#choix_reponse .col-xs-6.col-md-3.col-lg-3 {
width: 100%!important;
margin-left: auto;
margin-right: auto;
} 
figure.theme img, figure.theme.choix img {
float: left;
max-width: 100%!important;
width: 115px!important;
height: auto;
background-repeat: no-repeat !important;
border-right: 15px solid #eee;
box-sizing: border-box;
margin-right: 0px!important;
}
figure.theme figcaption, figure.theme.choix figcaption {
float: left!important;
width: auto!important;
padding-left: 5px!important;
padding-right: 5px!important;
}
figure.theme.actu {
height: unset!important;
}
.theme.pack_office figcaption {
/*width: unset!important;*/
max-width: 70%!important;
word-break: normal!important;
padding-left: 0!important;
padding-right: 0!important;
}

div.panel.tri div {
padding-bottom: 0px!important;
display: table;
width: 100%;
}
p.droit select {
width: 88.1%!important;
}
/*FOOTER OTH*/
.informations div h1 {
font-size: 1.3em;
margin-bottom: 10px!important;
margin-top: 0!important;
}
.informations div p {
font-size: 0.95em;
margin-bottom: 7px!important;
}
.sponsors .col-lg-2 {
width: 33.3333%!important;
float: left;
}
.sponsors .col-lg-2:nth-child(4),
.sponsors .col-lg-2:nth-child(5),
.sponsors .col-lg-2:nth-child(6) {
margin-top: 20px;
}
/*CACHECACHE*/
.panel.descriptif {
padding-left: 0!important;
padding-right: 0!important;
}
/*TRI*/
/* comedia 2016 */
.panel.tri .panel-body ul li {
hyphens: auto;
white-space: nowrap;
float: left!important;
margin-right: 5%;
width: 45%;
}
.tri div.panel-body ul.services {
width: 100%;
}
.description h3, .description p {
width: 100%!important;
clear: both;
float: none!important;
margin-left: 0!important;
}
div.panel.descriptif .tab-content,
#descriptifs .description,
.description {
height: unset!important;
}

.description li .col-xs-4.col-md-4.col-lg-4,
.description li .col-xs-3.col-md-3.col-lg-3,
.description .semaine li .col-xs-4.col-md-4.col-lg-4,
.description .semaine li .col-xs-3.col-md-3.col-lg-3  {
    float: left !important;
    width: 33.3333% !important;
}
.description li .col-xs-4.col-md-4.col-lg-4 {
text-align: center!important;

}
.description li .col-xs-2.col-md-2.col-lg-2,
.description .semaine li .col-xs-2.col-md-2.col-lg-2 {
    float: left !important;
    width: 15%% !important;
}

}

/* (max-width: 480px) COMEDIA 2016 */
@media (max-width: 480px) {

.navbar-toggle {
right: -10px;
top: -15px;
}
div.navbar-collapse.in {
padding-top: 20px;
padding-bottom: 15px;
}
/* THEMES */
div.panel.tri div, div.panel.tri div p.droit {
width: 100%;
}
p.droit select {
width: 86%!important;
}

#contactForm {
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

a:hover figure.theme.pack_office,
a:focus figure.theme.pack_office {
text-decoration: none!important;
}

/*FOOTER OTH*/
.informations div.col-lg-4 {
width: 100%!important;
float: none;
display: inline-block;
}
.informations div.col-lg-4 h1 {
float: left;
width: 46%;
padding-bottom: 20px;
margin-right: 3%;
}
.informations div.col-lg-4 p {
float: left;
width: 50%!important;
}
.informations div.col-lg-6 p {
    float: left;
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px;
    padding-right: 0 !important;
    padding-top: 0 !important;
    text-align: center !important;
    width: 97% !important;
}
.informations div.col-lg-6 p img {
margin-top: 0!important;
}
.informations div.col-lg-6 {
width: 25%!important;
display: inline-block!important;
}
.sponsors .col-lg-2 {
width: 33.3333%!important;
float: left;
}
.sponsors .col-lg-2:nth-child(4),
.sponsors .col-lg-2:nth-child(5),
.sponsors .col-lg-2:nth-child(6) {
margin-top: 20px;
}
/* CACHECACHE */
img.gauche {
float: none!important;
margin-right: 0!important;
clear: both;
margin-left: auto!important;
margin-right: auto!important;
}
.panel-heading div h1 {
font-size: 20px!important;	
}

.panel-heading div.col-xs-6.col-md-4.col-lg-5 {
width: 100%!important;
white-space: nowrap!important;
text-align: center!important;
float: none!important;
}
.panel-heading .col-xs-6.col-md-4.col-lg-3 p,
.panel-heading .col-xs-6.col-md-4.col-lg-2 p {
width: 100%;
}
.panel-heading div.noprint {
float: left!important;
clear: none!important;
width: 50%!important;
}
.panel-heading div.noprint p {
text-align: center!important;
width: auto!important;
}
.panel-footer .col-xs-2.col-md-4.col-lg-3 div {
text-align: center!important;
width: 100%;
margin-left: auto!important;
margin-right:  auto!important;
}
.descriptif div.panel-heading div.col-xs-6 p {
text-align: center!important;
float:  none!important;
margin-right: 0!important;
}
div.panel.descriptif .tab-content,
#descriptifs .description,
.description {
height: unset!important;
}

.description li .col-xs-4.col-md-4.col-lg-4,
.description li .col-xs-3.col-md-3.col-lg-3,
.description .semaine li .col-xs-4.col-md-4.col-lg-4,
.description .semaine li .col-xs-3.col-md-3.col-lg-3  {
    float: left !important;
    width: 33.3333% !important;
}
.description li .col-xs-4.col-md-4.col-lg-4 {
text-align: center!important;

}
.description li .col-xs-2.col-md-2.col-lg-2,
.description .semaine li .col-xs-2.col-md-2.col-lg-2 {
    float: left !important;
    width: 15%% !important;
}

figure.theme.actu figcaption h1 {
margin-bottom: 5px;
}

figure.theme.actu figcaption {
max-width: 74%!important;

}

figure.theme.actu,
figure.theme.actu figcaption {
height: unset!important;
max-height: 150px!important;
}
figure.theme.actu p {
margin-top: 5px!important;
}

}

/* (max-width: 360px) COMEDIA 2016 */
@media (max-width: 360px) {

header div.navbar ul.col-lg-7 li.respons {
float: none!important;
width: 100%!important;
clear:  both!important;
text-align: left!important;
}
/* THEMES */
figure.theme.choix {
margin-bottom: 0px;
}
figure.theme figcaption,
figure.theme.choix figcaption {
width: 65%!important;
clear: none!important;
float: left;
box-sizing: border-box;
height: auto!important;
max-height: auto!important;
}
figure.theme img,
.choix_reponse figure.choix img,
figure.theme.choix img {
width: 35%!important;
clear: none!important;
float: left;
box-sizing: border-box;
height: auto!important;
max-height: auto!important;
margin-bottom: 0px!important;
}
figure.theme.choix figcaption h2,
figure.theme.choix figcaption p {
white-space: initial!important;
line-break: loose!important;
}
figure.theme.actu,
figure.theme.actu figcaption {
height: unset!important;
max-height: 150px;
}
figure.theme.actu p {
margin-top: 5px!important;
}

p.droit select {
width: 100%!important;
}
/*FOOTER OTH*/
.informations div.col-lg-4 h1 {
float: left;
width: 40%;
padding-bottom: 20px;
margin-right: 3%;
}
.informations div.col-lg-4 p {
font-size: 0.89em;
}
.informations div.col-lg-6 p {
    float: left;
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px;
    padding-right: 0 !important;
    padding-top: 0 !important;
    text-align: center !important;
    width: 97% !important;
}

.sponsors .col-lg-2 {
width: 33.3333%!important;
height: 60px!important;
float: left;
}
.sponsors .col-lg-2:nth-child(4),
.sponsors .col-lg-2:nth-child(5),
.sponsors .col-lg-2:nth-child(6) {
margin-top: 20px;
}
/* CACHECACHE */
.panel-heading div h1 {
font-size: 17px!important;	
}
.panel-heading .col-xs-6.col-md-4.col-lg-3,
.panel-heading .col-xs-6.col-md-4.col-lg-2,
.panel-heading .col-xs-6.col-md-4.col-lg-5 {
/*width: 100%!important;*/
white-space: nowrap!important;
text-align: right!important;
}
.panel-heading .col-xs-6.col-md-4.col-lg-5 p {
/*text-align: right!important;*/
}
.panel-heading .col-xs-6.col-md-4.col-lg-5 p img {
/*float: right!important;*/
}

#galerie #gallery ul.gallery li.col-lg-6 {
width: 75px!important;
}
#galerie #gallery ul.gallery li.col-lg-6 img {
background-size: cover!important;
width: 100%!important;
height: auto!important;
}
#galerie #gallery ul.gallery li {
margin-left: unset!important;
}
div.panel.descriptif .tab-content,
#descriptifs .description,
.description {
height: unset!important;
}

.description li .col-xs-4.col-md-4.col-lg-4,
.description li .col-xs-3.col-md-3.col-lg-3,
.description .semaine li .col-xs-4.col-md-4.col-lg-4,
.description .semaine li .col-xs-3.col-md-3.col-lg-3  {
    float: left !important;
    width: 33.3333% !important;
}
.description li .col-xs-4.col-md-4.col-lg-4 {
text-align: center!important;

}
.description li .col-xs-2.col-md-2.col-lg-2,
.description .semaine li .col-xs-2.col-md-2.col-lg-2 {
    float: left !important;
    width: 15%% !important;
}

}

/* (max-width: 320px) COMEDIA 2016 */
@media (max-width: 320px) {

/* THEMES */
figure.theme.choix {
margin-bottom: 10px;
}
figure.theme img {
float: left!important;
}

figure.theme.actu,
figure.theme.actu figcaption {
height: unset!important;
max-height: 150px!important;
}
figure.theme.actu p {
margin-top: 5px!important;
}
figure.pack_office, figure.pack_office figcaption {
height: unset!important;
max-height: 200px!important;
}

/*figure.theme.choix img {
float: left;
margin-right: 5%;
max-width: 45%!important;
width: 45!important;
height: auto;
background-repeat: no-repeat!important;
}
figure.theme.choix figcaption {
float: left!important;
width: 50%!important;
white-space: normal!important;
clear: none!important;
}*/

/*FOOTER OTH*/
.informations {
padding-bottom: 0!important;
}
.informations div.col-lg-4 {
padding-bottom: 10px!important;
}
.informations div.col-lg-4 h1 {
float: none!important;
width: 100%;
padding-bottom: 0px;
margin-right: 0%;
}
.informations div.col-lg-4 p {
font-size: 0.89em;
}
.informations div.col-lg-4 p i {
display: none;
}
.informations div.col-lg-6 p {
    float: left;
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px;
    padding-right: 0 !important;
    padding-top: 0 !important;
    text-align: center !important;
    width: 97% !important;
}

.sponsors .col-lg-2 {
width: 33.3333%!important;
height: 60px!important;
float: left;
}
.sponsors .col-lg-2:nth-child(4),
.sponsors .col-lg-2:nth-child(5),
.sponsors .col-lg-2:nth-child(6) {
margin-top: 20px;
}
div.panel.descriptif .tab-content,
#descriptifs .description,
.description {
height: unset!important;
}
.description li .col-xs-4.col-md-4.col-lg-4,
.description li .col-xs-3.col-md-3.col-lg-3,
.description .semaine li .col-xs-4.col-md-4.col-lg-4,
.description .semaine li .col-xs-3.col-md-3.col-lg-3  {
    float: left !important;
    width: 33.3333% !important;
}
.description li .col-xs-4.col-md-4.col-lg-4 {
text-align: center!important;

}
.description li .col-xs-2.col-md-2.col-lg-2,
.description .semaine li .col-xs-2.col-md-2.col-lg-2 {
    float: left !important;
    width: 15%% !important;
}

}


/*MAX-WIDTH 988*/
@media (min-width: 801px & max-width: 988px) {

.container {
  padding-right: 0px;
  padding-left: 0px;
width: 100%;
}
.visible_invisible {
display: none!important;
}	
}
@media (min-width: 801) {

.visible_invisible {
display: none!important;
}

}
/*MAX-WIDTH 800*/
@media (max-width: 800px) {
	
	body {
background-color: #fff;
}
/* HEADER */
header {
height: auto;
background: #a85e77 none;
text-align: center;
}
a.navbar-brand.pull-left {
background: url(../media/habillage/OThautvillers-Logo_haut.png) no-repeat;
background-size: 100% 100%;
width: 200px;
height: 112px;
padding: 0;
margin: 10px auto;
clear: both;
float: none;
}
header ul.nav.navbar-nav {
/*float: none;*/
font-size: 14px;
float: left;
clear: none;
display: inline-block;
}
header ul.nav.navbar-nav a {
color: #fff;
}
header div.navbar ul.col-lg-7 {
width: 100% !important;
/*background-color: #f60;*/
float: right;
margin-right: 0;
padding-right: 0;
text-align: right;
}
div.navbar ul form .input-group input {
	font-size: 12px;
    height: 28px;
    margin-top: 2px;
}

/********************/
div.vide, a#nextslide.load-item, a#prevslide.load-item {
display: none !important;
}
/********************/
/* MEGAMENU */
#menu.container {
padding: 0;
background-image: none;
}
.row.menu {
padding: 0;
}
/* PLACEMENT */
div.navbar {
margin-bottom: 0;
}
.menu nav {
	/*width: 100%;*/
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	text-align: center;
}
div.menu nav div.megamenu_container,
.menu nav div.megamenu_container ul.megamenu {
/*width: 100%;*/
}



/* MENUS LIENS */
.menu .row {
width: 100%;
padding: 0;
margin: 0 auto;
height: auto;
}
.menu .row:after {
content: " ";
display: inline;
}

.menu nav div.megamenu_container ul.megamenu li  {
width: 33.333%;
margin: 0;
text-align: center;
padding: 0 0 10px;
float: left;
clear: none;
list-style-type: none;
height: 50px;
background-color: #fff;
}
ul.megamenu li.decouverte a {
color: #6b4f5c;
width: 100%;
display: block;
}
ul.megamenu li.dormir a {
color: #94596f;
width: 100%;
display: block;
}
ul.megamenu li.manger a {
color: #576d80;
width: 100%;
display: block;
}
ul.megamenu li.decouverte a:hover {
color: #fff;
background-color: #6b4f5c;
}
ul.megamenu li.dormir a:hover {
color: #fff;
background-color: #94596f;
}
ul.megamenu li.manger a:hover,
ul.megamenu li.manger a:active {
color: #fff;
background-color: #9c816e;
}

.megamenu > li .megamenu_drop {
padding:0;
}
.menu nav div.megamenu_container ul.megamenu li h1 {
margin: 0;
padding: 0;
}
.menu nav div.megamenu_container ul.megamenu li h1 a {
font-weight: bold;
font-size: 22px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
}

/* SOUS-MENUS */
.dropdown_fullwidth {
padding: 0 0 15px;
display: block;
margin: 0;
color: #fff;

}
.megamenu li .dropdown_container, .megamenu li .dropdown_fullwidth, .megamenu li .dropdown_multilevel {
padding-top: 0;
}
.dropdown_fullwidth figure {
text-align: left;
border-bottom: 1px solid #fff;
padding-bottom: 15px;
padding-top: 15px;
margin-bottom: 12px;
}
.dropdown_fullwidth figure img {
float: left;
clear: none;
display: block;
margin: 0 10px 0 0;
}
.dropdown_fullwidth figure figcaption {
}
.dropdown_fullwidth figure figcaption h2 {
font-size: 20px;
margin: 0;
padding: 0;
line-height: normal;
}
.dropdown_fullwidth figure figcaption p {
font-size: 12px;
margin: 0;
padding: 0;
}

/********************/

.container {
  padding-right: 0px;
  padding-left: 0px;
width: 100%;
}
/*THEMES*/
figure.theme {
width:  100%;
heigth: auto;
overflow: hidden;
margin-bottom: 15px;
border-bottom: 1px solid #5b4c47;
padding-bottom: 15px;
}
figure.theme img {
width: 100px;
height: auto;
float: left;
clear: none;
margin-right: 15px;
}
figure.theme figcaption,
figure.theme figcaption.visible-sm {
position: relative;
top: 0px;
z-index: 0;
clear: none;
display: inline-block;
background: none;
width: 83.3%;
height: 100px;
color: #000;
visibility: visible;
}
figure.theme figcaption.visible-sm p {
line-height: normal;
}
figure.theme figcaption h1 {
font-size: 15px;
font-weight: bold;
background-color: #000;
color: #fff;
display: inline-flex;
	padding: 7px 7px 7px 10px;
	margin-top: 0;
}

figure.theme figcaption h2 {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 0;
padding-right: 10px;
padding-left: 10px;
}
figure.theme figcaption p {
font-size: 1em;
color: #000;
margin: 0;
padding-right: 10px;
padding-left: 10px;
	line-height: 0.9em;
}
figure.theme.visible-sm figcaption p {
line-height: 1em;
}
figure.theme figcaption p.voir_plus {
display: none;
}
/* CARNET */
.carnet {
    background: url("../media/habillage/carnet_de_voyage.jpg") no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
    height: 240px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
}

.carnet .formulaire {
	text-align: center;
	margin-top: 20px;
}
/*CHOIX*/
figure.theme.choix {

}
figure.theme.choix img {
}
figure.theme.choix figcaption {
position: relative;
top: 0px;
z-index: 0;
clear: none;
display: inline-block;
background: none;
/*width: 63.3%;*/
/*max-width:  100%;*/
height: 100px;
color: #000;
visibility: visible;
}
figure.theme.choix figcaption h2 {
font-size: 17px;
color: #000;
}
figure.theme.choix figcaption p {
font-size: 1.5em;
color: #000;
margin: 5px 0 0;
padding-right: 10px;
padding-left: 10px;
padding-top: 0;
line-height: 1em;
}
figure.theme.choix figcaption p .etoiles {
font-size: 0.5em;
vertical-align: super;
}
figure.theme.choix figcaption p.voir_plus {
display: none;
}

/*TRI*/
div.panel.tri {
float: none;
clear: both;
display: inline-block;
width: 100%;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
background-color: transparent;
margin-bottom: 15px;
}
.tri div.panel-heading {
/*background-color: #000;*/
margin: 0;
display: block;
color: #fff;
position: relative;
padding: 10px 0;
}
.tri div.panel-heading i {
vertical-align: middle;
font-size: 30px;
margin-right: 10px;
}
.tri div.panel-footer {
/*background-color: #000;*/
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
display: block;
color: #fff;
float: none;
clear: both;
}

.tri div.panel-heading  h1 {
margin: 0;
padding: 0;
font-size: 28px;
}
.tri div.panel-body  h2 {
margin: 10px 0 7px;
padding: 0;
font-size: 20px;
}
.tri div.panel-body  p {
margin: 0;
font-size: 14px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
line-height: 25px;
}
.tri div.panel-body ul.services {
list-style-type: none;
}
.tri div.panel-body ul.services li {
float: left;
width: 45%;
margin-right: 5%;
}
.tri div.panel-body .irs {
margin-bottom: 10px;
}
.tri div.panel-body .irs-from, .tri div.panel-body .irs-to {
font-weight: bold;
font-size: 1em;
}
.tri div.panel-footer h3 {
padding: 0;
font-size: 20px;
margin: 0;
float: left;
clear: both;
}
.tri div.panel-footer p {
padding-top: 1px;
}
.tri div.panel-footer a, .tri div.panel-footer a:hover, .tri div.panel-footer a:focus {
color: #fff;
}
.tri div.panel-footer a:hover, .tri div.panel-footer a:focus {
text-decoration: underline;
}
/*desciptif*/
/* DESCRIPTIF */
div.panel.descriptif {
float: none;
clear: both;
display: inline-block;
width: 100%;
margin-top: -95px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
z-index: 300;
position: relative;
top: 16.75px;
background-color: transparent;
}
/*INDICATOR*/

div.content_indicator {
float: none;
clear: both;
display: inline-block;
width: 100%;
margin-top: -95px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
z-index: 300;
position: relative;
background-color: transparent;
}
.indicator1,
.indicator2,
.indicator3,
.indicator4 {
display: none;
}
/*panel-heading*/
.descriptif div.panel-heading {
/*background-color: #000;*/
margin: 0;
height: auto;
display: block;
color: #fff;
top: 55px;
position: relative;
padding: 10px 0;
}

.descriptif .panel-body [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.descriptif div.panel-heading div h1 {
margin: 0;
padding: 0;
/*font-size: 25px;*/
font-size: 17px!important;
}
.descriptif div.panel-heading  p {
margin: 0;
font-size: 13px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
line-height: 2;
}
p .etoiles {
font-size: 0.7em;
vertical-align: super;
}
/*panel-body*/
/*TAB*/
#descriptifs {
}
.descriptif div.panel-body {
margin-top: 57px;
float: none;
clear: both;
}
div.panel.descriptif div.panel-body ul#Tabdescript li a {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

div.panel.descriptif div.panel-body ul#Tabdescript,
div.panel.descriptif div.panel-body  ul#Tabdescript li a {
border-style: none;
}
div.panel.descriptif div.panel-body  ul#Tabdescript li.active a {
border-style: none;
/*background-color: #000;*/
color: #fff;
}
div.panel.descriptif div.panel-body ul#Tabdescript li a:hover,
div.panel.descriptif div.panel-body  ul#Tabdescript li a:focus {
border-style: none;
/*background-color: #f60;*/
color: #fff;
}
div.panel.descriptif .tab-content {
height: 335px;
padding: 10px 0 15px;
border-style: none;
}
div.panel.descriptif .tab-content p {
padding-left: 15px;
}
div.panel.descriptif .tab-content #descriptifs p {
padding-left: 0px;
}
div.panel.descriptif .tab-content img.gauche {
float: left;
clear: none;
margin-right: 15px;
}
#descriptifs .description,
.description {
margin: 5px 0 0;
padding-right: 5px;
height: 300px;
overflow-y: scroll;
overflow-x: hidden;
padding-left: 15px;
color: #000;
}
#descriptifs .image {
margin: 0;
padding: 0;
}

/*PLAN*/
.descriptif div.panel-body .plan {
height: 375px;
overflow: hidden;
padding: 0 0 15px;
float: none;
clear: none;
display: block;
}
.descriptif div.panel-body .plan iframe {
width: 100%;
height: 280px;
overflow: hidden;
margin-bottom: 6px;
}

.descriptif div.panel-body .plan p {
color: #000;
}
.descriptif div.panel-body .plan button.btn-sm {
margin-left: 10px;
padding: 2px;
}

/*panel-footer*/
.descriptif div.panel-footer {
/*background-color: #000;*/
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
height: 50px;
display: block;
color: #fff;
float: none;
clear: both;
}
/*LIENS PANEL*/
div.panel-body.dormir ul#Tabdescript li a:hover,
div.panel-body.dormir ul#Tabdescript li a:focus,
div.panel-body.dormir ul#Tabdescript li.active a {
background-color: #94596f;
}


/*GALLERY*/
#gallery {
margin-top: 19px;
}
/*TRES IMPORTANT !*/
#gallery ul li {
list-style-type: none;
}
#gallery ul li.span1 {
width:60px;
float: left;
margin-left: 2.76243%;
margin-bottom: 2.76243%;
}
	#gallery ul li.span1 img {
	width:60px;
	height:auto;
	}

/* FOOTER */
footer {
background-color: #9c816e;
color: #fff;
padding-top: 15px;
padding-bottom: 20px;
height: 55px;
}
footer section {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.visible_invisible {
display: inline-block;
}
.touteslesactus {
padding-bottom: 10px;
text-align: right;
margin-top: 10px;
margin-bottom: 15px;
}

.touteslesactus a {
padding: 7px;
background-color: #000;
color: #fff;
display: inline-block;
text-decoration: none;
}
.touteslesactus a:hover {
background-color: #93596f;
color: #000;
}
.slidesjs-navigation,
ul.slidesjs-pagination {
display: none;
}

	div.row.row_bas {
	margin-top: 0px;
}
.informations .col-xs-6.col-lg-6 {
	width: 100%;
	float: none;
	clear: both;
}
.informations .col-lg-12 .col-md-4.col-lg-4 {
	width: 33.33%;
	float: left;
	margin-top: 10px;
}
.informations .telechargement {
	margin-top: 0px;
}
.tri .panel-body #voir {
margin-right: 10%;
margin-bottom: 12px;
margin-top: 9px;
}
}

/*MAX-WIDTH 768*/
@media (max-width: 768px) {

header ul.nav.navbar-nav {
  font-size: 13px;
}

figure.theme figcaption.visible-xs {
position: relative;
top: 0px;
z-index: 0;
clear: none;
display: inline-block;
background: none;
width: 83.3%;
height: 100px;
color: #000;
visibility: visible;
}
}
@media (min-width: 768px) {

header div.navbar ul.col-lg-7 li.dropdown {
display: none;
}

}
@media (max-width: 767px) {
header {
}
button.navbar-toggle {
color: #fff;
font-size: 3em;
}
header div.navbar div.navbar-collapse,
header div.navbar div.navbar-collapse.collapse
header div.navbar div.navbar-collapse.in {
/*z-index: 9999;*/
/*top: 60px;*/
/*position: absolute;
width: 100%;
height: auto;*/
}
a.navbar-brand.pull-left {
clear: none;
}
div#menu {
display: none;
}
div.container {
}

header div.navbar div.navbar-collapse ul.col-lg-6.nav {
width: 100% !important;
float: none;
margin-right: 0;
padding-right: 15px;
padding-left: 15px;
text-align: left;
}
header div.navbar ul.col-lg-7 li.respons {
float: left;
}
header div.navbar ul.col-lg-7 li.respons a {
padding: 5px 10px;
}
header div.navbar ul.col-lg-7 li.dropdown {
padding: 5px 10px;
width: 100%;
float: none;
clear: both;
}
header div.navbar ul.col-lg-7 li.dropdown a,
header div.navbar ul.col-lg-7 li.dropdown ul li {
/*margin: 0;
padding: 0;*/
}
header div.navbar ul.col-lg-7 li.dropdown figure {
margin: 0;
padding: 0;
}
header div.navbar ul.col-lg-7 li.dropdown figure img {
float: left;
clear: none;
margin-left: 0;
margin-right: 10px;
}
header div.navbar ul.col-lg-7 li.dropdown figcaption {
width: 100%;
border-bottom: 1px solid #fff;
margin-bottom: 7px;
}
header div.navbar ul.col-lg-7 li.dropdown a:hover {
background-color: transparent;
}
header div.navbar ul.col-lg-7 li.dropdown h2 {
font-size: 16px;
margin-top: 0;
}
header div.navbar ul.col-lg-7 li.dropdown p {
font-size: 12px;
white-space: normal;
}
/*THEMES*/
figure.theme {
width:  100%;
heigth: auto;
overflow: hidden;
margin-bottom: 15px;
border-bottom: 1px solid #5b4c47;
padding-bottom: 15px;
}
figure.theme img {
width: 100px;
height: auto;
float: left;
clear: none;
margin-right: 15px;
}
figure.theme figcaption,
figure.theme figcaption.visible-sm {
position: relative;
top: 0px;
z-index: 0;
clear: none;
display: inline-block;
background: none;
width: 80%;
height: 100px;
color: #000;
visibility: visible;
}
figure.theme figcaption.visible-sm p {
line-height: normal;
}

figure.theme figcaption h1 {
font-size: 15px;
font-weight: bold;
/*background-color: #000;*/
padding: 5px 7px 7px 10px;
color: #fff;
display: inline;
}
figure.theme figcaption h2 {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 0;
padding-right: 10px;
padding-left: 10px;
}
figure.theme figcaption p {
font-size: 1em;
line-height: 2em;
color: #000;
margin: 7px 0 0;
padding-right: 10px;
padding-left: 10px;
}
figure.theme.visible-sm figcaption p {
line-height: 1em;
}
figure.theme figcaption p.voir_plus {
display: none;
}
/*CHOIX*/
figure.theme.choix {

}
figure.theme.choix img {
}
figure.theme.choix figcaption {
/*position: relative;
top: 0px;
z-index: 0;
clear: none;
display: inline-block;
background: none;
width: 58%;
max-width:  100%;
height: 100px;
color: #000;
visibility: visible;*/
}
figure.theme.choix figcaption h2 {
font-size: 17px;
color: #000;
}
figure.theme.choix figcaption p {
font-size: 1.5em;
color: #000;
margin: 5px 0 0;
padding-right: 10px;
padding-left: 10px;
padding-top: 0;
line-height: 1em;
}
figure.theme.choix figcaption p .etoiles {
font-size: 0.5em;
vertical-align: super;
}
figure.theme.choix figcaption p.voir_plus {
display: none;
}
.tri .panel-body #voir {
margin-right: 5%;
margin-bottom: 0;
margin-top: 9px;
}
}

/*MAX-WIDTH 600*/
@media (max-width: 600px) {

/* MENU MOBILE */
header div.navbar ul li.respons {
float: left;
clear:  none;
}
header div.navbar ul li.respons a {
font-size: 14px;
}
header div.navbar ul li.respons a:hover,
header div.navbar ul li.respons a:focus,
header div.navbar ul li.respons a:active,
header div.navbar ul li.respons a:visited {
background-color: transparent;
}

header div.navbar ul li.dropdown {
clear: both;
}
.nav > li.dropdown > a,
.nav > li.dropdown > a:hover,
.nav > li.dropdown > a:focus
.nav > li.dropdown.open {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
.nav > li.dropdown-toggle, 
.nav > li.dropdown > ul.dropdown-menu > li > a,
.nav > li.dropdown > ul.dropdown-menu > li > a:hover,
.nav > li.dropdown > ul.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
font-size: 14px;
}
.nav > li.dropdown > ul.dropdown-menu > li > a > figure > img {
float: left;
clear:  none;
margin-right: 15px;
}
.nav > li.dropdown > ul.dropdown-menu > li > a > figure > figcaption > h2 {
font-size: 16px;
font-weight: 400; 
line-height: 0.7;
}
.nav > li.dropdown > ul.dropdown-menu > li > a > figure > figcaption > p {
font-size: 12px;
white-space: normal;
line-height: normal;
margin-top: 0;
}

header div.navbar .col-lg-3.pull-right {
float: none!important;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
padding-top: 10px;
}
/*generique*/
.gauche, .droit, .centre {
max-width:  100%;
height: auto;
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
display: block;
}
/*THEMES*/
figure.theme figcaption,
figure.theme figcaption.visible-sm {
/*position: relative;
top: 0px;
z-index: 0;
clear: none;
display: inline-block;
background: none;
width: 78.3%;
height: 100%;
color: #000;
visibility: visible;*/
}
.carnet {
	/*background-image: none;*/
	height: auto;
}

.tri div.panel-heading .col-xs-8 {
width: 50%;
}
.tri div.panel-heading .col-xs-4 {
width: 50%;
}
.tri div.panel-body ul.services {
	padding-bottom: 15px;
	width: 100%;
}
.tri div.panel-body ul.services li {
	/*float: none;
	clear: both;
	white-space: nowrap;*/
}
.tri div.panel-footer {
height: 65px;
}
.tri div.panel-footer p.droit {
	float: none;
	clear: both;
	font-size: 0.9em;
}
figure.theme.choix figcaption {
/*	width: 54%;*/
}
figure.theme.choix figcaption h2 {
	font-size: 14px;
}
figure.theme.choix figcaption p {
	font-size: 15px;
}
.descriptif div.panel-footer {
	float: none;
	clear: both;
}
.descriptif div.panel-footer  div.col-xs-6 p, .descriptif div.panel-footer  div.col-xs-4 p {
	font-size: 0.9em;
	padding-top: 2px;
}
.col-xs-6.informations, .col-xs-6.partage {
	/*width: 100%;
	clear: both;
	float: none;*/
	/*padding-bottom: 15px;*/
}
div.informations div.col-md-4.col-lg-4 {
width: 33.33%;
}
div.informations div.col-md-4.col-lg-4 img {
	width: 180%;
	max-width: 180%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
footer {
	font-size: 0.88em;
}
}

/*MAX-WIDTH 480*/
@media (max-width: 480px) {

.container {
	background-image: none;
}
.gauche, .droit {
float: none;
clear: both;
margin-right: 0px;
max-width:  100%;
height: auto;
margin-right: auto;
margin-left: auto;
display: block;
margin-bottom: 10px;
}

/*THEMES*/
figure.theme figcaption,
figure.theme figcaption.visible-sm {
/*position: relative;
top: 0px;
z-index: 0;
clear: none;
display: inline;
background: none;
width: 72.3%;
height: auto;
color: #000;
visibility: visible;*/
}
figure.theme.choix img {
	width: 100%;
	height:  auto;
	display: block;
}
figure.theme.choix figcaption h2 {
margin-top: 10px;
	font-size: 1.8em;
}
figure.theme.choix figcaption {
/*width: 100%;*/
/*    width: 69%!important;
height: auto;*/	
}
figure.theme.choix figcaption h2,
figure.theme.choix figcaption p {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}
.carnet  {
	height: auto;
	background-image: none;
	background-color: #ab677e;
	padding-bottom: 10px;
}
.carnet .col-xs-6, .carnet .col-xs-6.formulaire {
	width: 100%;
	float: none;
	clear: both;	
}
.carnet .col-xs-6.formulaire {
	text-align: center;
}
.tri div.panel-heading .col-xs-8 {
width: 50%;
}
.tri div.panel-heading .col-xs-4 {
width: 50%;
}
.tri div.panel-heading .col-xs-8 h1 {
	font-size: 20px;
}
.tri div.panel-body .col-xs-6 {
	width: 100%;
	float: none;
	clear: both;
}
.tri div.panel-body .col-xs-6 ul.services {
	display: inline-block;
	padding-bottom: 0;

}
.tri div.panel-body .col-xs-6 ul.services li {
	float: left;
	clear: none;
	width: 45%;
}
.tri div.panel-footer {
height: auto;	
}
.tri div.panel-footer p.droit {
	font-size: 0.8em;
	float: left;
	margin-right: 0;
	margin-left: 0;
}
.descriptif div.panel-heading div.col-xs-6 {
width: 100%;
float: none;
clear: both;
}
.descriptif div.panel-heading div.col-xs-6 p {
float: left;
clear: none;
margin-right: 15px;
}
div.descriptif ul#Tabdescript li {
width: 50%;
float: left;
clear: none;
text-align: center;
}
div.main.descriptif {
width: 100%;
float: none;
clear: both;
padding-right: 0;
}
div.panel.descriptif .tab-content {
height: auto;
}
#descriptifs .col-xs-5, #descriptifs .col-xs-7 {
width: 100%;
float: none;
clear: both;
text-align: center;
}
#descriptifs .col-xs-5 img {
margin-right: auto;
margin-left: auto;
}
#descriptifs .col-xs-7 p {
text-align: left;
}
#descriptifs .description,
.description {
height: auto;
margin-top: 10px;
margin-bottom: 15px;
}
div.plan {
width: 100%;
float: none;
clear: both;
display: block;
border-width: 2px;
}
.descriptif .panel-footer .col-xs-2,
.descriptif .panel-footer .col-xs-4,
.descriptif .panel-footer .col-xs-6 {
width: 100%;
float: none;
clear: both;
}
.descriptif div.panel-footer {
height: auto;
display: block;
margin-top: 10px;
}
footer {
height: auto;
}
footer .col-xs-6 {
width: 100%;
float: none;
clear: both;
}
/*GALERIES*/
#gallery ul li.span1 {
width:60px;
float: left;
margin-left: 1.762%;
margin-bottom: 2.76243%;
}
.tri .panel-body #voir {
margin-right: 0;
margin-bottom: 0;
margin-top: 9px;
width: 100%;
}
/* comedia - 230717 */
.description {
padding-left: 10px!important;
padding-right: 10px!important;
}
.semaine li .descriptif.col-xs-3.col-md-3.col-lg-3,
.semaine li .descriptif.col-xs-4.col-md-4.col-lg-4 {
/*display: none;*/
width: 33.33%!important;
float: left!important;
clear: none!important;
}
.semaine li .descriptif.col-xs-2.col-md-2.col-lg-2 {
width: 16.66!important%;
float: left!important;
clear: none!important;
}
div.navbar-collapse.in {
padding-top: 45px;
}
header div.navbar ul.col-lg-7 li.respons a {
padding:  5px 8px;
}

}
/*MAX-WIDTH 360*/
@media (max-width: 360px) {
	/*GALERIES*/
#gallery ul li.span1 {
width:56px;
float: left;
margin-left: 1%;
margin-bottom: 2.76243%;
}
/*BAS*/
.col-xs-6.informations,
.col-xs-6.partage {
width: 100%;
height: auto;
clear: both;
float: none;
	background-color: transparent;
}
.informations div.col-md-4.col-lg-4 {
	padding-bottom: 15px;
}
.tri div.panel-body ul.services li,
.tri div.panel-body ul.search_equipement li
 {
	float: none!important;
	clear: both!important;
	white-space: nowrap!important;
}
div.navbar-collapse.in {
padding-top: 20px!important;
}
}
/*MAX-WIDTH 320*/
@media (max-width: 320px) {

header {
height: auto;
background: #a85e77 none;
text-align: center;
}
/*THEMES*/
figure.theme img, figure.choix img {
width:  100%;
max-width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
float: none;
clear: both;
}
figure.theme figcaption,
figure.theme figcaption.visible-sm,
#slides figure.theme figcaption.visible-sm {
width:  100%;
height: auto;
float: none;
clear: both;
}
figure.theme figcaption h1 {
width: 100%;
height: auto;
display: inline-block;
margin-bottom: 0;
font-size: 1.3em;
margin-top: 5px;
}
figure.theme figcaption h2 {
width: 100%;
height: auto;
display: inline-block;
}
figure.theme figcaption p {
margin-top: 0;
}
.carnet {
    height: auto;
padding-bottom: 10px;
}
.tri div.panel-heading .col-xs-8 {
    width: 100%;
}
.tri div.panel-heading .col-xs-4 {
    display: none;
}
.tri div.panel-body .col-xs-6 ul.services li {
    clear: both;
    float: none;
    width: 100%;
}
.choix_reponse .col-xs-6 {
width: 100%;
}
.choix_reponse figure.choix img {
margin-bottom: 10px;
}
.choix_reponse figure.choix figcaption {
width: 100%;
height: auto;
float: none;
clear: both;
}
.choix_reponse figure.choix figcaption h2 {
font-size: 1.3em;
}
.choix_reponse figure.choix figcaption p {
padding-bottom: 2px;
}
.descriptif div.panel-heading {
height: auto;
}
div.descriptif ul#Tabdescript li {
width: 50%;
float: left;
clear: none;
}
.descriptif div.panel-footer {
margin-top: 10px;
}

/*BAS*/
.col-xs-6.informations,
.col-xs-6.partage {
width: 100%;
height: auto;
clear: both;
float: none;
	background-color: transparent;
}
.informations div.col-md-4.col-lg-4 {
	padding-bottom: 15px;
}
/*GALERIES*/
#gallery ul li.span1 {
width:60px;
float: left;
margin-left: 1.762%;
margin-bottom: 2.76243%;
}
}