/* CSS Document */
.haut {background-color: #333;color: #FFF;}
.indic {text-align: right;margin-top: 20px;}
.indic a {color: #ccc;}
.telh {font-weight: bold;font-size: 1.7em;}
.telh a {font-weight: bold;color: #FFF;background:none;}
.telh a:hover {color: #0099cc;background:none;}
.navig {background-color: #333;color: #FFF;border-top: 1px solid #666;}

#nav {margin-bottom: 0px;z-index:100;}
.nav a {text-transform: uppercase;font-size: 1.4em;}
.menu-items li li a:hover {background: #0099cc;}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #fff;
  background: #0099cc;
}


.bas {background-color: #666;color: #CCC;}
.bas li {
	list-style-type: none;
}
.bas a {color: #ccc;}
.bas h5 {font-size: 1.4em;margin-bottom: 10px;}

.footer {
  .clearfix;
  margin-top:0em;
  padding-top: 1em;
  border-top:0px solid;
  padding-bottom: 2em;
  margin-bottom:0;
  text-align: left;
  position:relative;
  .colophon {padding-right: 100px}
  .generator {position: absolute;top:2em;right:0;max-width: 100px;}
}

.adresse h5 {font-family: 'Muli', sans-serif;}

.anim {background-color: #666;}
.nivo-caption{width: 30%;margin-left: 150px;background: rgba(51, 51, 51, 0.9);min-height: 150px;font-size: 2.2em;line-height: 1.4em;padding: 20px;}


.raccourcis {background-color: #F4eee6;min-height: 0px;}
.bloc1 {border: 1px solid #304047;margin-top: 20px;margin-bottom: 20px;margin-left: 10px;margin-right: 10px;}
.bloc1 a {color: #304047;font-weight: bold;font-size: 1.4em;}
.bloc1 p {float: left;padding-top: 20px;padding-left: 20px;}
.bloc1 img {float: right;}
.bloc2 {background-color: #304047;text-align : center;margin-top: 20px;margin-bottom: 20px;color: #FFF;margin-left: 10px;margin-right:10px;}
.bloc2 a {color: #fff;}
.bloc2 p {padding: 30px 20px 5px 20px;font-size: 1.4em;}
.bloc3 {background-color: #aae3F9;margin-top: 20px;margin-bottom: 20px;color: #304047;margin-left: 10px;margin-right: 8px;}
.bloc3 a {color: #304047;font-weight: bold;font-size: 1.4em;}
.bloc3 p {float: left;padding-top: 20px;padding-left: 20px;}
.introlog {margin: 0px;padding: 0px;}
.introlog img {margin: 10px 20px 40px 20px;}
.intro {min-height: 250px;margin-top: 30px;margin-bottom: 30px;margin-left: 0px;}
.intro h2 {font-family: 'Muli', sans-serif;font-size: 2.4em;text-transform: uppercase;font-weight: bold;margin-top: 40px;margin-bottom: 20px;}
.intro h3 {
	font-family: 'Muli', sans-serif;
	font-size: 1.4em;
	font-style: italic;
	color: #666;
}
.intro p {text-align: justify;}
.txtintro {margin: 0px;}
.resa {
	min-height: 460px;
	background-color: #aae3f9;
}
.imgoffre {margin-top: 30px;}
.offres {margin: 30px 0px 0px 0px;}
.offres h4 {font-weight: bold; font-size: 1.8em;}
.offres ul {margin: 0px;}
.offres li {list-style-type: none;}
.videohot {margin: 30px 0px 0px 0px;}
.videohot  h4 {font-weight: bold; font-size: 1.8em;}
.videohot iframe {margin-bottom: 50px;}
.carte {
	min-height: 362px;
	background-color: #ccc;
	background-image: url(img/carte.jpg);
	background-position: center center;
}
.localite {background: rgba(48, 64, 71, 0.7);margin-top: 100px;text-align:center;min-height: 200px;}
.localite a {color: #FFF;font-size: 1.8em;background: none;}
.localite img {margin: 25px;}
.page_sommaire .breadcrumb {display: none}
.page_rubrique .breadcrumb {display: none}
.page_article .breadcrumb {display: none}
.page_article .aside {display: none}

.main {min-height: 350px;margin-bottom: 50px;}
.main h3 {font-family: 'Muli', sans-serif;font-size: 1.2em;color: #666;}
.main ul {margin-left: 20px;}
.main a {color: #006699;font-weight: bold;}
.soustitre {color: #3399cc;}
.cartouche {margin-top: 30px;}
.cartouche h1 {font-family: 'Muli', sans-serif;font-size: 2.4em;font-weight: bold;}

.listeprod li {	list-style-type: none;margin: 5px 5px 30px 5px;}
.listeprod h2 {font-weight: bold;font-size: 1.2em;margin-top: 20px;margin-bottom: 5px;}
.listeprod a {background-color: #ccc;color: #304047;padding: 10px;}
.listeprod a:hover {background-color: #304047;color: #FFF;}

.resaint {margin-top: 30px;margin-bottom: 30px;}
.resaint ul {float: right;margin : 0px;text-align: center;}
.resaint li {display: inline;}
.resaint a {font-weight: bold;padding: 10px;margin-right: 30px;}
.lien1 a {background-color: #ccc;color: #666;font-size: 1.2em;}
.lien1 a:hover {background-color: #333;color: #fff;font-size: 1.2em;}
.lien2 a {background-color: #0099cc;color:#FFF;font-size: 1.2em;}
.lien2 a:hover {background-color: #000033;color: #fff;font-size: 1.2em;}

.resaint2 {text-align: right;margin-top: 30px;margin-bottom: 30px;}
.resaint2 a {background-color: #0099cc;color:#FFF;font-size: 1.2em;font-weight: bold;padding: 10px;margin-right: 30px;}

.formcont {margin-left: 0px;background-color: #ccc;margin-bottom: 30px;}
.formcont h3 {margin: 5px;}
.formcont form {margin: 10px 2px;}
.formcont input {display: block;}
.main .label {display: block;background: none;color: #000;font-size: 1em;font-weight: normal;}
.reponse_formulaire {background-color: #efefef;color: #000033;}
#cookieChoiceInfo {bottom:0;top:auto !important;height: 50px;}
#cookieChoiceDismiss {color: #fff;font-weight: bold;background: #000;padding: 5px;}

@media (min-width: 320px) and (max-width: 640px) {
	.indic {text-align: center;margin-top: 10px;}
	.raccourcis {background: none;margin-bottom: 30px;}
.nivo-caption{width: 50%;margin-left: 10px;background: rgba(51, 51, 51, 0.9);min-height: 30px;font-size: 0.8em;line-height: 0.9em;padding: 10px;}
	.intro h2 {font-size: 2.2em;}
	.introlog img {margin: 10px 0px;}
		.dropdown-menu li {border-bottom: 1px solid #fff;}
	.dropdown-menu > li > a {
  white-space: normal;
		text-transform: capitalize
}
	.resa {
	min-height: 260px;
	background-color: #aae3f9;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}
	.imgoffre {text-align: center;}
	.offres {min-height: 250px;}
	.offres h4 {font-weight: bold; font-size: 1.4em;margin-left: 20px;}
	.offres p {margin-left: 20px;}
	.offres ul {margin: 20px;}
.offres li {list-style-type: none;}
	#QualitelisWidget {margin-left: 20px;}
		.videohot h4 {font-weight: bold; font-size: 1.4em;margin-left: 20px;}
	.videohot iframe {margin-left: 10px;margin-bottom: 30px;}

	.carte {margin-top: 20px;margin-bottom: 20px;min-height: 150px;}
	.localite {margin-top: 0px;}
	.bloc1 {border: 1px solid #304047;margin-top: 5px;margin-bottom: 5px;margin-left: 0px;margin-right: 0px;float: left;}
.bloc1 a {color: #304047;font-weight: bold;font-size: 1.4em;}
.bloc1 p {float: left;padding-top: 20px;padding-left: 20px;}
.bloc1 img {float: right;}
.bloc2 {background-color: #304047;text-align : center;margin-top: 5px;margin-bottom: 10px;color: #FFF;margin-left: 0px;margin-right:0px;float: left;}
.bloc2 a {color: #FFF;}
.bloc2 p {padding: 30px 20px 5px 20px;font-size: 1.4em;}
.bloc3 {background-color: #aae3F9;margin-top: 5px;margin-bottom: 5px;color: #304047;margin-left: 0px;margin-right: 0px;float: left;}
.bloc3 a {color: #304047;font-weight: bold;font-size: 1.4em;}
.bloc3 p {float: left;padding-top: 20px;padding-left: 20px;}
.adresse {margin-left: 30px;}
}

@media (min-width: 768px) and (max-width: 800px) {
	.indic {text-align: center;margin-top: 10px;margin-left: 0px;}
	.telh {font-weight: bold;font-size: 1.3em;}
	.nav a {text-transform: uppercase;font-size: 1.2em;}
	.nivo-caption{width: 50%;margin-left: 10px;background: rgba(51, 51, 51, 0.9);min-height:50px;font-size: 1.2em;line-height: 1.2em;padding: 10px;}
	.raccourcis {margin-bottom: 30px;}
	.txtintro p {margin:0px;font-size: 1.1em;}
	.intro h2 {font-size: 2.2em;margin-top: 0px;}
	.resa {
	min-height: 360px;
		background-color: #aae3f9;}
		.imgoffre {margin-left: 0px;}
		.offres h4 {font-weight: bold; font-size: 1.3em;margin-left: 20px;}
	.videohot h4 {font-weight: bold; font-size: 1.3em;margin-left: 20px;}
	#QualitelisWidget {margin-left: 20px;}
	.offres p {margin-left: 20px;}
}
	.bloc1 {border: 1px solid #304047;margin-top: 5px;margin-bottom: 5px;margin-left: 5px;margin-right: 5px;float: left;}
.bloc1 a {color: #304047;font-weight: bold;font-size: 1.2em;}
.bloc1 p {float: left;padding-top: 20px;padding-left: 20px;}
.bloc1 img {float: right;width: 30px;margin-top: 10px;}
.bloc2 {background-color: #304047;text-align : center;margin-top: 5px;margin-bottom: 10px;color: #FFF;margin-left: 5px;margin-right:5px;float: left;}
.bloc2 a {color: #FFF;font-size: 0.8em;}
.bloc2 p {padding: 30px 20px 5px 20px;font-size: 1.4em;}
.bloc3 {background-color: #aae3F9;margin-top: 5px;margin-bottom: 5px;color: #304047;margin-left: 5px;margin-right: 0px;float: left;}
.bloc3 a {color: #304047;font-weight: bold;font-size: 1.2em;}
.bloc3 p {float: left;padding-top: 20px;padding-left: 20px;}
	.carte {margin-top: 20px;}
}

@media (min-width: 801px) and (max-width: 1024px) {
	.bloc1 {border: 1px solid #304047;margin-top: 5px;margin-bottom: 5px;margin-left: 5px;margin-right: 5px;float: left;}
.bloc1 a {color: #304047;font-weight: bold;font-size: 1.2em;}
.bloc1 p {float: left;padding-top: 20px;padding-left: 20px;}
.bloc1 img {float: right;}
.bloc2 {background-color: #304047;text-align : center;margin-top: 5px;margin-bottom: 10px;color: #FFF;margin-left: 5px;margin-right:5px;float: left;}
.bloc2 a {color: #FFF;}
.bloc2 p {padding: 30px 20px 5px 20px;font-size: 1.4em;}
.bloc3 {background-color: #aae3F9;margin-top: 5px;margin-bottom: 5px;color: #304047;margin-left: 5px;margin-right: 0px;float: left;}
.bloc3 a {color: #304047;font-weight: bold;font-size: 1.2em;}
.bloc3 p {float: left;padding-top: 20px;padding-left: 20px;}
}