@font-face {
	font-family: 'AvantQue';
	src: url('../fonts/hinted-Avantque.eot');
	src: url('../fonts/hinted-Avantque.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hinted-Avantque.woff2') format('woff2'),
		url('../fonts/hinted-Avantque.woff') format('woff'),
		url('../fonts/hinted-Avantque.ttf') format('truetype'),
		url('../fonts/hinted-Avantque.svg#Avantque...') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 12px;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	height: 100%;
}

header, footer, section, aside, nav, article, figure, figcaption, time, dialog {
	display: block;
}

body { 
	background: transparent url(../img/motif.jpg) repeat;
	height: 100%;
	font-family: Arial, verdana, "Trebuchet MS", sans-serif;
}

a img { outline: none; border: none; }

br.clear{ clear: both; visibility: hidden; line-height: 0; height: 0; }

div.clearResponsive { clear: both; visibility: hidden; height: 0; display: none; }

ul.horizontalList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.center {
	width: 990px;
	margin: 0 auto;
}

*:first-child {
	margin-top: 0;
}

a:link {
	color: #1f9db5;
	text-decoration: none;
}
a:visited {
	color: #1f9db5;
}
a:hover {
	color: #1f9db5;
	text-decoration: underline;
}
a:active {
	
}

p.bodytext a {
	color: #000;
	text-decoration: underline;
}
p.bodytext a:hover {
	color: #1f9db5;
	text-decoration: none;
}

/* ==========================================================================
   Menu de navigation
   ========================================================================== */
   
#blocNavigation {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: none;
	z-index: 200;
}

#navWrapper {
	background: transparent url(../img/bg_menu.jpg) repeat;
	width: 100%;	
}

#navWrapper nav {	
	overflow: hidden;
	color: #fff;
	padding: 15px 10px 0 10px;
	height: auto;
}

#navWrapper nav a {	
	color: #fff;
	text-decoration: none;
}
#navWrapper nav a:hover {	
	color: #1f9db5;
}

#navWrapper nav div.blocMenu {	
	float: left;
	width: 100px;
	padding: 0 10px;
	min-height: 100px;
}

#navWrapper nav div.blocMenu + .blocMenu {	
	border-left: 1px dotted #fff;
}

#navWrapper nav div.blocMenu h1 {	
	font: 17px LeagueGothicRegular, Arial, verdana, sans-serif;
	font-weight: normal;
	margin: 0 0 15px 0;
}
#navWrapper nav div.blocMenu h1 a.cur {	
	color: #1f9db5;
}

#navWrapper nav div.blocMenu ul {	
	margin: 0;
	padding: 0;
}

#navWrapper nav div.blocMenu ul li {	
	font: 11px Arial, verdana, sans-serif;
	word-wrap: break-word;
}

#navWrapper nav div.blocMenu ul li.current a {	
	color: #1f9db5;
}

#navWrapper nav div.blocMenu ul li + li {	
	margin-top: 10px;
}

#navBottomWrapper {
	background: transparent url(../img/bg_menu_bottom.jpg) left top repeat-x;
	width: 100%;
	padding-top: 13px;
	height: 52px;
}

#navLanguette {
	height: 52px;
}

#languette {
	width: 71px;
	height: 52px;
	margin-left: 15px;
}

#languette:hover {
	cursor: pointer;
}


/* ==========================================================================
   Page d'accueil
   ========================================================================== */

#topShadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 11px;
	background: url(../img/ombre_top.png) repeat-x;
}

#pageWrapper { 
	/*background: transparent url(../img/halo.png) center 250px no-repeat;*/
	position: relative;
}

header {
	position: relative;
	width: 100%; 
	min-height: 115px;
	background: transparent url(../img/tampon-courbet-header.png)  71% 40px no-repeat;
	margin-bottom: 8px;
}

#menuBtn {	
	position: absolute;
	width: 72px;
	height: 109px;
	left: 15px;
	top: 0;
	background: transparent url(../img/bg_menu.jpg) left top no-repeat;
	font-family: AvantQue, Arial, verdana, sans-serif;
	font-size: 2.5em;
	text-align: center;
	color: #fff;
}

#menuBtn a {
	display: block;
	width: 72px;
	padding-top: 70px;
	color: #fff;
	text-decoration: none;
}

#logo {
	width: 42.92%;
	margin-left: 17.67%;
	/*margin-left: auto;
	margin-right: auto;*/
	padding-top: 10px;
}
#logo a {
	display: block;	
}
#logo a img {
	max-width: 100%;
}
#specialAccess {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

#specialAccess ul {
	
}

#specialAccess ul li{
	display: block;
	float: left;
	text-transform: uppercase;
}

#specialAccess ul li + li {
	border-left: 1px dotted #000;
}

#specialAccess ul li a {
	display: block;
	padding: 10px 10px 0 10px;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.333em;
	color: #000;
	text-decoration: none;
}

#specialAccess ul li a:hover{
	color: #606060;
}

#searchForm {
	position: absolute;
	right: 10px;
	bottom: 5px;
}

#searchForm  .txtInput {
	width: 152px;
	height: 17px;
	padding: 3px;
	border: none;
}

#searchForm  .submitInput {
	text-indent: -9999px;
	border: none;
	background: url(../img/picto-recherche.jpg);
	width: 23px;
	height: 23px;
}

header .trophee {
	float: right;
	margin-right: -125px;
	margin-top: 15px;
}
header .trophee img {
	max-width: 100%;
}

/* ==========================================================================
   Slideshow
   ========================================================================== */
   
#slideShow {
	width: 97.98%;
	margin: 0 1% 50px 1%;
}

#slideShow ul.bxSlideShow {
	margin: 0;
	padding: 0;
	width: 100%;
	/*height: 262px;*/
}

#slideShow ul.bxSlideShow li a.enSavoirPlus{
	display: block;
	position: absolute;
	width: 101px;
	height: 30px;
	bottom: 25px;
	right: 4.7368%;
	background: url(../img/sprite-elements.png) no-repeat -72px -50px;
	color: #fff;
	font-family: LeagueGothicRegular;
	font-size: 1.5em;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 10px;
}

#slideShow .bx-wrapper {
	position: relative;
	margin: 0 auto;
	background: transparent url(../img/slider-cadre.png) left top no-repeat;
	padding: 10px;
}

#slideShow .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
	height: 262px;
}

#slideShow .bx-wrapper .bx-prev {
	display: block;
	width: 35px;
	height: 31px;
	left: -10px;
	background: url(../img/sprite-elements.png) no-repeat -220px -48px;
}

#slideShow .bx-wrapper .bx-next {
	display: block;
	width: 35px;
	height: 31px;
	right: -10px;
	background: url(../img/sprite-elements.png) no-repeat -264px -48px;
}

#slideShow .bx-wrapper a.bx-prev:hover, a.bx-next:hover {
	opacity: 0.8;
}


/* ==========================================================================
   Section 2
   ========================================================================== */

#section2 .blocFloat {
	float: left;
}
#section2 .blocFloat + .blocFloat {
	margin-left: 2.72%;
}
#section2 h1 {
	font-weight: normal;
	text-transform: uppercase;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 2em;
	line-height: 100%;
	background: url(../img/bgTitresSection2.png) left center no-repeat;
	padding-left: 15px;
	margin: 0 0 5px 0;
}
#section2 h1 a {
	color: #000;
}
#section2 h2{
	font-weight: normal;
	font-family: AvantQue, Arial, verdana, sans-serif;
	font-size: 1.750em;
	margin: 0;
}

#section2 .contenu img {
	margin-bottom: 10px;
}

#section2 .contenu .txt {
	margin-bottom: 5px;
}

#section2 a.btn {
	display: block;
	float: left;
	width: auto;
	background: url(../img/bg_boutonsGris.png) right center no-repeat;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.417em;
	color: #3A404E;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 20px 0 5px;
	margin-right: 2px;
	margin-bottom: 2px;
}
#section2 a.btn:hover {
	color: #000;
}
/*
#section2 a.notreSelection {
	display: block;
	float: left;
	width: 145px;
	height: 25px;
	background: url(../img/sprite-boutons.png) -101px -1px no-repeat;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.417em;
	color: #413659;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	padding-left: 5px;
}

#section2 a.ideeSejour {
	display: block;
	float: left;
	width: 110px;
	height: 25px;
	background: url(../img/sprite-boutons.png) -115px -1px no-repeat;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.417em;
	color: #413659;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	padding-left: 5px;
}

#section2 a.allActus {
	display: block;
	float: left;
	width: 90px;
	height: 25px;
	background: url(../img/sprite-boutons.png) -101px -59px no-repeat;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.417em;
	color: #413659;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	padding-left: 5px;
}
*/
#section2 .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
	height: 262px;
	background: none;
}

#section2 .bx-controls-direction {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#section2 #actualites .bx-controls-direction {
	width: 90%;
	margin: 15px 5% 0 5%;
}
#section2 .bx-pager {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0;
}
#section2 .bx-wrapper .bx-prev {
	display: block;
	width: 11px;
	height: 15px;
	left: 0;
	background: url(../img/sprite-elements.png) no-repeat -118px -127px;
}

#section2 .bx-wrapper .bx-next {
	display: block;
	width: 11px;
	height: 15px;
	right: 0;
	background: url(../img/sprite-elements.png) no-repeat -167px -127px;
}
#section2 .bx-wrapper .bx-controls {
	position: relative;
	height: 15px;
	margin-top: 10px;
}
#section2 .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

#section2 .bx-wrapper a.bx-prev:hover, #section2 .bx-wrapper  a.bx-next:hover {
	opacity: 0.8;
}

#aNePasManquerHome {
	width: 22.52%;
	/*width: 223px;*/
	margin-left: 10px;
}

#aNePasManquerHome .contenu {
	min-height: 305px;
	padding: 15px;
	background: url(../img/a-ne-pas-manquer.png) right top no-repeat;
	text-align: justify;
}

#ReserverWeekEnd {
	width: 28.28%;
	/*width: 280px;*/
}

#ReserverWeekEnd h2 {
	margin-left: 5px;
}

#ReserverWeekEnd .contenu {
	min-height: 305px;
	padding: 20px 15px;
	background: url(../img/bg_reservez-votre-weekend.png) left top no-repeat;
	background-size: 100% 100%;
	text-align: justify;
}

#actualites {
	width: 21.41%;
	/*width: 212px;*/
}
#actualites .contenu {
	min-height: 327px;
	background: url(../img/bg_actualites.png) left top no-repeat;
	text-align: justify;
	position: relative;
}
#actualites .contenu .date {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 3px 5px;
	background-color: #000;
	font: 1.5em LeagueGothicRegular, arial, verdana, sans-serif;
	color: #fff;
	/*text-transform: uppercase;*/
}
#actualites .contenu .txt {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.750em
}
#actualites .contenu .txt, #actualites .buttons {
	padding: 0 10px;
}

#commentVenir {
	width: 17.47%;
	/*width: 173px;*/
	min-height: 65px;
	padding-top: 270px;
	background: url(../img/carto.png) center 25px no-repeat;
	background-size: contain;
}

#commentVenir h1 {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.417em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	color: #3A404E;
	background: none;
	padding-left: 0;
}

