@charset "utf-8";

/* CSS Document */



::selection { background: #fbae1f; color: #FFF }

::-moz-selection {

background:#fbae1f;

color:#FFF

}

body { background-color: #eaeaeb; }

h1 { font-family: 'Abel', sans-serif; color: #6d6e70; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; }

h2 { font-family: 'Abel', sans-serif; color: #FFF; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; background: #000; display: inline-block; padding: 10px 20px; }

h2.cycle { font-family: 'Abel', sans-serif; color: #000; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; background:none; display:block;     padding: 0 0 10px 0; }

h3.house { font-family: 'Abel', sans-serif; color: #FFF; text-transform: uppercase; font-size: 28px; letter-spacing: 1px; background: #1fb3de; display: block; padding: 20px; margin-bottom: 3px; }

h3.clientele { font-family: 'Abel', sans-serif; color: #FFF; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; background: #000; display: inline-block; padding: 7px; margin-bottom: 3px; }

h4 { font-family: 'Abel', sans-serif; color: #fbae1f; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; display: inline-block; }

a.email { color: #fbae1f; background: #000; padding: 5px 7px; margin-bottom: 10px; display: inline-block; }

.plus { background: url(../images/common/bt-plus.png) no-repeat; width: 12px; height: 12px; display: block; background-position: right; margin-top: 5px; margin-bottom: 5px; position: relative; left: -3px; }

.right { float: right; }

.left { float: left; }

div#expositions .slides li { display: none; }

p { margin-bottom: 11px; font-family: 'Abel', sans-serif; font-size: 17px; line-height: 21px; }

a:focus, h3:focus, div:focus { outline: none; }

hr { border: none; height: 4px; background: #7f8082; width: 100%; }

hr.titleBar { position: absolute; top: 12px; }

strong { font-weight: bold; }

sup { font-size: xx-small; vertical-align: top; position: relative; top: -4px; }

.loading { background: url(../images/common/loading.gif) no-repeat center #000; width: 100%; height: 251px; }

/*-------------------------------------------------------------------

	Header

-------------------------------------------------------------------*/

div#header { width: 960px; height: 135px; margin: 0 auto; }

div#layout { background: #FFF; width: 934px; margin: 0 auto; min-height: 200px; padding: 40px 40px; margin-bottom: 34px; }

div#layoutBlur { /*background: url(../images/common/bg-header.jpg) top center no-repeat #FFF;*/ background:#FFF; width: 934px; margin: 0 auto; min-height: 200px; padding: 40px 40px; margin-bottom: 34px; }

a#logo { background: url(../images/common/logo.png); display: block; width: 440px; height: 98px; left: 13px; position: relative; top: 25px; float: left; }

div#top { float: right; margin-top: 24px; margin-right: 13px; }

div#top a { font-family: 'Abel', sans-serif; font-size: 15px; color: #939598; text-transform: uppercase; }

div#top a:hover { color: #000; }

div#top div.sep { height: 20px; width: 1px; background: #939598; display: inline-block; margin: 0 25px; position: relative; top: 4px; }

form#search { position: relative; margin-top: 14px; margin-left: 80px; margin-bottom: 7px; }

form#search input { border-radius: 0px; }

form#search input.textField { border: 1px solid #000; height: 29px; padding: 0 10px; width: 314px; margin-right: 10px; float: left; }

form#search input.textField:focus { outline: none; border: 1px solid #fcaf17; }

form#search input#btSubmit { border: none; background: url(../images/common/bt-search.gif); cursor: pointer; height: 31px; width: 34px; }

div#subNavTop { position: relative; margin-top: 3px; float: right; }

.btfb { position: relative; padding: 0; height: 22px; width: 88px; top: -15px; }

.fb { display: block; background: url(../images/common/fb.gif) no-repeat; height: 19px; width: 20px; float: right; position: relative; top: -2px; }

#printheader { display: none; }









/*-------------------------------------------------------------------

	Slideshow

-------------------------------------------------------------------*/

div#topSlider { position: relative; top: -12px; }

.flexslider { width: 100%; background: #000; height: 251px; font-family: 'Abel', sans-serif; border-top: 4px solid #808183; position: relative; margin-top: 12px; }

.flexslider p.flex-caption { font-size: 24px; width: 195px; background: #000; color: #FFF; padding: 70px 18px 0 18px; letter-spacing: 1px; }

.flexslider ul li img { float: right; }

.flex-control-nav { position: absolute; color: #939598; font-size: 16px; bottom: 0px; display: block; width: 200px; padding: 0 18px; }

.flex-control-nav li { display: inline; }

.flex-control-nav li a { cursor: pointer; padding-right: 6px; display: inline-block; padding-bottom: 10px; }

.flex-control-nav li a:hover, .flex-control-nav li a.flex-active { color: #FFF; }

div#subSlider { position: absolute; position: relative; bottom: 0; z-index: 999; height: 10px; }

div#subSlider a { display: inline-block; font-family: 'Abel', sans-serif; color: #FFF; position: relative; top: -54px; vertical-align: text-top; width: 186px; height: 39px; font-size: 21px; font-weight: bold; left: 214px; margin-left: 26px; text-transform: uppercase; padding: 14px; -moz-opacity: 0.90; opacity: 0.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=90); }

div#subSlider a:hover { -moz-opacity: 1.00; opacity: 1.00; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); }

a#parcs { background: #adc32b; }

a#patrimoine { background: #1fb3de; }

a#maisons { background: #fcaf17; }

div#subSlider a img { position: absolute; top: 54px; left: -13px; }

.btnPlay { background: url(../images/common/bt-play.png) right no-repeat; display: table; position: relative; z-index: 20; padding: 5px 26px 3px 8px; font-size: 18px; font-weight: 700; color: #02adef; margin: 0px 0 0 0; text-transform: uppercase; }

.btnPlayZone {

display: table; padding: 4px; margin: 0 0 0 6px; }



.btvideo {position: relative; left: 194px; top: 4px;}

.btbalado {position: relative; left: 194px; top: 4px; }

/*-------------------------------------------------------------------

	Expositions

-------------------------------------------------------------------*/

div#expositions { margin-bottom: 30px; margin-top: 20px; }

div#expositions img { /*width:468px;*/ }

.exposition { margin-top: 15px; display:block; position: relative; overflow: hidden; }

div.expos { overflow: hidden; }

div.expos, .exposition { border-top: 4px solid #808183; }

div.expos img, .exposition img { float: left; position: relative; z-index: 2; }

div.expos p.flex-caption, .exposition p.flex-caption { float: right; width: 62%; font-family: 'Abel', sans-serif; background: url(../images/common/bg-expo.png) no-repeat; height: 109px; }

div.expos ul.flex-direction-nav { height: 100%; overflow: hidden; }

div.expos ul.flex-direction-nav li a { position: absolute; top: 50%; height: 100%; margin-top: -10px; }

div.expos ul.flex-direction-nav a.flex-prev { display: block; background: url(../images/common/arrowsborder.png); width: 20px; height: 23px; position: absolute; left: 20px; z-index: 999; }

div.expos ul.flex-direction-nav a.flex-next { display: block; background: url(../images/common/arrowsborder.png); width: 20px; height: 23px; background-position: right; position: absolute; left: 435px; z-index: 999; }

div.expos { position: relative; }

div.expos p.flex-caption span.date, .exposition p.flex-caption span.date { color: #c88e1f; display: block; font-size: 17px; text-transform: uppercase; border-bottom: 1px solid #808183; padding: 11px 22px; }

div.expos p.flex-caption span.expo, .exposition p.flex-caption span.expo, span.mini-title {font-family: 'Abel', sans-serif;color: #000; display: block; font-size: 23px; height: 44px; border-bottom: 1px solid #808183; padding: 10px 22px; font-weight: bold; }

span.mini-title { padding:15px 0 0 0; border:none; }

div.expos p.flex-caption span.location, .exposition p.flex-caption span.location { color: #000; display: block; font-size: 14px; border-bottom: 4px solid #000; padding: 7px 22px; }

div.expos img.triangle, .exposition img.triangle { position: absolute; top: 149px; float: none; }

div.expos a.plus, .exposition a.plus { position: relative; top: 20px; }

div.expos .slides a.plus, .exposition .slides a.plus { top: 26px; }

div.expos .slides img.triangle, .exposition .slides img.triangle { top: 148px; }

div#activitesInner .exposition img.triangleExpo { position: relative; z-index: 1; top: 28px; left: 0px; }

.exposition .plus { top: 26px; left: auto; }

.exposition div.actDesc { background: #fcce75; width: 100%; float: right; position: relative; top: -24px; z-index: 0; border-bottom: 4px solid #000; }

.exposition div.actDesc .innerDesc { padding: 15px; }

.exposition div.ui-state-active a.plus { background: url(../images/common/bt-minus.png) no-repeat; background-position: right; right: 7px; z-index: 9999; }

.exposition .photodescription { width: 213px; float: left; overflow: hidden; border-right: 1px solid black; margin-top: 20px; }

.exposition .photodescription p { font-size: 14px; margin: 0; padding: 10px 15px 10px 0; text-align: right; }

.exposition .description { overflow: hidden; padding-left: 15px; margin-top: 10px; }

/*-------------------------------------------------------------------

	Contenu

-------------------------------------------------------------------*/

div.colLeft { width: 30%; float: left; background: url(../images/common/shadow-13.png) no-repeat bottom; padding-bottom: 24px; }

div.colRight { width: 65%; float: right; position: relative; }

div.colFull { width: 100%; position: relative; }

/*-------------------------------------------------------------------

	Navigation de côté

-------------------------------------------------------------------*/

div#subNav { /*border-top: 4px solid #000; border-bottom: 4px solid #000;*/ }

div#subNav div a, div#subNav div div.title { color: #000; font-family: 'Abel', sans-serif; font-size: 18px; text-transform: uppercase; display: block; border-bottom: 1px solid #c88e1f; padding:8px 0;

cursor: pointer; }

/*div#subNav div.sect2 a, div#subNav div.sect2 div.title, div#subNav div.sect2 div#accordion h3 { border-bottom:1px solid #ADC32B; }*/

div#subNav div.sect2 a, div#subNav div.sect2 div.title { border-bottom: 1px solid #ADC32B; }

div#subNav div.sect3 a, div#subNav div.sect3 div.title { border-bottom: 1px solid #1FB3DE; }

div#subNav div a:last-child, div#subNav div div.title:last-child { border: none; }

div#subNav div a:last-child, div#subNav div.title:last-child { border: none; }

div#subNav div a:hover, div#subNav div div.title:hover { color: #929496; }

div#subNav div div.subAccordion div.parcs { background: #dde6aa; margin-left: 27px; max-width: 188px; }

div#subNav div div.subAccordion div.patrimoine { background: #7ccce3; margin-left: 27px; }

div#subNav div div.subAccordion div.membres { background: #e7ca92; margin-left: 27px; max-width: 188px; }

div#subNav div div.subAccordion { margin-bottom: 10px; overflow: hidden; }

div#subNav div div.subAccordion div a { font-size: 14px; border: none; display: block; }

div#subNav div div.subAccordion div a:hover, div#subNav div div.subAccordion div a.selected { background: #000; }

div#subNav div div.subAccordion div.patrimoine a:hover, div#subNav div div.subAccordion div.patrimoine a.selected { color: #000; background: #1fb3de; }

div#subNav div div.subAccordion div.parcs a:hover, div#subNav div div.subAccordion div.parcs a.selected { color: #000; background: #bcce57; }

div#subNav div div.subAccordion div.membres a:hover, div#subNav div div.subAccordion div.membres a.selected { color: #000; background: #fcaf17; }

div#subNav div div.accordion h3 { border-bottom: 1px solid #c88e1f; }

div#subNav div.sect2 div.accordion h3 { border-bottom: 1px solid #ADC32B; }

div#subNav div.sect3 div.accordion h3 { border-bottom: 1px solid #1FB3DE; }

div#subNav div div.accordion h3.ui-state-active { border: none; }

div#subNav div div.subAccordion h3, div#subNav div.sect2 div.subAccordion h3, div#subNav div.sect3 div.subAccordion h3 { border: none; }

div#subNav div div.subAccordion h3 a { list-style: disc; list-style-position: outside; margin-left: 27px; display: list-item; }

div#subNav div div.subAccordion h3 a.parcs:hover, div#subNav div.subAccordion h3.ui-state-active a.parcs { background: #bcce57; color: #000; }

div#subNav div div.subAccordion h3 a.patrimoine:hover, div#subNav div.subAccordion h3.ui-state-active a.patrimoine { background: #1fb3de; color: #000; }

div#subNav div div.subAccordion h3 a.membres:hover, div#subNav div.subAccordion h3.ui-state-active a.membres { background: #fcaf17; color: #000; }

div#subNav div div#subAccordionUnactive { margin-bottom: 10px; }

div#subNav div div#subAccordionUnactive h3, div#subNav div.sect2 div#subAccordionUnactive h3, div#subNav div.sect3 div#subAccordionUnactive h3 { border: none; }

div#subNav div div#subAccordionUnactive h3 a { text-transform: none; list-style: disc; list-style-position: inside; display: list-item; padding-top: 2px; padding-bottom: 2px; }

div#subNav div div#subAccordionUnactive h3 a:hover, div#subNav div div#subAccordionUnactive h3 a.selected { background: #fbae1f; color: #000; }

div#subNav .group { display: block; background: url(../images/common/ico-bus.jpg) no-repeat 80px; }

/*-------------------------------------------------------------------

	Calendrier des activités

-------------------------------------------------------------------*/

div#calendarActs { margin-top: 40px; padding-left: 10px; border-bottom: 4px solid #000; padding-bottom: 15px; }

div#calendarActs h3 { font-family: 'Abel', sans-serif; font-size: 18px; font-weight: bold; }

div#calendarActs div#calendar { position: relative; top: 18px; left: -7px; }

/*-------------------------------------------------------------------

	Activités - Home

-------------------------------------------------------------------*/

div#activities { background: #fcaf17; height: 43px; padding: 17px 6px; }

div#activities h3 { font-family: 'Abel', sans-serif; font-size: 22px; text-transform: uppercase; font-weight: bold; }

div.acts img { border-top: 4px solid #808183; }

div.acts { position: relative; }

div.acts p.flex-caption { margin-bottom: 0; }

div.acts p.flex-caption { font-family: 'Abel', sans-serif; }

div.acts li { width: 215px; float: left; }

div.acts ul.flex-direction-nav li { display: inline-block; width: 22px; }

div.acts ul.flex-direction-nav a.flex-prev { display: inline-block; background: url(../images/common/arrows-black.png); width: 18px; height: 19px; /*position:absolute; left:515px;*/ }

div.acts ul.flex-direction-nav a.flex-next { display: inline-block; background: url(../images/common/arrows-black.png); width: 18px; height: 19px; background-position: right;/* position:absolute; left:550px; */ }

div.acts ul.flex-direction-nav { position: absolute; top: -60px; right: 2px; z-index: 2; }

div.acts p.flex-caption span.date { width: 215px; color: #c88e1f; display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #808183; padding: 10px 0; }

div.acts p.flex-caption span.expo { width: 215px; color: #000; display: block; font-size: 18px; line-height: 17px; border-bottom: 1px solid #808183; padding: 10px 0; font-weight: bold; }

div.acts p.flex-caption span.location { width: 215px; color: #000; display: block; font-size: 12px; text-transform: uppercase; border-bottom: 4px solid #000; padding: 7px 0; }

div.acts li { /*margin-right: 10px;*/ }

div.acts li:nth-child(3n+0) { /*margin-right: -17px;*/ }

div.acts .plus { width: 215px; }

/*-------------------------------------------------------------------

	Activités - Page

-------------------------------------------------------------------*/

div#activitesInner h1 { font-family: 'Abel', sans-serif; color: #fbae1f; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; background: #000; display: inline-block; padding: 8px 11px; position: relative; z-index: 1; }

div#activitesInner h1 span { color: #FFF; text-transform: none; font-size: 25px; }

div#activitesInner img.triangle { position: relative; z-index: 1; top: 12px; left: -4px; }

div.colLeftActivities { width: 214px; vertical-align: top; display: inline-block; margin-right: 22px; margin-top: 0px; }

.actsSolo  { display:block; }

div#activitesInner .actsSolo { display:block; margin-top: 20px; width: 30%; float: left; margin-right: 3%; overflow: hidden; }

div#activitesInner .actsSolo:nth-child(3n+0) { margin-right: 0; }

div#activitesInner div.colAct .actsSolo:nth-child(3n+1) { clear: left; }

div.colAct a img:first-child { display:block; width:100%; }

div#activitesInner div.colLeftActivities:nth-child(3n+0) { margin-right: 0; }

div#activitesInner .actsSolo img { border-top: 4px solid #7f8082; }

div#activitesInner .actsSolo p.title { font-family: 'Abel', sans-serif; color: #FFF; text-transform: uppercase; background: #000; display: inline-block; padding: 8px; margin: 0; }

.actsSolo { vertical-align: top; }

.actsSolo p.desc { font-family: 'Abel', sans-serif; margin: 0; padding: 0; }

.actsSolo span.date { width: 100%; color: #c88e1f; display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #808183; padding: 10px 0; }

.actsSolo span.expo { width: 100%; color: #000; display: block; font-size: 18px; line-height: 17px; border-bottom: 1px solid #808183; padding: 10px 0; font-weight: bold; }

.actsSolo span.location { width: 100%; color: #000; display: block; font-size: 14px; text-transform: uppercase; border-bottom: 4px solid #000; line-height: 17px; padding: 7px 0; }

.actsSolo .plus { width: 100%; display:block; }

.actsSolo div.actDesc { background: #fcce75; padding: 15px; }

.actsSolo div.ui-state-active .plus { background: url(../images/common/bt-minus.png) no-repeat; background-position: right; }

div#activitesInner div.solo { width: 100%; }

div.solo span.date, div.solo span.expo, div.solo span.location, div.solo .plus { width: auto; }

div#activitesInner div.solo p.title { display: block; }

div#activitesInner div.solo { margin-right: 0; }

/*-------------------------------------------------------------------

	Maisons - Parcs et jardins

-------------------------------------------------------------------*/

div#parcs { position: relative;  padding-bottom: 36px; }

div#parcs h1 { font-family: 'Abel', sans-serif; color: #acc02b; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; background: #000; display: inline-block; padding: 8px 11px; position: relative; z-index: 1; width:581px; }

div#parcs h1 span { color: #FFF; text-transform: none; }

div#parcs h2 { font-family: 'Abel', sans-serif; color: #000; text-transform: none; font-size: 20px; letter-spacing: 1px; background: #FFF; border: 1px solid #acc02b; display: inline-block; padding: 8px 11px; position: relative; z-index: 1; }

div#parcs img.house { position: relative; margin-top: -62px; z-index: 0;left:0;display:block; width:100%;  }

div#parcs img.triangle { position: relative; z-index: 1; top: 12px; left: -4px; }

div#parcs img.triangle-i { position: absolute; z-index: 1; left: -2px; top: 84px; }

div#parcs div.description { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background: #eef2d5; padding: 20px; margin-left: 13px; margin-top: -64px; padding-top: 84px; width:100%; }

div#parcs div.descriptionList { background: #eef2d5; }

div#parcs img.vintage { margin-top: 10px; display:block; width:100%; }

div.description ul { list-style: outside; font-family: 'Abel', sans-serif; font-size: 16px; margin-left: 20px; }

div.description ul li { padding-bottom: 7px; }

div#parcs div.description.introSection { margin-top: -26px; padding-top: 50px; }

/*-------------------------------------------------------------------

	Maisons - Patrimoine et architecture

-------------------------------------------------------------------*/

div#patrimoine { position: relative;  padding-bottom: 36px; }

div#patrimoine h1 { font-family: 'Abel', sans-serif; color: #1ea3d9; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; background: #000; display: inline-block; padding: 8px 11px; position: relative; z-index: 1; width:581px; }

div#patrimoine h1 span { color: #FFF; text-transform: none; }

div#patrimoine h2 { font-family: 'Abel', sans-serif; color: #000; text-transform: none; font-size: 20px; letter-spacing: 1px; background: #FFF; border: 1px solid #1ea3d9; display: inline-block; padding: 8px 11px; position: relative; z-index: 1; }

div#patrimoine img.triangle { position: relative; z-index: 1; top: 12px; left: -4px; }

div#patrimoine img.triangle-i { position: absolute; z-index: 1; left: -2px; top: 84px; }

div#patrimoine div.description { background: #dcf3f9; padding: 20px; margin-left: 13px; width:100%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top: -64px;  padding-top: 84px; }

div#patrimoine div.description h3 { font-family: 'Abel', sans-serif; color: #20b2df; font-size: 22px; font-weight: bold; padding-bottom: 5px; }

div#patrimoine img.house { position: relative; margin-top: -62px; z-index: 0; display:block; width:100%; }

div#patrimoine img.vintage { margin-top: 10px; display:block; width:100%; }

div#patrimoine div.descriptionList { background: #dcf3f9; }

div#patrimoine div.description.introSection { margin-top: -26px; padding-top: 50px; }



.houses { text-indent:0; margin:0; background:#f2f2f2; padding:12px 20px; margin:0 0 20px 0; }

.houses li:before { content:""; padding:0; float:none; display:inline; }

.houses li:hover a, .houses li .is-selected { color:#1fb3de !important; }

.video { width:100%; position:relative; display:block; height:400px; overflow:hidden; margin:0 0 40px 0; }

#myVideo {z-index:0; top:-60px; position:relative; display:block; width:100%; }

.video-title { font-size:40px; color:#FFF; position:absolute; z-index:1; background:#fcaf17; padding:20px;font-family: 'Abel', sans-serif; text-transform:uppercase;top:40%; left:50%; -webkit-transform: translate(-50%, -40%);

  transform: translate(-50%, -40%); opacity:0.8;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

  .video-play { display:block; z-index:1; position:absolute; width:68px;top:60%; left:50%; -webkit-transform: translate(-50%, -20%);

  transform: translate(-50%, -20%); height:68px;background:url(../images/common/play-button.png); }

  .video:hover .video-title { opacity:1; }

.box { display:block; float:left; width:47%; position:relative;font-family: 'Abel', sans-serif; margin:0 0 40px 0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.box:nth-child(2n) { float:right; }

.box-title { display:block; background:#000; font-size:27px; line-height:27px; color:#FFF; text-transform:uppercase; padding:20px; }

.box-picture { display:block; width:100%; height:225px; background-size:cover; background-repeat:no-repeat; background-position:center; }

.box-link { display:block;font-size:21px; line-height:21px; color:#FFF; background:#fcaf17; position:absolute;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; bottom:-12px; text-align:right; opacity:0.9; text-transform:uppercase; padding:20px 26px; width:100%; left:13px;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

.box-link:before { content:""; width:13px; height:12px; position:absolute; left:-13px; bottom:0; display:block; background:url(../images/common/triangle-box.png); }

.box:hover .box-link { opacity:1; }

.box-nav { float:none !important; width:100%; margin-bottom:10px; border:none !important; }

.box-nav .box-link { bottom:-4px; }

.box-small .box-title { font-size:20px; line-height:20px; padding-bottom:55px; }

.box-small .box-link { font-size:16px; padding:15px 20px;}

.is-full-width { display:block; width:100%; }

.app { display:block; width:100%;font-family: 'Abel', sans-serif;  height:108px; background:url(../images/common/app.jpg) no-repeat center; background-size:cover; text-align:center; }

.app-subtitle { padding:22px 0 0 0; font-size:21px; line-height:23px; color:#1a5907; text-transform:uppercase; display:block; }

.app-title { font-size:34px; color:#FFF; text-transform:uppercase; display:inline-block; }

.app-title:after { content:""; background:url(../images/common/app-icon.png) no-repeat; display:inline-block; width:22px; height:32px; position:relative; top:-15px; left:5px; }

.clear { clear:both; display:block; }

.house-name { position:relative; top:0px; padding:16px 20px !important; color:#FFF !important; }

.house-name:after { content:""; display:block; background:url(../images/common/patrimoine-triangle-dark.png); width:13px; height:12px; position:absolute; left:0px; bottom:-12px; }

.house-name-green { background:#bcce57 !important; }

.house-name-green:after { background:url(../images/common/park-triangle-dark.png); }

.house-name-orange { background:#fcaf17 !important; }

.house-name-orange:after { background:url(../images/common/coordonnes-triangle-dark.png); }

.zones { text-indent:0; margin:0 0 0 0; position:relative; left:13px; width:100%; }

.zones li:before { content:""; padding:0; float:none; display:inline; }

.zones li { display:block; width:auto; float:left;opacity:0.7; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}

.zones li a { display:block; padding:12px 30px; text-align:center; color:#FFF !important;font-family: 'Abel', sans-serif; font-size:17px; text-transform:uppercase;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

.zones li:nth-child(1) { background:#1fb3de;  }

.zones li:nth-child(2) { background:#bcce57;  }

.zones li:nth-child(3) { background:#fcaf17;  float:none; overflow: hidden; }

.zones li:hover a, .zones .is-selected a { padding-top:15px; padding-bottom:15px; }

.zones li:hover , .zones .is-selected {  opacity:1; }

.zones-lower { margin-top:30px; }

.has-left-margin { margin-left:13px; margin-top:20px; }

select { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #CCC; display:block; width:auto;  margin:8px 5px 15px 0; padding:9px 9px; float:left; }

select { background:url(../images/common/form-select.png) no-repeat center right #FFF; padding-right:30px; }

select:focus, select:hover { outline:none; border:1px solid #999; }

select:hover, select:focus { background:url(../images/common/form-select.png) no-repeat center right #FFF; }

.video-btn:before { display:inline-block; content:""; width:25px; height:25px; background:url(../images/common/small-video-btn.png); position:relative; top:5px; margin:0 5px 0 0; }

.video-btn { position:absolute; bottom:20px; right:20px; z-index:100; background:#fcaf17; display:block;font-family: 'Abel', sans-serif; font-size:20px; line-height:20px; padding:2px 10px 9px 10px; color:#FFF; text-transform:uppercase; }

.top-content { position:relative; left:13px; overflow:hidden; width:100%; }

#full-video { display:none; }

.print-hidden { display:none; }

.print { color:#5f696b; font-size:14px; text-transform:uppercase;font-family: 'Abel', sans-serif; text-align:right; float:right; margin-bottom:12px; }

.print:after { content:""; display:inline-block; width:17px; height:17px; background:url(../images/common/icon-print.png); margin-left:6px; }

.back { color:#5f696b; font-size:14px; text-transform:uppercase;font-family: 'Abel', sans-serif; text-align:right; float:left; margin-bottom:12px;     background: none;  border: none; cursor: pointer; }

/*-------------------------------------------------------------------

	Maisons - Membres du réseau

-------------------------------------------------------------------*/

div#membres { position: relative;  padding-bottom: 36px; }

div#membres h1 { font-family: 'Abel', sans-serif; color: #fbae1f; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; background: #000; display: inline-block; padding: 8px 11px; position: relative; z-index: 1; }

div#membres h1 span { color: #FFF; text-transform: none; }

div#membres h2 { font-family: 'Abel', sans-serif; color: #000; text-transform: none; font-size: 20px; letter-spacing: 1px; background: #FFF; border: 1px solid #fbae1f; display: inline-block; padding: 8px 11px; position: relative; z-index: 1; }

div#membres img.triangle { position: relative; z-index: 1; top: 12px; left: -4px; }

div#membres img.triangle-i { position: absolute; z-index: 1; left: -2px; top: 84px; }

div#membres div.description {  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;background: #fdeed1; padding: 20px; margin-left: 13px; margin-top: -109px;   padding-top: 121px; width:100%; }

div#membres div.description h3 { font-family: 'Abel', sans-serif; color: #c78d37; font-size: 22px; font-weight: bold; padding-bottom: 5px; }

div#membres div.description h3.second { margin-top: 30px; }

div#membres a { color: #C78D37; }

div#membres a:hover { color: #fbae1f; }

.ensavoirplus { margin-bottom: 11px; }

.ensavoirplus a { font-family: 'Abel', sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 0; }

.accordion-more .ui-accordion-content { color: #000; padding: 12px; margin-bottom: 20px; }

div#parcs div.description h3.ensavoirplus, div#patrimoine div.description h3.ensavoirplus, div#membres div.description h3.ensavoirplus { padding: 0; }

div#patrimoine div.description h3.ensavoirplus a { color: #1fb3de; }

div#patrimoine .accordion-more .ui-accordion-content { background: #7ccce3; }

div#parcs div.description h3.ensavoirplus a { color: #bcce57; }

div#parcs .accordion-more .ui-accordion-content { background: #dde6aa; }

div#membres div.description h3.ensavoirplus a { color: #fcaf17; }

div#membres .accordion-more .ui-accordion-content { background: #e7ca92; }

div#membres div.description.introSection { margin-top: -26px; padding-top: 50px; }

/*-------------------------------------------------------------------

	Offres de groupes

-------------------------------------------------------------------*/

.group { background: #000; color: #FFF; font-family: 'Abel', sans-serif; padding: 5px; display: inline-block; margin-right: 5px; margin-top: 5px; }

.group:hover, .group.selected { background: #fcaf17; }


.group-scolaire {  color: #000; font-family: 'Abel', sans-serif; padding: 3px; display: inline-block; margin-right: 5px; margin-top: 5px; }

.group-scolaire:hover, .group-scolaire.selected { }


.group-scolaire { position: relative;  display: inline-block; padding-left: 24px; }

.group-scolaire:before {
    position: absolute;
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: 2px solid #000;
    left: 0px;
    top: 0px;
}

 .selected.group-scolaire:before, .group-scolaire:hover:before {
    position: absolute;
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: 2px solid #000;
    left: 0px;
    top: 0px;
     background:url(../images/common/x.jpg) no-repeat 2px 2px;
}
.groupClientele { font-size: 13px; }

.groupCadre {background: #f2f2f2;
    padding: 10px;}


.b23 { bottom: 23px!important;}
/*-------------------------------------------------------------------

	Map

-------------------------------------------------------------------*/

#map_canvas { width: 100%; height: 450px; right: 1px; border: 1px solid #eaeaeb; }

.projectTitle { font-size: 20px; color: #fbae1f; }

/*#infoWin { background:#000; }*/

.location { margin-bottom: 0; }

.location a { color: #fbae1f; margin-top: 10px; background: #000; display: inline-block; padding: 5px 7px; font-size: 16px; }

/*-------------------------------------------------------------------

	Contact

-------------------------------------------------------------------*/

.contact .houseDesc { float: left; position: relative; width: 48%; margin-bottom: 40px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko * /box-sizing: border-box; /* Opera/IE 8+ */ }

.contact .houseDesc:nth-child(2n+1) { float: right; }

div.contact h2 { font-family: 'Abel', sans-serif; position: relative; color: #000; text-transform: none; font-size: 20px; letter-spacing: 1px; background: #FFF; border: 1px solid #fbae1f; display: inline-block; padding: 8px 11px; position: relative; z-index: 1; }

div.contact img.triangle-i { position: absolute; z-index: 1; left: -3px; bottom: -22px; }

div.contact div.description, div.contact div.descriptionList { background: #fdeed1; padding: 20px; margin-left: 21px; margin-top: -1px; border-bottom: 4px solid #000; border-top: 1px solid #fbae1f; padding-top: 20px; }

div.contact div.description p, div.contact div.descriptionList p { margin: 0; }

div.contact div.description a, div.contact div.descriptionList a, a.search { font-family: 'Abel', sans-serif; color: #fbae1f; margin-top: 10px; background: #000; display: inline-block; padding: 5px 7px; font-size: 16px; }

#parcs div.contact div.description a, #parcs div.contact div.descriptionList a { color: #acc231; }

div#parcs img.triangle-i.list { top: auto; }

div#parcs div.contact div.description, div#parcs div.contact div.descriptionList { border-top: 1px solid #acc231; }

#patrimoine div.contact div.description a, #patrimoine div.contact div.descriptionList a { color: #20b2dd; }

div#patrimoine div.contact div.description, div#patrimoine div.contact div.descriptionList { border-top: 1px solid #20b2dd; }

div#patrimoine img.triangle-i.list { top: auto; }

div#membres img.triangle-i.list { top: auto; }

div.contact div.descriptionList a.img { background: none; }




/* Form */


select { background-color:#FFF; color:#fff; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; display:block; width:30%; margin:0 0 10px 0; padding:8px 8px; }
select {background:url(../images/common/form-select.png) no-repeat center right #20b3df; float: right; margin: 10px; }
select:hover, select:focus{ background:url(../images/common/form-select.png) no-repeat center right #20b3df; border:none;   }
.menu-select-activity { background: #000; width: 100%; display: inline-block; margin: 10px 0 0 0;}
.menu-select { float: left; padding: 14px 10px 0 10px; }

/*-------------------------------------------------------------------

	Footer

-------------------------------------------------------------------*/

div#footer { font-family: 'Abel', sans-serif; width: 960px; margin: 0 auto; padding-top: 15px; border-top: 1px solid black; margin-bottom: 40px; overflow: hidden; }

div#footer div#social { margin-left: 55px; float: right; }

div#footer div#social, div#footer div#social a { display: inline-block; text-align: right; }

div#footer div#social a#fbk, div#footer div#social a#twi, div#footer div#social a#rss { display: inline-block; width: 17px; height: 16px; margin-left: 5px; margin-bottom: 8px; }

div#footer div#social a#fbk { background: url(../images/common/social-fbk.gif); }

div#footer div#social a#twi { background: url(../images/common/social-twi.gif); }

div#footer div#social a#rss { background: url(../images/common/social-rss.gif); }

div#footer a#infolettre { background: url(../images/common/icon-infolettre.png) no-repeat #6d6e70; background-position: 164px; color: #FFF; padding: 0 100px 0 10px; font-size: 17px; font-weight: bold; text-transform: uppercase; padding-top: 8px; height: 24px; display: inline-block; }

div#footer a#infolettre:hover { background-color: #848586; }

div#footer a#logo-developpement { float: right; width:170px; pointer-events: none; cursor: default; }

a#logo-developpement img { display:block; width:100%; }

.title-zone { position:relative; width:100%;  }



h1.title-zone-title { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fbae1f !important; display:block !important; width:100% !important; text-transform:none !important; color:#FFF !important; font-size:36px !important; padding:10px !important; }

h2.title-zone-subtitle { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  display:block !important; width:100% !important; font-size:17px !important; background:#1fb3de !important;text-transform:none !important; padding:12px !important; }

.l-grid { clear:both; overflow:hidden;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.l-grid > div { float:left; padding:0 0 0 0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.l-grid > .l-grid-50 { width:50%; }

.is-full-width { display:block; width:100%; }

.card { padding:15px 12px; border:1px solid #FFF; }

.card-title { font-size:21px; color:#FFF; }

.card-green { background:#b9c300; }

.card-orange { background:#fbae1f; }

.card-blue { background:#1fb3de; }

.pdf { font-size:16px;font-family: 'Abel', sans-serif; color:#000; font-weight:bold; margin:10px 0 0 0; display:block; }

.pdf:before { content:""; display:inline-block; width:33px; height:32px; background:url(../images/common/icon-pdf.jpg); position:relative; top:10px; margin:0 10px 0 0;  }

.pdf_groupe { color: #000; background-image: url(../images/common/icon-pdf.jpg); background-repeat: no-repeat; background-position: left; font-weight:bold; padding: 0.1em 0 0 2.5em; margin: 1em 0 1em 0; font-size:16px;font-family: 'Abel', sans-serif; line-height: 2em; display: block; }



.sorties-titles { width:35%; float:left; display:block; font-family: 'Abel', sans-serif;}

.sorties-title { display:block; background:#fcaf17; color:#FFF; font-size:32px; padding:15px; }

.sorties-title:after { content:""; display:inline-block; background:url(../images/common/sorties-plus.png); width:25px; height:25px; position:relative; left:12px; top:2px; }

.sorties-subtitle { display:block; background:#1fb3de; color:#FFF; font-size:17px;  padding:15px; }

.sorties-picture { width:65%; float:left; display:block; }

.sorties-picture img { display:block; height:100%; width:100%; }





.large-box { display:block; width:100%; position:relative;border-top: 4px solid #808183; margin-top:15px; }

.large-box-picture { width:38%; height:170px; display:inline-block; background-size:cover; background-repeat:no-repeat; background-position:center; }

.large-box-content { vertical-align:top; width:62%; display:inline-block;background: url(../images/common/bg-expo.png) repeat-y; overflow:hidden; }


.large-box-content .date { font-family: 'Abel', sans-serif;color: #c88e1f; display: block; font-size: 17px; text-transform: uppercase; border-bottom: 1px solid #808183; padding: 11px 22px; }

.large-box-content .expo { font-family: 'Abel', sans-serif;color: #000; display: block; font-size: 23px; border-bottom: 1px solid #808183; padding: 10px 22px; font-weight: bold; }

.large-box-content .location { font-family: 'Abel', sans-serif;color: #000; display: block; font-size: 14px; border-bottom: 4px solid #000; padding: 7px 22px; }

.large-box-picture-group { width:25%; height:170px; display:inline-block; background-size:cover; background-repeat:no-repeat; background-position:center; }

.large-box-content-group { vertical-align:top; width:75%; display:inline-block;background: url(../images/common/bg-expo.png) repeat-y; overflow:hidden; }

.large-box-content-group .date { font-family: 'Abel', sans-serif;color: #c88e1f; display: block; font-size: 17px; text-transform: uppercase; border-bottom: 1px solid #808183; padding: 11px 22px; }

.large-box-content-group .expo { font-family: 'Abel', sans-serif;color: #000; display: block; font-size: 23px; border-bottom: 1px solid #808183; padding: 10px 22px; font-weight: bold;     height: 56px;}

.large-box-content-group .location { font-family: 'Abel', sans-serif;color: #000; display: block; font-size: 14px; border-bottom: 4px solid #000; padding: 7px 22px; }



.triangle-orange { position: absolute; z-index: 1; bottom:2px; background:url(../images/common/expo-triangle.png); width:23px; height:22px; display:block; left:38%; }

.triangle-orange-group { position: absolute; z-index: 1; bottom:2px; background:url(../images/common/expo-triangle.png); width:23px; height:22px; display:block; left:25%; }
.triangle-orange-group-alt { position: absolute; z-index: 1; bottom:2px; background:url(../images/common/expo-triangle.png); width:23px; height:22px; display:block; left:25%; }

.plus-sign { background: url(../images/common/bt-plus.png) no-repeat; width: 12px; height: 12px; display: block; position: absolute; right:0px; bottom:9px; }



/*-------------------------------------------------------------------

	Webkit Hack

-------------------------------------------------------------------*/


@media screen and (max-width: 595px) {

    select { float: left;  width: 90%; }
    .triangle-orange-group { display:none;}
    .large-box-content-group .expo {
    height: 77px;
}
    
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

form#search input#btSubmit { top: -7px; }

}





/*-------------------------------------------------------------------

	Retina Display

-------------------------------------------------------------------*/



@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

 a#logo {

 background:url(../images/common/logo-2@.png) no-repeat center;

 background-size:100%;

}

}