#commentVenir input.txt {
	width: 90%;
	background: #fff url(../img/bg_input_itineraire.png) 98% center no-repeat;
	border: none;
	margin-bottom: 5px;
	height: 18px;
	padding: 2px 8% 2px 2%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#commentVenir input.submit {
	width: 100%;
	background: transparent url(../img/bg_boutonsGris.png) right center no-repeat;
	border: none;
	height: 24px;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.417em;
	text-align: left;
	text-transform: uppercase;
	color: #3A404E;
}
#commentVenir input.submit:hover {
	color: #000;
}

#section3 {
	margin: 25px 0;
}
#section3 .colonne { 
	float: left;
}
#section3 .col1 {
	width: 26.67%;
	margin-left: 1.5%;
}
#section3 .col2 {
	width: 36.86%;
	margin-left: 1.41%;
}
#section3 .col3 {
	width: 30.5%;
	margin-left: 1.5%;
}
#section3 .item {
	position: relative;
	margin-top: 15px;
	width: 100%;
	height: auto;
}
#section3 .rounded {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#section3 img {
	max-width: 100%;
	max-height: 100%;
}
#section3 .rounded img {
	width: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#section3 .item h2 {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 54px;
	margin: 0;
	color: #fff;
	font-family: AvantQue, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 2.167em;
	text-align: center;
	background: url(../img/bg_h2_section3.png) repeat;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}
#section3 .item:hover h2 {
	background: #000 url(../img/bg_h2_section3.png) repeat;
}
#section3 a {
	display: block;
	width: inherit;
	height: inherit;
}

#section3 .decouvrir {
	/*width: 264px;
	height: 103px;*/
	margin-top: 5px;
}
#section3 .activites {
	/*width: 365px;
	height: 156px;*/
}
#section3 .gastronomie {
	/*width: 302px;
	height: 186px;*/
}
#section3 .visites {
	/*width: 264px;
	height: 262px;*/
	margin-top: 0;
}
#section3 .hebergement {
	/*width: 365px;
	height: 181px;*/
}
#section3 .hiddenForResponsive {
	display: none;
}
#section3 .agenda {
	/*width: 302px;
	height: 151px;*/
}
#section3 .viePratique {
	/*width: 265px;
	height: 187px;*/
}
#section3 .groupes {
	/*width: 365px;
	height: 189px;*/
}
#section3 .fb_likebox {
	/*width: 305px;
	height: 187px*/
	background: #fff;
}
#section3 .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { 
	width: 100% !important;
	max-height: 180px;
}

#section3 .ligne3 {
	margin-top: 25px !important;
}


/* ==========================================================================
   Footer
   ========================================================================== */

#footerWrapper {
	background: transparent url(../img/bg_menu.jpg) repeat;
	margin-top: 25px;
}

#footer_top {
	background: url(../img/bg_footer_top.png) left 3px repeat-x;
	height: 21px;
}

footer {
	display: block;
	color: #fff;
}

footer .colonne  {
	float: left;
	min-height: 200px;
	margin-left: 1.51%;
}
footer .colonne h2 {
	font-size: 2.333em;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}
footer .colonne h2 a {
	color: #fff;
}
footer .contact  {
	width: 20.20%;
}
footer .contact p {
	width: 200px;
}
footer .contact a {
	color: #fff;
}

footer .newsletter  {
	width: 20.20%;
}
footer .newsletter .contenu  {
	width: 156px;
	height: 98px;
	padding: 75px 15px 0 15px;
	background: url(../img/footer-fond-newsletter.png) left bottom no-repeat;
	
}
footer .newsletter .contenu p  {
	font-size: 0.917em;
	line-height: 12px;
	margin: 0;
}
footer .newsletter .contenu p.ok  {
	color: #51d94a;
	font-weight: bold;
	margin: 20px 0 0 0;
}
footer .newsletter .contenu p.ko  {
	color: #f36b41;
	font-weight: bold;
}
footer .newsletter form  {
	margin-top: 5px;
}
footer .newsletter form input.txt  {
	width: 97%;
}
footer .newsletter a.bntInscription  {
	display: block;
	background: #13A3BB none;
	border: none;
	text-align: center;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width: 74px;
	height: 23px;
	margin: 25px auto 0 auto;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.500em;
	text-transform: uppercase;
	color: #fff;
}

footer .brochures  {
	width: 33.33%;
	background: url(../img/table_brochures.png) center 162px no-repeat;
	background-size: contain;
}
footer .brochures ul li   {
	text-align: center;
	float: left;
	width: 50%;
	/*margin-top: 20px;*/
}
footer .brochures ul li a {
	display: block;
	text-align: center;
}
footer .brochures ul li a img{
	display: inline-block;
	text-align: center;
}
footer .brochures .bx-wrapper {
	/*padding: 30px 50px;*/
	padding: 10% 15%;
}
footer .brochures .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
	background: none;
}

footer .brochures .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	outline: 0;
	width: 20px;
	height: 26px;
	text-indent: -9999px;
	z-index: 199;
	background: url(../img/sprite-elements.png) no-repeat;
}
footer .brochures .bx-wrapper .bx-controls-direction .bx-prev {
	background-position: -189px -122px;
}
footer .brochures .bx-wrapper .bx-controls-direction .bx-next {
	background-position: -211px -122px;
}

footer .carte  {
	width: 19.19%;
}
footer .carte .contenu img  {
	max-width: 100%;
}

footer .logosPartenaires {
	/*margin: 15px 0 0 0;
	border-top: 1px dotted #fff;*/	
}
footer .logosPartenaires ul {
	width: 80%;
	margin: 0 auto;
}
footer .logosPartenaires ul li {
	display: block;
	float: left;
	width: 20%;
	margin-right: 0;
	text-align: center;
}
footer .logosPartenaires ul li a {
	display: block;
	text-align: center;
}
footer .logosPartenaires ul li a img {
	max-width: 100%;
	vertical-align: middle;
}


footer .contact-mobile {
	display: none;
}


/* ==========================================================================
   Widget
   ========================================================================== */

#home #widget_outerRight {
	float: right;
	margin-right: -60px;
	margin-top: -300px;
}

#interieur #widget_outerRight {
	float: right;
	margin-right: -60px;
	margin-top: 0;
}
#widget_header{
	position: absolute;
	right: 10px;
	bottom: 35px;
	display: none;
}
#widget_iphone{	
	display: none;
}
.widget_vertical {
	width: 46px;
	height: 187px;
}
.widget_horizontal {
	width: 234px;
	height: 46px;
}
.widget_iphone {
	width: 95%;
	margin: 1px 2.5% 25px 2.5%;
	height: 63px;
}

ul.widget {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: transparent url(../img/bgWidget.png) repeat;
}

ul.widget li {
	display: block;
	float: left;
	width: 46px;
	height: 46px;
}
ul.widget.iphone li {
	display: block;
	float: left;
	width: 19.75%;
	height: 63px;
	background: transparent url(../img/bgWidget.png) repeat;
	text-align: center;
	line-height: 63px;
}
ul.widget.vertical li + li{
	border-top: 1px dotted #fff;
}
ul.widget.horizontal li + li {
	border-left: 1px dotted #fff;
}
ul.widget.iphone li + li{
	border-left: 1px solid #fff;
}
ul.widget li:hover{
	background: #ccc;
}


ul.widget li.choixLangue {
	background: transparent url(../img/bg_choix_langue.png) right center no-repeat;
	position: relative;
}
ul.widget li.choixLangue div.otherLanguages {
	position: absolute;
	top: 100%;
	z-index: 2000;
	display: none;
}
ul.widget li.choixLangue:hover div.otherLanguages {
	display: block;
}
ul.widget li.choixLangue div.otherLanguages ul {
	background-color: #ccc;
	margin: 0;
	padding: 0;
}
ul.widget li.choixLangue div.otherLanguages ul li:hover {
	background-color: #333;
	margin: 0;
	padding: 0;
}

ul.widget.vertical li.choixLangue div.otherLanguages {
	padding-top: 1px;
}

ul.widget.horizontal li.choixLangue div.otherLanguages ul li,
ul.widget.iphone li.choixLangue div.otherLanguages ul li {
	border-left: none;
	border-top: 1px dotted #fff;
}

ul.widget.iphone li ul li {
	width: 100%;
}


/* ==========================================================================
   Pages intérieures
   ========================================================================== */

#interieur #pageWrapper {

}
   
#leftcol {
	width: 19.696969%;
	float: left;
	min-height: 400px;
	margin-left: 1.0101%;
}

#rightcol {
	width: 76.8686%;
	float: right;
	min-height: 400px;
	margin-right: 1.0101%;
}

#leftcol .blocmenu {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background: #139CB4 url(../img/bg_texture_vert.jpg) repeat;
}
#leftcol .blocmenu.sansVignette {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: url(../img/bg_h2_section3.png) repeat;
	padding: 5px 0 5px 15px;
}
#leftcol .blocmenu.sansVignette h2 {
	margin: 0;
	color: #fff;
	font-family: AvantQue, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 2.167em;
	background: url(../img/current_rubrique.png) 92% 8px no-repeat;
	padding-right: 35px;
}
#leftcol .rounded {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#leftcol .blocmenu + .blocmenu{
	margin-top: 10px;
}
#leftcol .titrebloc {
	position: relative;
}
#leftcol .titrebloc a {
	display: block;
	text-decoration: none;
}
#leftcol .titrebloc img {
	max-width: 100%;
	width: 100%;
	max-height: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#leftcol .titrebloc .titre {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../img/bg_h2_section3.png) repeat;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}
#leftcol .titrebloc .titre h2 {
	margin: 0;
	/*line-height: 44px;*/
	padding: 8px 0 8px 15px;
	color: #fff;
	font-family: AvantQue, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}
#leftcol .titrebloc:hover .titre h2 {
	background-color: #000;
}
#leftcol .titrebloc .titre h2.current {
	background: url(../img/current_rubrique.png) 95% center no-repeat;
	font-size: 1.6em;
}
#leftcol .blocmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: none;
}
#leftcol .blocmenu ul.menu_n1 {
	padding: 0 10px;
}
#leftcol .blocmenu ul.menu_n2 {
	padding: 0 0 0 15px;
}
#leftcol .blocmenu ul.menu_n1 li {
	display: block;
	color: #fff;
	padding: 8px 0;
}
#leftcol .blocmenu ul.menu_n1 li.active {
	background: url(../img/leftmenuCurrentPage.png) right 10px no-repeat;
	padding-right: 10px;
}
#leftcol .blocmenu ul.menu_n2 li.active {
	background: url(../img/leftmenuCurrentPage.png) right 6px no-repeat;
	padding-right: 10px;
}
#leftcol .blocmenu ul.menu_n1 li + li{
	border-top: 1px solid #fff;
}
#leftcol .blocmenu ul.menu_n2 li {
	display: block;
	color: #fff;
	padding: 4px 0;
}
#leftcol .blocmenu ul.menu_n2 li + li{
	border-top: none;
}
#leftcol .blocmenu ul li a {
	color: #DCDBDB;
	text-decoration: none;
}
#leftcol .blocmenu ul li a:hover {
	color: #fff;
}
#leftcol .blocmenu ul li.current a {
	color: #fff;
}
#leftcol .blocmenu ul li.current li a {
	color: #fff;
}

#rightcol #pageTop {
	/*min-height: 69px;
	background: url(../img/bg_pageTop.png) no-repeat;*/
}

#rightcol #cornerTopLeft {
	float: left;
	width: 21px;
	height: 18px;
}
#rightcol #topCenter {
	margin: 0 25px 0 21px;
	height: 18px;
	background: transparent url(../img/pageTop_center.jpg) repeat-x;
}
#rightcol #cornerTopRight {
	float: right;
	width: 25px;
	height: 18px;
}

#rightcol #pageTopMiddle {
	height: auto;
} 

#rightcol #middleLeft {
	float: left;
	width: 7px;
	/*height: 100%;*/
	min-height: 49px;
	background: transparent url(../img/pageTop_middleLeft.jpg) repeat-y;
}
#rightcol #middleCenter {
	height: auto;
	padding: 0 15px;
	background: #139AB2;
	overflow: hidden;
}
#rightcol #middleRight {
	float: right;
	width: 7px;
	/*height: 100%;*/
	min-height: 49px;
	background: transparent url(../img/pageTop_middleRight.jpg) repeat-y;
}

#rightcol #cornerBottomLeft {
	float: left;
	width: 8px;
	height: 6px;
}
#rightcol #bottomCenter {
	height: 6px;
	margin: 0 7px;
	background: transparent url(../img/pageTop_bottomCenter.jpg) center top repeat-x;
}
#rightcol #cornerBottomRight {
	float: right;
	width: 7px;
	height: 6px;
}

#rightcol #middleCenter #infosNavigation {
	float: left;
	width: 69%;
}
#pageTop  ul.breadcrumb {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 11px;
}
#pageTop  ul.breadcrumb li {
	display: inline;
	text-transform: uppercase;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 9px;
}
#pageTop  ul.breadcrumb li a {
	color: #fff;
	text-decoration: none;
}
#pageTop ul.breadcrumb li a:hover{
	text-decoration: underline;
}

#pageTop h1{	
	margin: 10px 0 0 0;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	text-transform: uppercase;
	line-height: 100%;
}

#pageTop h1 img {	
	vertical-align: baseline;
}

#rightcol #middleCenter #iconesNavigation {
	float: right;
	width: 29%;
	padding-bottom: 5px;
	height: 24px;
}
#rightcol #iconesNavigation a {
	display: block;
	float: right;
}
#rightcol #iconesNavigation a + a {
	margin-right: 5px;
}
#rightcol #iconesNavigation .addthis_toolbox {
	margin-top: 10px;
}

#rightcol #pageContent {
	min-height: 400px;
	padding: 15px;
}




/* ==========================================================================
   Sommaires
   ========================================================================== */

#sommaire {
	padding-top: 0.65%;
}
#sommaire .item {
	overflow: hidden;
	float: left;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*margin-top: 8px;
	margin-right: 1.2%;*/
	margin: 0.5%;
}
#sommaire .item.col1 {
	/*width: 32.22%;*/
	width: 32%;
}
#sommaire .item.col2 {
	/*width: 65.47%;*/
	width: 65%;
}

#sommaire .item:hover {
	cursor: pointer;
}
#sommaire .item img {
	max-width: 100%;
	width: 100%;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#sommaire .item .title {
	position: absolute;
	left: 0;
	top: 25px;
	padding: 0 15px 0 10px;
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1em;
	background: url(../img/bg_sommaire_title.png) right top repeat-y;
	line-height: 38px;
	z-index: 50;
}
#sommaire .item .title a {
	text-decoration: none;
	color: #000;
}
#sommaire .item .sousPages {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: transparent url(../img/sommaire-item-hover.png) repeat;
	z-index: 40;
}
#sommaire .item .sousPages ul {
	margin-top: 80px;
	padding: 0 0 0 25px;
	list-style-type: none;
}
#sommaire .item .sousPages ul li {
	line-height: 120%;
	text-transform: uppercase;
	background: url(../img/puce_item_sousPages.png) left center no-repeat;
	padding-left: 25px;
}
#sommaire .item .sousPages ul li + li {
	margin-top: 10px;
}
#sommaire .item .sousPages ul li a {
	color: #fff;
	text-decoration: none;
}
#sommaire .item .sousPages ul li a:hover {
	text-decoration: underline;
}
#sommaire .item .sousPages a.lienDirect {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
  
  


/* ==========================================================================
   Carte interactive
   ========================================================================== */
   
#carte_interactive {
	position: relative;
	padding-bottom: 20%;
	height: auto;
}
#carte_interactive #carte {
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
	background: teal;
	/*float: left;
	width: 490px;
	height: 435px;
	border: 1px solid #ccc;
	*/
}
#carte_interactive #criteres {
	float: right;
	width: 35%;
	height: auto;
	margin-left: 2.5%;
	padding: 1%;
	background: #DDDFE3 url(../img/bg_criteres_carte.png) repeat;
	/*position: absolute;
	right: 0;
	top: 0;
	width: 35%;
	*/	
}
#carte_interactive #criteres h2 {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.833em;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}
#carte_interactive #criteres form {
	margin: 10px 0 0 0;
}
#carte_interactive #criteres select {
	margin-bottom: 15px;
	padding: 10px 5px;
	width: 85%;
}
#carte_interactive #criteres span img {
	cursor: pointer;
}
#carte_interactive #criteres div.category {
	margin-top: 10px;
}
#carte_interactive #criteres div.category_title {
	padding: 10px 5px 10px 30px;
	background-color: #fff;
	color: #656F80;
	font-family: Arial, verdana, helvetica;
	font-size: 1.083em;
	font-weight: bold;
}
#carte_interactive #criteres label.cat_label {
	display: block;
	float: left;
	width: 90%;
	font: bold 0.917em Arial, verdana, Helvetica, sans-serif;
	color: #656F80;
}
#carte_interactive #criteres label.cat_label a {
	color: #656F80;
	text-decoration: none;
}
#carte_interactive #criteres input[type=checkbox] {
	
}
#carte_interactive #criteres div.sous_menus {
	padding-top: 10px;
}
#carte_interactive #criteres .item_sousmenu {
	background: url(../img/bg_labels_carte.png) repeat;
	padding: 8px 5px;
	margin-top: 5px;
}

#carte_interactive #criteres div.sous_menus label {
	display: block;
	float: left;
	width: 85%;
	font: bold 0.917em Arial, verdana, Helvetica, sans-serif;
	color: #656F80;
}
#carte_interactive #criteres div.sous_menus label:hover {
	cursor: pointer;
}
#carte_interactive #pictos_legende {
	height: 78px;
	margin-top: 10px;
	background: url(../img/bg_pictos_legende.png) repeat;
}
#carte_interactive #pictos_legende ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
}
#carte_interactive #pictos_legende ul li {
	display: block;
	float: left;
	width: 16.65%;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.333em;
	color: #413659;
	text-align: center;
	text-transform: uppercase;
}
#carte_interactive #pictos_legende ul li img{
	display: block;
	text-align: center;
	margin: 0 auto 5px auto;
}

.infoWindow a {
	color: #000;
	text-decoration: none;
}
/*
.infoWindow a.enSavoirPlus {
	font-weight: bold;
	margin: 3px 0;
	background: rgba(0, 0, 0, 0) url(../img/flecheBleueDroite.png) left center no-repeat;
	padding-left: 15px;
}
*/
.infoWindow a.enSavoirPlus {
	display: block;
	float: right;
	width: auto;
	font-weight: bold;
	margin: 3px 0;
	background:  #139AB2 url(../img/flecheBlancheDroite.png) 3px center no-repeat;
	color: #fff;
	padding: 3px 5px 3px 15px;
}
.infoWindow a:hover {
	text-decoration: underline;
}
p.infoWindow-title {
	margin: 0 0 5px 0;	
}



/* ==========================================================================
   Page "A NE PAS MANQUER"
   ========================================================================== */
/*  
#listing_nePasManquer ul li {
	display: block;
	padding: 15px 0;
	border-top: 2px dotted	#000;
	
}
#listing_nePasManquer h2 {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	margin: 0 0 10px 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.833em;
}
#listing_nePasManquer li img {
	float: left;
	margin: 0 15px 10px 0;
}

#listing_nePasManquer a.enSavoirPlus {
	display: block;
	float: right;
	width: 91px;
	height: 25px;
	background: url(../img/sprite-boutons.png) -1px -1px no-repeat;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.417em;
	color: #413659;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	padding-left: 5px;
	margin-right: 2px;
}
*/


#aNePasManquer {
	padding: 10px;
}
#aNePasManquer img.visuel {
	float: right;
	margin: 0 0 10px 15px;
	max-width: 100%;
}
#aNePasManquer .titre {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.667em;
	line-height: 120%;
}
#aNePasManquer .titre a {
	color: #000;
	text-decoration: none;
}
#aNePasManquer .titre a:hover {
	color: #666;
}
#aNePasManquer .texte, #aNePasManquer .accroche {
	font-family: arial, verdana, sans-serif;
	text-align: justify;
	margin-top: 10px;
	line-height: 150%;
}	
#aNePasManquer h2 {
	font-family: arial, verdana, sans-serif;
	text-align: justify;
	margin-top: 10px;
	line-height: 150%;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 2.083em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#aNePasManquer .maisAussi ul.otherItems {
	
}
#aNePasManquer .maisAussi ul.otherItems li {
	display: block;
	float: left;
	width: 32%;
	margin: 0 0.5%;
	text-align: center;
}
#aNePasManquer .maisAussi ul.otherItems li div.arabesqueTop {
	background: url(../img/arabesqueTop.png) left top no-repeat;
	background-size: contain;
	text-align: center;
	padding-bottom: 10.9649%;
	/*height: 25px;*/
}
#aNePasManquer .maisAussi ul.otherItems li div.content {
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 0 10px;
}
#aNePasManquer .maisAussi ul.otherItems li div.arabesqueBottom {
	background: url(../img/arabesqueBottom.png) left top no-repeat;
	background-size: contain;
	text-align: center;
	/*height: 22px;*/
	padding-bottom: 9.6491%;
}	
#aNePasManquer .maisAussi ul.otherItems li img {
	display: block;
	max-width: 100%;
	margin: 0 auto 5px auto;
}
#aNePasManquer .maisAussi ul.otherItems li .accroche {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.667em;
	margin-top: 10px;
	line-height: 130%;
}

#aNePasManquer ul.listing {
	
}
#aNePasManquer ul.listing li {
	display: block;
	padding-bottom: 20px;
}
#aNePasManquer ul.listing li.noFirstRow {
	padding-top: 20px;
	border-top: 2px dotted #000;
}	
#aNePasManquer ul.listing li a {
	display: block;
	float: left;
	width: 400px;
	height: 96px;
	margin: 0 15px 0 0;
}
#aNePasManquer ul.listing li p {
	margin: 0;
}
#aNePasManquer ul.listing li .accroche {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.667em;
	margin-top: 10px;
	line-height: 130%;
}
#aNePasManquer p.noElementFound {
	font-size: 14px;
	color: red;
	background-color: #ccc;
	padding: 10px;
}


/* ==========================================================================
   Page "Réservez votre week-end"
   ========================================================================== */


#selectionSejours {
	padding: 10px;
}
#selectionSejours img.visuel {
	float: right;
	margin: 0 0 10px 15px;
	max-width: 100%;
}
#selectionSejours .titre {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.667em;
	line-height: 120%;
}
#selectionSejours .titre a {
	color: #000;
	text-decoration: none;
}
#selectionSejours .titre a:hover {
	color: #666;
}
#selectionSejours .texte, #selectionSejours .accroche {
	font-family: arial, verdana, sans-serif;
	text-align: justify;
	margin-top: 10px;
	line-height: 150%;
}	
#selectionSejours h2 {
	font-family: arial, verdana, sans-serif;
	text-align: justify;
	margin-top: 10px;
	line-height: 150%;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 2.083em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#selectionSejours ul.otherItems {
	
}
#selectionSejours ul.otherItems li {
	display: block;
	float: left;
	width: 32%;
	text-align: center;
}
#selectionSejours ul.otherItems li div.arabesqueTop {
	background: url(../img/arabesqueTop.png) left top no-repeat;
	background-size: contain;
	text-align: center;
	padding-bottom: 10.9649%;
}
#selectionSejours ul.otherItems li div.content {
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 0 10px;
}
#selectionSejours ul.otherItems li div.arabesqueBottom {
	background: url(../img/arabesqueBottom.png) left top no-repeat;
	background-size: contain;
	text-align: center;
	padding-bottom: 9.6491%;
}	
#selectionSejours ul.otherItems li + li {
	margin-left: 7px;
}
#selectionSejours ul.otherItems li img {
	max-width: 100%;
	display: block;
	margin: 0 auto 5px auto;
}
#selectionSejours ul.otherItems li .accroche {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.667em;
	margin-top: 10px;
	line-height: 130%;
}
#selectionSejours a.btn_preReservation {
	
	text-decoration: none;
}
#selectionSejours #form_reservation {
	color: #fff;
	margin-top: 15px;
	padding: 1.3679%;
	background: transparent url(../img/bg_menu.jpg) repeat;
}
#selectionSejours #form_reservation fieldset {
	display: block;
	width: 45%;
	padding: 1.5%;
	border: 1px solid #666;
}
#selectionSejours #form_reservation fieldset.coordonnees {
	float: left;
}
#selectionSejours #form_reservation fieldset.infoSejour {
	float: right;
}
#selectionSejours #form_reservation fieldset legend {
	font-weight: bold;
	color: #ccc;
}
#selectionSejours #form_reservation fieldset.coordonnees label,
#selectionSejours #form_reservation fieldset.infoSejour label {
	display: block;
	clear: both;
}
#selectionSejours #form_reservation fieldset.coordonnees input.txt,
#selectionSejours #form_reservation fieldset.coordonnees textarea {
	float: right;
	width: 68%;
	margin-bottom: 5px;
}
#selectionSejours #form_reservation fieldset.infoSejour input.txt,
#selectionSejours #form_reservation fieldset.infoSejour textarea {
	float: right;
	width: 54.0540%;
	margin-bottom: 5px;
}
#selectionSejours #form_reservation input.submit {
	display: block;
	float: right;
	width: 300px;
	height: 35px;
	margin: 10px 15px 0 0; 
}
#selectionSejours div.infosLegales {
	padding: 10px;
	font-size: 10px;
}
#selectionSejours p.ok {
	color: green;
	font-weight: bold;
}
#selectionSejours p.ko {
	color: red;
	font-weight: bold;
}


/* ==========================================================================
   Page "ACTUALITES"
   ========================================================================== */
  
#listing_actualites ul li {
	display: block;
	padding: 15px 0;	
}
#listing_actualites ul li + li{
	border-top: 2px dotted	#000;	
}
#listing_actualites h2 {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.833em;
}
#listing_actualites li img {
	float: left;
	margin: 0 15px 10px 0;
	width: 15%;
}
#listing_actualites li .date {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.667em;
	line-height: 100%;
	color: #000;
}
#listing_actualites a.enSavoirPlus {
	display: block;
	float: right;
	width: 91px;
	height: 25px;
	background: url(../img/sprite-boutons.png) -1px -1px no-repeat;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.417em;
	color: #413659;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	padding-left: 5px;
	margin-top: 10px;	
}


#listing_actualites h2 {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.833em;
}
#listing_actualites img {
	float: left;
	margin: 0 15px 10px 0;
}
#listing_actualites .date {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.667em;
	color: #000;
}
#listing_actualites a.allActus {
	display: block;
	float: right;
	width: 91px;
	height: 25px;
	background: url(../img/sprite-boutons.png) -1px -1px no-repeat;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.417em;
	color: #413659;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	padding-left: 5px;
	margin-top: 10px;	
}


#detail_actu h2 {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.833em;
}
#detail_actu img {
	float: left;
	margin: 0 15px 10px 0;
}
#detail_actu .date {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.667em;
	color: #000;
}
#detail_actu a.allActus {
	display: block;
	float: right;
	width: 91px;
	height: 25px;
	background: url(../img/sprite-boutons.png) -1px -1px no-repeat;
	font-family: LeagueGothicRegular, Arial, verdana, sans-serif;
	font-size: 1.417em;
	color: #413659;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	padding-left: 5px;
	margin-top: 10px;	
}



/* ==========================================================================
   Page "Les bonnes raisons de venir"
   ========================================================================== */

#bonnesRaisons {
	padding: 10px;
}
#bonnesRaisons div.img {
	position: relative;
	width: 100%;
}
#bonnesRaisons div.img img {
	max-width: 100%;
	margin-bottom: 15px;
}
#bonnesRaisons div.img a {
	display: block;
	position: absolute;
	width: 35px;
	height: 31px;
	background: url(../img/sprite-elements.png) no-repeat -220px -48px;
	text-indent: -9999px;
}
#bonnesRaisons div.img a.previous {
	background-position: -220px -48px;
	top: 35%;
	left: -15px;
}
#bonnesRaisons div.img a.next {
	background-position: -263px -48px;
	top: 35%;
	right: -15px;
}
#bonnesRaisons h2.titre {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.4em;
	text-transform: none;
	margin: 0 0 5px 0;
}
#bonnesRaisons .accroche {
	text-align: justify;
}
#bonnesRaisons .texte {
	font-family: arial, verdana, sans-serif;
	text-align: justify;
	margin-top: 10px;
	line-height: 150%;
}
#bonnesRaisons .texte ul {
	list-style: disc;
	padding-left: 20px;
}	
#bonnesRaisons h2 {
	font-family: arial, verdana, sans-serif;
	text-align: justify;
	margin-top: 10px;
	line-height: 150%;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 2.083em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#bonnesRaisons .maisAussi ul.otherItems {
	
}
#bonnesRaisons .maisAussi ul.otherItems li {
	display: block;
	float: left;
	width: 32%;
	margin: 0 0.5%;
	text-align: center;
}
#bonnesRaisons .maisAussi ul.otherItems li div.arabesqueTop {
	background: url(../img/arabesqueTop.png) left top no-repeat;
	background-size: contain;
	text-align: center;
	padding-bottom: 10.9649%;
}
#bonnesRaisons .maisAussi ul.otherItems li div.content {
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 0 10px;
}
#bonnesRaisons .maisAussi ul.otherItems li div.arabesqueBottom {
	background: url(../img/arabesqueBottom.png) left top no-repeat;
	background-size: contain;
	text-align: center;
	padding-bottom: 9.6491%;
}	
#bonnesRaisons .maisAussi ul.otherItems li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
#bonnesRaisons .maisAussi ul.otherItems li .titre {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.3em;
	margin-top: 10px;
	line-height: 120%;
}
#bonnesRaisons .maisAussi ul.otherItems li .titre a {
	color: #000;
	text-decoration: none;
}
#bonnesRaisons .maisAussi ul.otherItems li .titre a:hover {
	color: #666;
}
#bonnesRaisons ul.listing {
	
}
#bonnesRaisons ul.listing li {
	display: block;
	padding-bottom: 20px;
}
#bonnesRaisons ul.listing li.noFirstRow {
	padding-top: 20px;
	border-top: 2px dotted #000;
}	
#bonnesRaisons ul.listing li a {
	display: block;
	float: left;
	width: 400px;
	height: 96px;
	margin: 0 15px 0 0;
}
#bonnesRaisons ul.listing li p {
	margin: 0;
}
#bonnesRaisons ul.listing li .accroche {
	font-family: AvantQue, arial, verdana, sans-serif;
	font-size: 1.667em;
	margin-top: 10px;
	line-height: 130%;
}


/* ==========================================================================
  Edito + Slideshow
   ========================================================================== */
  
.flex_edito-slideshow {
	
}
.square_slider {
	float: right;
	width: 200px;
}
.flex_edito-slideshow .edito {
	margin-right: 220px;
	min-width: 95px;
	padding: 15px;
	background: transparent url(../img/bg_vert.png) repeat;
}
.flex_edito-slideshow .edito h2 {
	margin: 0 0 10px 0;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.833em;
	font-weight: normal;
}
.flex_edito-slideshow .edito .contenu {
	height: 71px;
	min-height: 71px;
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 120%;
}
.flex_edito-slideshow .edito .contenu p.bodytext {
	margin: 0 0 14px 0;
}

.square_slider ul.bxSlideShow {
	margin: 0;
	padding: 0;
}
.square_slider .bx-wrapper {
	position: relative;
	width: 172px;
	margin: 0 auto;
}

.square_slider .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
	height: 262px;
	background: transparent;
}

.square_slider .bx-wrapper .bx-prev {
	display: block;
	width: 35px;
	height: 31px;
	left: -15px;
	background: url(../img/sprite-elements.png) no-repeat -220px -48px;
}

.square_slider .bx-wrapper .bx-next {
	display: block;
	width: 35px;
	height: 31px;
	right: -15px;
	background: url(../img/sprite-elements.png) no-repeat -264px -48px;
}

.square_slider .bx-wrapper a.bx-prev:hover, a.bx-next:hover {
	opacity: 0.8;
}

.flex_edito-slideshow.flex_edito-slideshow_annonce {
	background: #343439;
}

.square_slider.square_slider_annonce {
	float: right;
	width: 220px;
}

.square_slider.square_slider_annonce .bx-wrapper {
	position: relative;
	width: 220px;
	margin: 0 auto;
}

.annonce_item {
	padding:10px 20px;
}

.square_slider.square_slider_annonce .bx-wrapper .bx-prev {
	left: -22px;
}

.square_slider.square_slider_annonce .bx-wrapper .bx-next {
	right: -22px;
}

.annonce_item .titre {
	margin: 5px 0;
	color:white;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.833em;
	font-weight: normal;
}

.annonce_item p {
	margin: 2px 0;
	color:white;
}

/* ==========================================================================
   Listes LEI + geolocalisation
   ========================================================================== */

.lei_liste {
	padding-top: 15px;
}
.lei_liste ul.onglets {
	margin: 0 0 15px 0;
}
.lei_liste ul.liste {
	background: transparent url(../img/bg_ul_liste.png) left top no-repeat;
}
.lei_liste ul.geolocalisation {
	background: transparent url(../img/bg_ul_geolocalisation.png) left top  no-repeat;
}
.lei_liste ul.onglets li {
	display: block;
	float: left;
	width: 17.7838%;
	min-width: 130px;
	line-height: 27px;
	opacity: 0.3;
}
.lei_liste ul.onglets li.current {
	opacity: 1;
}
.lei_liste ul.onglets li.liste {
	background: transparent url(../img/bg_onglet_liste.png) 10px center no-repeat;
}
.lei_liste ul.onglets li.geolocalisation {
	background: transparent url(../img/bg_onglet_geolocalisation.png) 10px center no-repeat;
}
.lei_liste ul.onglets li a {
	display: block;
	padding: 0 10px 0 35px;
	line-height: 27px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.lei_liste .nbResultats {
	float: left;
	width: 40%;
	font-weight: bold;
}
.lei_liste .pagination {
	float: right;
	width: 50%;
	text-align: right;
	padding-right: 10px;
}
.lei_liste .pagination.top {
	
}
.lei_liste .pagination.bottom {
	margin-top: 15px;
}
.lei_liste .pagination span.pageSelected {
	padding: 3px 5px;
	background: #139CB4;
	color: #fff;
}
.lei_liste .pagination a.paginate {
	padding: 3px 5px;	
}
.lei_liste .pagination a.paginate.page-precedente, .lei_liste .pagination a.paginate.page-suivante {
	padding: 0;
	background: none;
}

.lei_liste div.liste ul.listeProduitsLei {
	
}
.lei_liste div.liste ul.listeProduitsLei li {
	display: block;
	padding: 15px 0;
	border-bottom: 2px dotted #B8B8B8;
	min-height: 75px;
}
.lei_liste div.liste ul.listeProduitsLei li a {
	text-decoration: none;
	border: none;
	outline: none;
	color: #000;
}
.lei_liste div.liste ul.listeProduitsLei li div.photo {
	float: left;
	width: 100px;
	min-height: 75px;
	margin-right: 10px;
	background-color: #bbb;
	color: #fff;
}
.lei_liste div.liste ul.listeProduitsLei li div.photo span {
	display: block;
	line-height: 75px;
	text-align: center;
	color: #fff;
}
.lei_liste div.liste ul.listeProduitsLei li div.photo img {
	max-width: 100%;
}
.lei_liste div.liste ul.listeProduitsLei li div.texte {
	margin: 0 165px 0 115px;
}
.lei_liste div.liste ul.listeProduitsLei li div.nom_lieu {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.833em;
	line-height: 100%;
}
.lei_liste div.liste ul.listeProduitsLei li div.nom_lieu a:hover {
	text-decoration: underline;
}
.lei_liste div.liste ul.listeProduitsLei li div.labels img {
	cursor: pointer;
}
.lei_liste div.liste ul.listeProduitsLei li div.divers {
	font-weight: bold;
	margin: 3px 0;
	background: transparent url(../img/flecheBleueDroite.png) left center no-repeat;
	padding-left: 15px;
}
.lei_liste div.liste ul.listeProduitsLei li div.desc {
	font-weight: bold;
}
.lei_liste div.liste ul.listeProduitsLei li div.buttons {
	float: right;
	width: 150px;
	margin-left: 10px;
}
.lei_liste div.liste ul.listeProduitsLei li div.buttons.responsive {
	display: none;
}
.lei_liste div.liste ul.listeProduitsLei li div.buttons a {
	display: block;
	width: 148px;
	height: 30px;
	opacity: 0.7;
	border: 1px solid transparent;
	text-indent: -9999px;
}
.lei_liste div.liste ul.listeProduitsLei li div.buttons a.situer {
	background: transparent url(../img/btn_situerCarte_LEI.png) left top no-repeat;
}
.lei_liste div.liste ul.listeProduitsLei li div.buttons a.enSavoirPlus {
	background: transparent url(../img/btn_enSavoirPlus_LEI.png) left top no-repeat;
}
.lei_liste div.liste ul.listeProduitsLei li div.buttons a:hover {
	border: 1px solid #999;
	opacity: 1;
}
.lei_liste div.liste ul.listeProduitsLei li div.buttons a.situer {
	margin-bottom: 10px;
}

.lei_liste #carte {
	width: 100%;
	height: 450px;
	border: 1px solid #ccc;
}



.ficheProduit {
	/*padding-top: 20px;*/
}
.ficheProduit .colG {
	float: left;
	width: 62.2435%;
}
.ficheProduit .colD {
	float: right;
	width: 31.4637%;
}
.ficheProduit h2.titreProduit {
	color: #000;
	font-size: 24px;
	font-weight: normal;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	text-transform: uppercase;
	
}
.ficheProduit .photos {
	
}
.ficheProduit .photoPrincipale {
	float: left;
	width: 80.2197%;
	margin-right: 2.1978%;
}
.ficheProduit .photoPrincipale img {
	max-width: 100%;
}
.ficheProduit .miniatures {
	float: left;
	width: 17.5824%;;
}
.ficheProduit .miniatures ul li {
	margin-bottom: 10px;
}

.ficheProduit .colG .bx-wrapper {
	position: relative;
	width: 80px;
	/*height: 266px;*/
	margin: 0 auto;
}
.ficheProduit .colG .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
	height: 270px;
	background: transparent;
	/*max-height: 270px;*/
}
.ficheProduit .colG .bx-controls-direction a {
	position: absolute;
	width: 11px;
	height: 8px;
	top: 0;
	margin-top: 0;
	outline: 0;
	text-indent: -9999px;
	z-index: 199;
}
.ficheProduit .colG .bx-controls-direction a.disabled {
	display: none;
}
.ficheProduit .colG .bx-wrapper .bx-prev {
	display: block;
	top: -5%;
	left: 46%;
	background: url(../img/sprite_slider_miniatures.png) no-repeat -1px -1px;
}
.ficheProduit .colG .bx-wrapper .bx-next {
	display: block;
	top: 101%;
	left: 46%;
	background: url(../img/sprite_slider_miniatures.png) no-repeat -1px -14px;
}
.ficheProduit .colG .bx-wrapper a.bx-prev:hover, a.bx-next:hover {
	opacity: 0.8;
}

.ficheProduit h2.dates {
	background: url(../img/flecheBleueDroite.png) left center no-repeat;
	padding-left: 15px;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.417em;
	font-weight: normal;
}

.ficheProduit .description {
	margin-top: 25px;
	font-weight: bold;
	text-align: justify;
}
.ficheProduit p.siteInternet span {
	background: url(../img/flecheBleueDroite.png) left center no-repeat;
	padding-left: 15px;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.217em;
}
.ficheProduit p.siteInternet a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	word-wrap: break-word;
}
.ficheProduit div.pictos {
	margin-bottom: 20px; 
}
.ficheProduit div.pictos img {
	margin-right: 5px;
}
.ficheProduit .buttons a {
	display: block;
	float: left;
	margin-right: 15px;
}

.ficheProduit .reseau-sociaux.detail-share {
	float: right;
	width: 150px;
}

.ficheProduit .reseau-sociaux.detail-share a {
	width: 30px;
	height: 29px;
	background-repeat: no-repeat;
	background-position: 0;
	background-image: url(../2017/images/social.png);
	float: right;
	text-indent: -99999px;
	background-size: 30px;
	display: inherit;
	margin-right: 0;
}

.ficheProduit .reseau-sociaux.detail-share a.rs_2002685 {
	background-position: left 0;
}

.ficheProduit .reseau-sociaux.detail-share a.rs_2002686 {
	background-position: left -31px;
}
.ficheProduit .reseau-sociaux.detail-share a.rs_2002688 {
	background-position: left -61px;
}
.ficheProduit .reseau-sociaux.detail-share a.rs_2002958 {
	background-position: left -91px;
}
.ficheProduit .reseau-sociaux.detail-share a.rs_2002789 {
	background-position: left -149px;
}
.ficheProduit .reseau-sociaux.detail-share a.rs_2002892 {
	background-position: left -119px;
}
.ficheProduit .reseau-sociaux.detail-share a.tripadvisor {
	background-position: left -179px;
}

	/* onglets */
.ongletsWrapper h3 {
	display: none;
}

.ongletsWrapper ul {
	margin-top: 25px;
}
.ongletsWrapper ul li {
	float: left;
	text-align: center;
	border: 1px solid transparent;
	border-bottom: 1px solid #139AB2;
}
.ongletsWrapper ul li a{
	display: block;
	padding: 7px 0;
	color: #139AB2;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.917em;
}
.ongletsWrapper ul li span.empty {
	display: block;
	padding: 7px 0;	
	font-size: 0.917em;
}
.ongletsWrapper ul li.current {
	border: 1px solid #139AB2;
	border-bottom: none;
}
.ongletsWrapper div.contenu_onglet {
	padding: 10px;
}
.ongletsWrapper div.contenu_onglet table {
	width: 100%;
}
.ongletsWrapper div.contenu_onglet table tr + tr {
	/*border-top: 1px solid #ccc;*/
}
.ongletsWrapper div.contenu_onglet table td {
	padding: 5px;
}
.ongletsWrapper div.contenu_onglet td.spacer {
	width: 4%;
	padding: 0;
}
.ongletsWrapper div.contenu_onglet table td.titreModalite {
	font-weight: bold;	
	text-align: right;
	width: 50%;
}
.ongletsWrapper div.contenu_onglet table td.valeurModalite {
	
}

.colD .ficheBlocTarifs,
.colD .ficheBlocHoraires {
	background: #139AB2;
	padding: 10px;
	color: #fff;
	font-size: 0.917em;
}
.colD .ficheBlocHoraires .content {
	height: 117px;
	min-height: 117px;
	overflow: hidden;
}
.colD .ficheBlocHoraires .content .detailsHoraires {
	font-size: 10px;
	font-style: italic;
	padding: 3px;
	background: #08A2B2;
	margin-bottom: 5px;
}
.colD .ficheBlocHoraires .content + a {	
	display: block;
	text-align: center;
	width: 75%;
	margin: 10px auto 0 auto;
	font-size: 1.6em;
	color: #fff;
	text-transform: uppercase;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
}
.colD .ficheBlocTarifs h3,
.colD .ficheBlocHoraires h3 {
	font-size: 1.8em;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 15px;
}

.colD .ficheBlocTarifs table {
	width: 100%;
}
.colD .ficheBlocTarifs table tr td {
	padding: 3px 0;
	vertical-align: middle;
}
.colD .ficheBlocTarifs table tr + tr {
	border-top: 1px solid #fff;
}
.colD .ficheBlocTarifs td.titreModalite {
	font-weight: bold;
	text-align: right;
	width: 50%;
}
.colD .ficheBlocTarifs span.titreModalite {
	font-weight: bold;
}
.colD .ficheBlocTarifs td.spacer {
	width: 4%;
}
.colD .ficheBlocTarifs td.valeurModalite {
	
}
.colD .ficheBlocTarifs span.valeurModalite {
	
}

/*
.colD .ficheBlocHoraires .itemModalite {
	padding: 3px 0;
}
.colD .ficheBlocHoraires .itemModalite + .itemModalite {
	border-top: 1px solid #fff;
}
.colD .ficheBlocHoraires .titreModalite  {
	float: left;
	width: 55%;
	font-weight: bold;
	text-align: right;
	padding-right: 1%;
}
.colD .ficheBlocHoraires .valeurModalite  {
	float: left;
	width: 44%;
}
*/

.colD .blocColD + .blocColD {
	margin-top: 10px;
}

.colD .blocCoordonnees {
	
}
.colD .blocCoordonnees h3 {
	font-size: 1.8em;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0;
	color: #404040;
}
.colD .blocCoordonnees .blocContent {
	background-color: #fff;
	padding: 10px;
}
.colD .blocCoordonnees p.texte {
	margin: 0;
}
.colD .blocCoordonnees p.mail + p.texte.url {
	margin-top: 10px;
}
.colD .blocCoordonnees a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.colD .blocCoordonnees a:hover {
	text-decoration: underline;
	color: #333;
}
.colD #mapContainer {
	position: relative;
	margin-bottom: 5px;
}
.colD #mapFicheLei {
	height: 130px;
}
.colD #zoom {
	width: 27px;
	height: 27px;
	position: absolute;
	right: 0;
	bottom: 0;
	/*left: 183px;
	top: -32px;*/
}
.colD a.btnCalculItineraire {
	display: block;
	text-align: center;
	background: #139AB2 url(../img/flecheBlancheDroite.png) 95% center no-repeat;
	color: #fff;
	font-size: 1.5em;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}


.colD .blocDispos h3 {
	font-size: 1.8em;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0;
	color: #404040;
}
.ficheProduit .colD .bx-wrapper {
	position: relative;
	width: 100%;
	padding: 0;
	height: auto;
	margin: 0 auto;
}
.ficheProduit .colD .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
	height: 140px;
	background: none;
}
.ficheProduit .colD .bx-controls-direction a {
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0;
	margin-top: 0;
	outline: 0;
	text-indent: -9999px;
	z-index: 199;
}
.ficheProduit .colD .bx-wrapper .bx-prev {
	display: block;
	top: 4px;
	left: 3px;
	background: url(../img/sprite_calendar.png) no-repeat -1px -1px;
}
.ficheProduit .colD .bx-wrapper .bx-next {
	display: block;
	top: 4px;
	right: 3px;
	background: url(../img/sprite_calendar.png) no-repeat -19px -1px;
}
.ficheProduit .colD .bx-wrapper a.bx-prev:hover, a.bx-next:hover {
	opacity: 0.8;
}

.disposContent {
	background: transparent url(../img/bg_calendar.png) repeat;
	padding-bottom: 10px;
}

#divCalendrier {
	width: 100%;
	min-height: 140px;
	margin: 0 auto;	
	padding: 0;
	text-align: center;
}
#divCalendrier h2#titreCalendrier, #divCalendrier h2#titreCalendrier2 {
	font-weight:bold;
	text-align:center;
	font-size: 1em;
	padding: 3px 0;
	background: transparent url(../img/bg_titre_calendar.png) repeat;
}
#divCalendrier ul {
	list-style-type: none;
	padding: 0 10px;
}
#divCalendrier ul#libelle {
	list-style-type: none;
	height: 15px;
	margin: 0px;
}
#divCalendrier ul#libelle li {
    float: left;
    width: 13.3333%;
    height:14px;
    margin: 0px 0.9523% 2px 0px;
    border: 0;
    border-collapse: collapse;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}
#divCalendrier ul.ligne {
	list-style-type: none;
	height:13px;
	margin: 0px;
} 
#divCalendrier ul.ligne li { 
    float:left;
    width: 13.3333%;
    height:14px;
    margin: 0px 0.9523% 2px 0px;
    padding: 2px 0;
    font-family:Verdana;
    font-size:9px;
    font-weight:normal; 
    background: #fff;
    text-align: center;
}
#divCalendrier ul.ligne li a {
	text-decoration: none;
	font-family:Verdana;
	font-size:9px;
	font-weight:normal;
	font-style:italic;
	color:#333333;
}

#divCalendrier ul.ligne li.itemSelectedItem {  /* A vous de configurer l\'apparence du jour selectionne */
	background:#D1D1D1;
	color:#AAAAAA;
}		
#divCalendrier ul.ligne li.itemCurrentItem { /* A vous de configurer l\'apparence de la date du jour */
	color:black;
	background:#FFFFFF;
	font-weight: bold;
}
#divCalendrier ul.ligne li.itemVide { /* A vous de configurer l\'apparence du jour selectionne */
	background:none;
	border:0px;
}
#divCalendrier ul.ligne li.itemVide:hover { 
	text-decoration: none;
	background:none;
	cursor: auto;
	color: black;
	border:0px
}

#divCalendrier ul.ligne li.itemComplet { 
	background:#B5266A;
	color:#fff;
}		
#divCalendrier ul.ligne li.itemFerme {
	background:#000000;
	color:#fff;
}		
#divCalendrier ul.ligne li.itemLibre {
	background:#6F894D;
	color:#fff;
}		
#divCalendrier ul.ligne li.itemNousConsulter {
	background:#D76800;
	color:#fff;
}
#divCalendrier ul.ligne li:hover {
	cursor:pointer;
	color:black;
	background:#FFFFFF;
	border:0px;
	font-weight: bold;
}

.disposContent div.legende {
	text-align: left;
	padding: 10px;
}
.disposContent  div.legende .itemLegende {
	float: left;
	width: 50%;
	line-height: 15px;
	padding: 5px 0;
	font-size: 10px;
}
.disposContent  div.legende .couleur {
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.disposContent div.legende .dispo .couleur {
	background-color: #6F894D;
}
.disposContent div.legende .complet .couleur {
	background-color: #B5266A;
}
.disposContent  div.legende .ferme .couleur {
	background-color: #000;
}
.disposContent  div.legende .nousConsulter .couleur {
	background-color: #D76800;
}

.disposContent a.btnReserver {
	display: block;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	/*background: transparent url(../img/bgBtnReserver.png) repeat;*/
	background: #139AB2 url(../img/flecheBlancheDroite.png) 95% center no-repeat;
	margin: 10px 10px 0 10px;
	text-align: center;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
}
.disposContent a.btnReserver:hover {
	color: #000;
	text-decoration: underline;
}


div.recherche_lei {
	padding: 10px;
	position: relative;
}
div.recherche_lei div.reInit {
	position: absolute;
	top: 10px;
	right: 10px;
}
div.recherche_lei div.reInit a {
	display: block;
	color: #fff;
	background: transparent url(../img/cancelSearch.png) left center no-repeat;
	padding-left: 20px;
	line-height: 140%;
}
div.recherche_lei {
	background: transparent url(../img/bg_vert.png) repeat;
}
div.recherche_lei h2 {
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1.833em;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	color: #000;
}
div.recherche_lei form {
	position: relative;
	padding-bottom: 25px;
}
div.recherche_lei div.formItem.labelAuDessus {
	float: left;
	width: 22%;
	min-width: 115px;
	margin-right: 3%;
	margin-bottom: 5px;
}
div.recherche_lei div.formItem.labelACote {
	float: left;
	width: 22%;
	min-width: 115px;
	margin-right: 3%;
	margin-bottom: 5px;
}
div.recherche_lei div.formItem label {
	font-size: 13px;
}
div.recherche_lei div.labelAuDessus label {
	display: block;
	white-space: nowrap;
	font-size: 12px;
}
div.recherche_lei div.labelACote {
	line-height: 25px;
}
div.recherche_lei div.labelACote.box {
	text-align: right;
}
div.recherche_lei div.labelACote label {
	line-height: 150%;
	vertical-align: middle;
	font-weight: bold;
}
div.recherche_lei div.formItem select,
div.recherche_lei div.formItem input.txt {
	border: none;
	height: 20px;
	line-height: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}
div.recherche_lei div.formItem .selectContainer {
	background: #fff url(../img/bgSelect.png) right center no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
div.recherche_lei div.formItem select {
	width: 120%;
	height: 25px;
	padding: 2px 1% 2px 1%;
	/*background: #fff url(../img/bgSelect.png) right center no-repeat;*/
	background: none repeat scroll 0 0 transparent;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
div.recherche_lei div.formItem select option{
	width: 75%;
}
div.recherche_lei div.formItem input.txt {
	width: 90%;
	padding: 2px 5%;
	height: 22px;
}
div.recherche_lei div.formItem input.datepicker {
	background: #fff url(../img/bgDatepicker.png) 95% center no-repeat;
}
div.recherche_lei div.formItem input.chkbx {
	vertical-align: middle;
    position: relative;
    bottom: 0;
}
div.recherche_lei input.submit {
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent url(../img/bg_boutonsGris.png) right center no-repeat;
	width: 45px;
	padding: 3px 15px 3px 10px;
	border: none;
	text-align: left;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1.583em;
	text-transform: uppercase;
}
div.recherche_lei.hotels input.submit {	
	background: transparent url(../img/bg_boutonsGris.png) right center no-repeat;
	color: #000;
}
div.recherche_lei a.options {
	position: absolute;

	bottom: 0;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1.833em;
	text-transform: uppercase;
	color: #000;
}
div.recherche_lei form .hiddenFormElements {
	padding-top: 15px;
}
div.recherche_lei form .hiddenFormElements.on {
	display: block;
}
div.recherche_lei form .hiddenFormElements.off {
	display: none;
}




/* ==========================================================================
  Calcul d'itinéraire
   ========================================================================== */

.tx-dklikitineraire-pi1 form#calculItineraire {
	border: 1px solid #ccc;
	padding: 15px;
	background-color: #ededed;
	margin-bottom: 15px;
}
.tx-dklikitineraire-pi1 form#calculItineraire label {
	font-weight: bold;
}
.tx-dklikitineraire-pi1 form#calculItineraire input.txt {
	margin-right: 15px;
	border: 1px solid #139AB2;
	width: 150px;
	padding: 2px 3px;
}
.tx-dklikitineraire-pi1 #panel {
	 min-height: 400px; border: 1px solid #ccc;
}
.tx-dklikitineraire-pi1 #map {
	 min-height: 400px; border: 1px solid #ccc;
	 margin-bottom: 15px;
}


/* ==========================================================================
  Documents à télécharger + video youtube
   ========================================================================== */
.documents_video {
	padding-top: 15px;
}

.documents_video .documents {
	/*float: left;
	width: 56.2243%;
	*/
	margin-right: 300px;
	min-width: 245px; 
}

.documents_video .documents .top {
	height: 52px;
}
.documents_video .documents .top.small {
	height: 25px;
}
.documents_video .documents .top .top-left {
	float: left;
	width: 13px;
	height: 100%;
}
.documents_video .documents .top .top-center {
	background: transparent url(../img/telechargements_TC.png) left top no-repeat;
	min-height: 52px;
	margin: 0 13px;
}
.documents_video .documents .top.small .top-center {
	background: transparent url(../img/contenutexte_TC_sanspicto.png) left top no-repeat;
	min-height: 25px;
	margin: 0 13px;
}
.documents_video .documents .top .top-right  {
	float: right;
	width: 13px;
	height: 100%;
}
.documents_video .documents .contenu {
	min-height: 25px; 
	padding: 0 15px 1px 15px;
	border-left: 1px solid #BFB8AC;
	border-right: 1px solid #BFB8AC;
}
.documents_video .documents .bottom {
	height: 18px;
}
.documents_video .documents .bottom .bottom-left {
	float: left;
	width: 14px;
	height: 18px;
}
.documents_video .documents .bottom .bottom-center {
	height: 18px;
	margin: 0 12px 0 14px;
	border-bottom: 1px solid #BFB8AC;
}
.documents_video .documents .bottom .bottom-right  {
	float: right;
	width: 12px;
	height: 18px;
}
.documents_video .documents .top h2 {
	margin: 0;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.833em;
	line-height: 100%;
	font-weight: normal;
	padding-top:  15px;
	padding-left: 70px;
}

.documents_video .documents h3 {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding-top: 10px;
}

.documents_video .documents ul.downloads li {
	padding: 5px 0;
	line-height: 26px;
}
.documents_video .documents ul.downloads li.borderTop {
	border-top: 1px dotted #000;
}
.documents_video .documents ul.downloads li .infosFichier {
	width: auto;
	margin-right: 100px;
	word-wrap: break-word;
}
.documents_video .documents ul.downloads li a {
	display: block;	
	float: right;
	width: 92px;
	height: 26px;
}
.documents_video .documents ul.downloads li span.nom {	
	font-size: 14px;
	font-weight: bold;
	word-wrap: break-word;
}

.documents_video .documents ul.links li {
	padding: 0 10px 0 0;
	display: inline;
	line-height: 25px;
}
.documents_video .documents ul.links li + li {
	padding: 0 10px;
	border-left: 1px solid #000;
}

.documents_video .video {
	float: right;
	width: 257px;
	height: 183px;
	padding: 7px 15px 15px 15px;
	background: transparent url(../img/bg_video.png) no-repeat;
}
.documents_video .video h2 {
	margin: 0 0 0 19px;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.833em;
	font-weight: normal;
	padding-left: 50px;
	line-height: 44px;
	background: transparent url(../img/bg_titre_video.png) no-repeat;
	position: relative;
	z-index: 100;
}
.documents_video .video iframe {
	width: 240px;
	margin: 0 auto 0 10px;
	margin-top: -10px;
	position: relative;
	z-index: 50;
}



/* ==========================================================================
   Bloc de contenu avec arabesque autour
========================================================================== */

.blocContenuArabesque {
	width: 100%;
}
.blocContenuArabesque .top {
	height: 52px;
}
.blocContenuArabesque .top .top-left {
	float: left;
	width: 13px;
	height: 100%;
}
.blocContenuArabesque .top .top-center {
	background: transparent url(../img/contenutexte_TC.png) left top no-repeat;
	min-height: 52px;
	margin: 0 13px;
}
.blocContenuArabesque .top .top-right  {
	float: right;
	width: 13px;
	height: 100%;
}
.blocContenuArabesque .contenu {
	min-height: 25px; 
	padding: 10px 15px 1px 15px;
	border-left: 1px solid #BFB8AC;
	border-right: 1px solid #BFB8AC;
}
.blocContenuArabesque .texteAuCentre,
.blocContenuArabesque .contenu .align-center {
	text-align: center;
}
.blocContenuArabesque .bottom {
	height: 18px;
}
.blocContenuArabesque .bottom .bottom-left {
	float: left;
	width: 14px;
	height: 18px;
}
.blocContenuArabesque .bottom .bottom-center {
	height: 18px;
	margin: 0 12px 0 14px;
	border-bottom: 1px solid #BFB8AC;
}
.blocContenuArabesque .bottom .bottom-right  {
	float: right;
	width: 12px;
	height: 18px;
}
.blocContenuArabesque .top h2 {
	margin: 0;
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.833em;
	line-height: 100%;
	font-weight: normal;
	padding-top:  15px;
	padding-left: 70px;
}



/* ==========================================================================
   Slider agenda
   ========================================================================== */
  
.tx-dklikbloc3agenda-pi1 {
	margin-bottom: 15px;
}
.slider_agenda{
	padding: 10px;
	background: url(../img/fond_slider_agenda.png);
}

.slider_agenda .slider_agenda_content{
	height: 100%;
}

.slider_agenda .slider_agenda_titre{
	font-family: LeagueGothicRegular, arial, verdana, sans-serif;
	font-size: 1.833em;
	line-height: 100%;
	color: #000000;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.slider_agenda .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
	border: solid #fff 0px;
	left: 0px;
	background: none;
}

.slider_agenda .item_agenda{
	border-right: 2px solid #989F9E;
	padding-right: 0px;
	height: 100%;
	position: relative;
}

.slider_agenda .bx-controls{
	position: absolute;
	bottom: 0;
	right: 0;
}

.slider_agenda .bx-wrapper {
	margin: 0;
}

.slider_agenda .bx-wrapper .bx-prev {
	display: block;
	width: 21px;
	height: 21px;
	left: -37px;
	background: url(../img/slider_agenda_gauche.png) no-repeat 0px 0px;
}

.slider_agenda .bx-wrapper .bx-next {
	display: block;
	width: 21px;
	height: 21px;
	right: -5px;
	background: url(../img/slider_agenda_droite.png) no-repeat 0px 0px;
}

.slider_agenda .bx-wrapper .bx-prev.disabled,
.slider_agenda .bx-wrapper .bx-next.disabled {
	display: none;
}

.slider_agenda .item_agenda_texte{
	position: relative;
	height: 100%;
}

.slider_agenda .item_agenda_texte p{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

.slider_agenda .item_agenda_texte .item_agenda_texte_titre{
	font-family: Arial;
	font-size: 1em;
	color: #000;
	font-weight: bold;
	height: 45px;
	overflow: hidden;
}

.slider_agenda .item_agenda_texte .item_agenda_texte_date{
	font-family: Arial;
	font-size: .9em;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
}

.slider_agenda .item_agenda_texte .item_agenda_texte_lien{
	position: relative;
}

.slider_agenda .item_agenda_texte.item_agenda_texte_resp .item_agenda_texte_titre{
	height: auto;
	overflow: auto;
}

.slider_agenda .item_agenda_texte.item_agenda_texte_resp{
	margin-bottom: 10px;
}




/* ==========================================================================
   Formulaire de réservation
   ========================================================================== */

#reservation fieldset {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 1.5%;
	border: 1px solid #666;
}

#reservation fieldset.coordonnees {
	/*float: left;*/
	margin-bottom: 15px;
}
/*
#reservation fieldset.infoSejour {
	float: right;
}
*/
#reservation fieldset legend {
	font-weight: bold;
	color: #000;
	padding: 0 5px;
}

#reservation fieldset .row .floatLeft {
	float: left;
	width: 48%;
}
#reservation fieldset .row .floatLeft + .floatLeft {
	margin-left: 4%;
}

#reservation fieldset.coordonnees label,
#reservation fieldset.infoSejour label {
	display: block;
	clear: both;
	font-weight: bold;
}
#reservation fieldset.coordonnees input.txt,
#reservation fieldset.coordonnees textarea {
	width: 100%;
	margin-bottom: 5px;
}
#reservation fieldset.infoSejour input.txt,
#reservation fieldset.infoSejour textarea {
	width: 100%;
	margin-bottom: 5px;
}
#reservation fieldset.coordonnees input.txt.codepostal {
	width: 25%;
}
#reservation fieldset.infoSejour input.txt.datepicker {
	width: 35%;
}
#reservation fieldset.infoSejour input.txt.nombre {
	width: 15%;
}
#reservation input.submit {
	display: block;
	float: right;
	width: 300px;
	height: 35px;
	margin: 10px auto 0 auto; 
}
#reservation div.infosLegales {
	margin-top: 20px;
	padding: 10px;
	font-size: 10px;
}
#reservation p.ok {
	color: green;
	font-weight: bold;
}
#reservation p.ko {
	color: red;
	font-weight: bold;
}




#demandededevis fieldset#tx-powermail-pi1_fieldset_1 > legend {
	display: none;
}
#demandededevis div#powermaildiv_uid11 {
	font-size: 13px;
	font-weight: bold;
	padding: 15px;
	background-color: #fff;
}



   
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media all and (max-width: 990px) {
	.center {
		width: 100%;
	}	
	header {
		background-image: none;
	}
	/* A SUPPRIMER APRES SUPPRESSION DU LOGO TROPHEE */
	#logo {
		margin-left: 100px;
	}
	header .trophee {
		float: right;
		width: 11.1%;
		margin-right: 32%;
		margin-top: 20px;
	}
	header .trophee img {
		max-width: 100%;
	}
	/* ********************************************* */
	#widget_outerRight { 
		display: none;
	}
	#widget_header {
		display: block;
	}
	#slideShow {
		width: 96%;
		margin: 0 2% 25px 2%;
	}	
	div.clearResponsive {
		display: block;
	}
	
	footer .contact,
	footer .newsletter,
	footer .brochures,
	footer .carte  {
		width: 40%;
		margin-left: 10%;
	}	
}

@media all and (max-width: 640px) {
	div.clearResponsive {
		display: none;
	}
	header {
		min-height: auto;
	}
	#logo {
		float: none;
		width: 65%;
		padding-top: 40px;
		margin: 0 auto;
	}
	/* A SUPPRIMER APRES SUPPRESSION DU LOGO TROPHEE */
	#logo {
		margin: 0 0 0 15px;
	}
	header .trophee {
		float: right;
		width: 110px;
		margin-right: 15px;
		margin-top: 50px;
	}
	header .trophee img {
		max-width: 100%;
	}
	/* ********************************************* */
	#menuBtn {	
		height: 40px;		
	}
	
	#menuBtn a {
		padding-top: 0;
	}
	
	#navWrapper nav {
		overflow: hidden;
		color: #fff;
		padding: 15px 2% 0 2%;
		width: 96%;
		height: auto;
	}	
	#navWrapper nav div.blocMenu {
		float: none;
		width: auto;
		padding: 10px 0;
		min-height: 0;
	}
	#navWrapper nav div.blocMenu + .blocMenu {
		border-top: 1px dotted #fff;
		border-left: none;
	}
	#navWrapper nav div.blocMenu h1 {
		line-height: 100%;
		margin: 0 0 5px 0;
	}
	#navWrapper nav div.blocMenu ul li {
		display: inline;
		padding-right: 10px;
	}
	#navWrapper nav div.blocMenu ul li + li {
		padding-left: 10px;
		border-left: 1px solid #fff;
	}
	
	#widget_header {
		display: none;
	}
	#widget_iphone {
		display: block;
		
	}
	.widget_iphone {
		margin-bottom: 15px;
	}
	#searchForm {
		display: none;
	}
	#widget_outerRight { 
		display: none;
	}
	#widget_header {
		display: none;
	}	
	#slideShow {
		width: 95%;
		margin: 0 2.5% 0 2.5%;
	}
	#slideShow ul.bxSlideShow li a.enSavoirPlus {
		display: none;
	}
	#section2 h1 {
		display: block;	
		font-size: 1.8em;
		margin-bottom: 0;
	}
	#section2 .blocFloat {
		width: 91%;
		margin: 0 2.5%;
		background: transparent url(../img/bgGris.png) repeat;
		margin-bottom: 10px;
		padding: 10px 2% 10px 2%;
	}	
	#section2 .blocFloat + .blocFloat {
		margin-left: 2.5%;
	}
	
	#section2 .bloc2, #section2 .bloc4  {
		
	}
	#section2 .blocFloat .contenu  {
		display: none;
	}
	#aNePasManquerHome {
		margin-left: 0;
	}
	#commentVenir {
		margin-left: 0;
		width: auto;
		height: auto;
		min-height: 0;
		padding-top: 0;
		background: none;
	}
	#commentVenir h1 {
		font-family: LeagueGothicRegular, arial, verdana, sans-serif;
		font-size: 1.8em;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		color: #000;
		background: url(../img/bgTitresSection2.png) left center no-repeat;
		padding-left: 15px;
	}	
	#section2 .bx-pager {
		display: none;
	}
	#section3 {
		margin: 10px 0;
	}
	#section3 .colonne .item {
		margin: 0 0 10px 0;
	}
	#section3 .col1, #section3 .col2, #section3 .col3 {
		width: 45%;
		margin-left: 3%;		
	}
	#section3 .item {
		height: 140px;
		overflow: hidden;
	}
	#section3 .item img {
		width: 100%;
		height: 100%;
		max-width: auto;
		max-height: none;
	}
	#section3 .item h2 {
		line-height: 150%;
		font-size: 1.8em;
	}
	#section3 .decouvrir,
	#section3 .fb_likebox,
	#section3 .hebergement,
	#section3 .gastronomie,
	#section3 .viePratique,
	#section3 .agenda,
	#section3 .groupes
	 {
		display: none;
	}
	#section3 .hiddenForResponsive {
		display: block;
	}
	#section3 .viePratique.hiddenForResponsive,
	#section3 .groupes.hiddenForResponsive
	 {
		float: left; 
		width: 48%;
		background: url(../img/bg_h2_section3.png) repeat;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	#section3 .groupes.hiddenForResponsive
	 {
		margin-left: 2%;
	}
	#section3 .viePratique.hiddenForResponsive img,
	#section3 .groupes.hiddenForResponsive img {
		display: none;
	}
	#section3 .viePratique.hiddenForResponsive h2,
	#section3 .groupes.hiddenForResponsive h2 {
		height: 100px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 0 5%;
		max-width: 90%;
		vertical-align: bottom;
		background: transparent url(../img/flecheBlanche-accesRubriques.png) 90% 90% no-repeat; 
	}
	#footerWrapper {
		min-height: auto;
	}		
	footer .colonne {
		width: 20%;
		padding: 0 2%;
		min-height: 0;
		margin: 0;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		margin-left: -1px;
	}	
	footer .colonne h2 {
		font-size: 1.5em;
		text-align: center;
	}
	footer .colonne div.contenu {
		display: none;
	}
	footer .contact {
		border-left: none;
	}
	footer .brochures {
		background: none;
	}	
	footer .contact-mobile {
		display: block;
	}
	footer .contact-mobile h2,
	footer .contact-mobile p {
		display: none;
	}
	footer .contact-mobile p:first-child {
		display: block;
		text-align: center;
		color: #fff;
		background-color: rgb(0, 0, 0); /* anciens navigateurs */
		background-color: rgba(0, 0, 0, 0.3);
		margin-top: 10px;
	}
	footer .contact-mobile p:first-child a {
		color: #fff;
		text-decoration: none;
	}
	
	
	
	#leftcol {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		margin-left: 0;
		min-height: 0;
	}	
	#rightcol {
		float: none;
		width: 96%;
		margin: 0 2%;
		min-height: 250px;
	}
	#leftcol .blocmenu {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background: none;
		float: left;
		width: 30%;
		margin: 1.6666%;
		background: #139AB2;
	}
	#leftcol .blocmenu.current {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background: none;
		float: none;
		width: 97%;
		margin: 1.5%;
		background: #139AB2;
	}
	#leftcol .blocmenu img {
		display: none;
	}
	#leftcol .titrebloc .titre {
		position: relative;		
		width: auto;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		text-align: center;
		border-bottom: 1px dotted #fff;
	}
	#leftcol .titrebloc .titre h2 {
		margin: 0;
		padding-left: 0;
		color: #fff;
		font-family: AvantQue, arial, verdana, sans-serif;
		font-weight: normal;
		font-size: 1.6em;
		border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
	}
	#leftcol .titrebloc .titre h2.current {
		background: none;
		font-size: 1.6em;
	}
	#leftcol .titrebloc:hover .titre {

	}
	#leftcol .titrebloc:hover .titre h2 {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	div.clearMenu { clear: both; visibility: hidden; height: 0; }
	#leftcol .blocmenu ul.menu_n1 li {
		display: inline;
		color: #fff;
		padding: 0 5px;
		line-height: 250%;
	}
	#leftcol .blocmenu ul.menu_n1 > li.current.hasChildren {
		display: block;
		color: #fff;
		line-height: 250%;
	}
	#leftcol .blocmenu ul.menu_n1 li.active {
		background: none;
		padding-right: 0;
	}
	#leftcol .blocmenu ul.menu_n1 > li.current > a {
		font-weight: bold;
		font-size: 1.2em;
	}
	#leftcol .blocmenu ul.menu_n2 {
		border-top: 1px solid #fff;
		background: #49BFD5;
	}
	#leftcol .blocmenu ul.menu_n2 li.active {
		background: none;
	}
	#leftcol .blocmenu ul.menu_n1 > li.current.hasChildren + li,
	#leftcol .blocmenu ul.menu_n1 > li + li.current.hasChildren  {
		border-left: none;
	}
	#leftcol .blocmenu ul.menu_n1 li + li {
		border-top: none;
		border-left: 1px solid #fff;
	}
	#leftcol .blocmenu ul.menu_n2 {
		padding: 0;
	}
	
	#sommaire .item .title {		
		top: 0;
		width: 100%;
		padding: 5px 0;
		font-size: 1.2em;
		background: #fff;
		line-height: 120%;
		text-align: center;
	}
	
	#rightcol #middleCenter #infosNavigation {
		float: none;
		width: auto;
	}
	#rightcol #middleCenter #iconesNavigation {
		float: none;
		width: auto;
		padding-bottom: 5px;
	}
	#rightcol #middleCenter #iconesNavigation a {
		float: right;
	}
	#rightcol #middleCenter #iconesNavigation + br,
	#rightcol #middleCenter #iconesNavigation a + br {
		display: none;
	}
	#pageTop h1 {
		margin: 5px 0 0 0;
		color: #fff;
		font-size: 1.3em;
		font-weight: normal;
		font-family: LeagueGothicRegular, arial, verdana, sans-serif;
		text-transform: uppercase;
	}
	.lei_liste div.liste ul.listeProduitsLei li {
		padding: 10px 0 3px 0;
		min-height: 75px;
	}
	.lei_liste div.liste ul.listeProduitsLei li div.buttons {
		display: none;
	}
	.lei_liste div.liste ul.listeProduitsLei li div.nom_lieu {
		font-size: 1.3em;
		line-height: 120%;
	}
	.lei_liste div.liste ul.listeProduitsLei li div.texte {
		margin: 0 0 0 110px;
	}
	.lei_liste div.liste ul.listeProduitsLei li div.texte .desc {
		display: none;
	}	
	.lei_liste div.liste ul.listeProduitsLei li div.buttons.responsive {
		display: block;
		width: 100%;
		float: none;
		margin-left: 0;
		text-align: right;
	}	
	.lei_liste div.liste ul.listeProduitsLei li div.buttons.responsive a {
		display: inline;
		opacity: 1;
		border: none;
		text-indent: 0;
		font-weight: bold;
		color: #139CB4;
	}
	.lei_liste div.liste ul.listeProduitsLei li div.buttons.responsive a.situer,
	.lei_liste div.liste ul.listeProduitsLei li div.buttons.responsive a.enSavoirPlus {
		background: none;
	}
	.lei_liste div.liste ul.listeProduitsLei li div.buttons.responsive a:hover {
		border: none;
		color: #000;
	}
	.lei_liste div.liste ul.listeProduitsLei li div.buttons.responsive a.situer {
		margin-bottom: 0;
	}	
	
	.ficheProduit .colG,
	.ficheProduit .colD {
		float: none;
		width: auto;
	}
	.ongletsWrapper ul li a{
		font-size: 0.9em;
	}
	
	#carte_interactive {
		position: relative;
		padding-bottom: 0
		height: auto;
	}
	#carte_interactive #carte {
		position: relative;
		float: none;
		width: 95%;
		margin: 0 auto;
		height: 400px;
		border: 1px solid #ccc;
	}
	#carte_interactive #criteres {
		float: none;
		width: 91%;
		height: auto;
		margin: 0 auto 15px auto;
		padding: 2%;
		background: #DDDFE3 url(../img/bg_criteres_carte.png) repeat;
	}
	
	
	#bonnesRaisons .maisAussi ul.otherItems li {
		float: none;
		width: auto;
		margin: 10px 0;
	}
	#bonnesRaisons .maisAussi ul.otherItems li div.arabesque {
		display: none;
	}
	#bonnesRaisons .maisAussi ul.otherItems li div.content {
		border: none;
		padding: 10px;
		background-color: #ededed;
	}
	#bonnesRaisons .maisAussi ul.otherItems li .titre {
		font-size: 1.3em;
		height: auto;
	}
	
	
	#aNePasManquer .maisAussi ul.otherItems li {
		float: none;
		width: auto;
		margin: 10px 0;
	}
	#aNePasManquer .maisAussi ul.otherItems br.after3items {
		display: none;
	}
	#aNePasManquer .maisAussi ul.otherItems li div.arabesque {
		display: none;
	}
	#aNePasManquer .maisAussi ul.otherItems li div.content {
		border: none;
		padding: 10px;
		background-color: #ededed;
	}
	
	
	#selectionSejours {
		padding: 0;
	}
	#selectionSejours ul.otherItems li {
		float: none;
		width: auto;
		margin: 2%;
	}
	#selectionSejours ul.otherItems br.after3items {
		display: none;
	}
	#selectionSejours ul.otherItems li + li {
		margin-left: 2%;
	}
	#selectionSejours ul.otherItems li div.arabesque {
		display: none;
	}
	#selectionSejours ul.otherItems li div.content {
		border: none;
		padding: 10px;
		background-color: #ededed;
	}
	#selectionSejours .titre {
		font-size: 1.3em;
		height: auto;
	}	
	
	.square_slider {
		display: none;
	}
	.flex_edito-slideshow .edito {
		margin-right: 0;
	}
	
	
	#selectionSejours #form_reservation fieldset.coordonnees,
	#selectionSejours #form_reservation fieldset.infoSejour {
		float: none;
		width: 90%;
		margin: 10px 5%;
	}
	#selectionSejours #form_reservation input.submit {
		float: none;
		width: 250px;
		height: 35px;
		margin: 10px auto 0 auto;
	}
	
	#koezio_commande_brochures table td.not_on_mobile {
		display: none;
	}
}

@media all and (max-width: 750px) {
	.documents_video .documents {
		width: 75%;
		margin: 15px auto 0 auto;
	}
	
	.documents_video .video {
		float: none;
		width: 257px;
		height: 183px;
		padding: 7px 15px 15px 15px;
		margin: 0 auto;
		background: transparent url(../img/bg_video.png) no-repeat;
	}
}


@media all and (max-width: 450px) {
	#section3 .item {
		height: 100px;
		overflow: hidden;
	}
	
	.ongletsWrapper ul li a{
		display: block;
		padding: 7px 0;
		color: #139AB2;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.7em;
	}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }
	
	div {
		color:black;
	}
	
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    #blocNavigation,
    #topShadow,
    #interieur #widget_outerRight,
    #rightcol #middleCenter #iconesNavigation,
    #leftcol,
    #footerWrapper,
    #pageTop_top,
    #middleLeft,
    #middleright,
    #pageTop_bottom,
    .colD a.btnCalculItineraire,
    #zoom,
    #feEditAdvanced-container,
    .lei_liste div.liste ul.listeProduitsLei li div.buttons,
    .lei_liste .pagination,
    .lei_liste ul.liste,
    header { display:none;}

    #rightcol {
    	margin: 0 auto;
    }
     
}

.atm-f, .atm-i, #at3winfooter { display:none; }