/* cmsms stylesheet: ARBORE RUBRIQUES modified: 11/07/2016 19:14:28 */
@font-face {
    font-family: 'Miso';
    font-style: normal;
    font-weight: normal;
    src: url("http://arbore-dorure.com/fonts/miso-regular-webfont.eot?#iefix") format("embedded-opentype"), url("http://arbore-dorure.com/fonts/miso-regular-webfont.woff") format("woff"), url("http://arbore-dorure.com/fonts/miso-regular-webfont.ttf") format("truetype"), url("http://arbore-dorure.com/fonts/miso-regular-webfont.svg#webfont") format("svg");
}

/*************************/
/* FONTS *****************/

body {
   font-family: Garamond, serif;
   font-size: 1.2rem;
   line-height: 1.2;
}
body, a {
   color: #AA371D;
}
h1, h2, h3, h4, nav, aside, footer {
   font-family: 'Miso', sans-serif;
   font-style: normal;
   font-weight: normal;
   line-height: 1.8;
   text-transform: uppercase;
   letter-spacing: 0.08em;
}
h1, h2 {
   line-height: 1.2;
}
h1, h2, h3 {
   font-size: 2.2rem;
}
h4, nav, aside, footer {
   font-size: 1.6rem;
}
blockquote h4, blockquote h5 {
   line-height: 1.3;
}
blockquote h5 {
   font-family: 'Miso', sans-serif;
   font-size: 1.2em;
   font-weight: normal;
   text-transform: none;
}
h5 {
   font-size: 100%;
}

hr {
   color: transparent;
   border-color:transparent;
}

/*************************/
/* LIENS *****************/

header h1 a, 
nav a:link, aside a:link, footer a:link {
   text-decoration: none;
}
nav a:hover, aside a:hover, footer a:hover, article a:hover {
   color:#000;
}

/*************************/
/* MARGES *****************/

* {
   margin: 0;
   padding: 0;
}
#pagewrapper {
   margin: 0 0 1.6em 25%;
}
header h1, #primary-nav, footer {
    margin-top: 1.6em;   
}
article h3, section nav {
    padding-top: 0.75em;   
}
aside {
   padding-top: 3.45em;
}
h3 a {
   position: relative;
   top:-79px;
   display: block;
}
h3, h4 {
   padding-bottom: 0.4em;
}
h5, p {
   padding-bottom: 0.8em;
}
#footer-menu {
   padding: 0 7.5% 10% 0;
}

/*************************/
/* SECTIONS *****************/

section div {
   overflow: hidden;
}
img { 
   height: 100%;
   float: right;
}
nav img, .bottom img, footer img {
   float: none !important;
}
nav img {
   padding-top: 0.5em;
}
nav #next img {
   padding-right: 1em;
   padding-left: 0.25em;
}
aside,
section h3, section h4, section h5, section p {
   padding-right: 2.5%;
}
section#first-div div {
   float: left;
   margin: 1em 1.25em 0 0;
   overflow: hidden;
   width: 50%;
}
section#first-div img { 
   float: right;
}
section#second-div h3, section#second-div h4, section#second-div h5, section#second-div p {
}
section#second-div div { 
   width: 50%;
   margin-left: 2.5%;
   float: right;
}

/*************************/
/* DEGRADES **************/

article { 
  background: #fffae6;
  background: -webkit-linear-gradient(#ffffff, #FBF4D8, #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff, #FBF4D8, #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #FBF4D8, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #FBF4D8, #ffffff);
  //padding-right: 5%;
}
section#second-div {
  height: 500px;
}
#background {
  background: rgba(255,255,255,0);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) , rgba(255, 255, 255, 0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(255,255,255,1), rgba(255, 255, 255, 0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(255, 255, 255, 0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(255,255,255,1) , rgba(255, 255, 255, 0)); /* Standard syntax */
}

/*************************/
/* MENUS *****************/

aside li, footer li, #navigationGalerie li {
   list-style: none;
   float: left;
}
aside li::after, footer li::after {
   content: "|";
   padding: 0 1em;
}
nav {
    margin-top: 5em;
    z-index: 101;
}
nav li, aside li, footer li, #navigationGalerie li {
   list-style: none;
}
#navigationGalerie li {
   padding-right: 2em;
}
nav li a.menuactive {
   color: #000;
} 
nav li:last-child::after, aside li:last-child::after, footer li:last-child::after {
   content: "";
   padding: 0;
}
ul#navigationGalerie {
   margin: -30px 0 0 50%;
   padding-left: 1.75%;
   position: relative;
   z-index: 100;
}
section nav {
   position: absolute;
   margin: 0;
   width: 100%;
   text-align: right;
   z-index: 100;
}
section nav a:hover {
   border: 0 none;
}

h3#titreGalerie {
    padding-bottom: 0;
}

/*************************/
/* BOUTONS *****************/

p.bottom a, a#top, a#next, a#prev,
#NewsPageCount a {
    font-size: 35px !important;
    text-decoration: none;
}
p.bottom {
    padding: 1em 0;
}
a#top {
    font-size: 110%;
    border: medium none;
}

/*************************/
/* POSITIONS *****************/

.accessibility {
    left: -999em;
    position: absolute;
    top: -999em;
}
nav, header {
   position: fixed;
   left: 0;
   margin-left: 2.5%;
}

/*************************/
/* CLEAR *****************/

hr, nav, aside, section, footer, h1, h2 {
   clear: both;
}

/*************************/
/* GALERIES *****************/

#slides, #ensembleGalerie {
    width: 100% !important;
}
section#third-div #imageGalerie {
    float: left;
    margin: 0 1.25em 0 0;
    overflow: hidden;
    width: 50%;
}
/* cmsms stylesheet: ARBORE RESPONSIVE modified: 11/07/2016 15:18:32 */
nav#mobile-menu, li.mobile-menu {
    display: none;
}

@media only screen and (min-width: 1200px) {
    section iframe {
        height: 500px !important;
    }
}
@media only screen and (max-width: 1640px) {
    h4, nav, aside, footer {
        font-size: 1.5rem;
    }
    .NewsSummaryContent, #NewsPostDetailContent {
        padding-top: 0.8em;
        padding-bottom: 0.8em;
    }
    .NewsSummaryContent img, #NewsPostDetailContent img {
        padding: 0.6em 3% 3% 0;
    }
}
@media only screen and (max-width: 1640px) and (min-width: 1500px) {
    nav, header {
        margin-left: 2%;
    }
    nav {
        margin-top: 5.5em;
    }
    aside {
        padding-top: 3.6em;
    }
}
@media only screen and (max-width: 1500px) {
    #pagewrapper {
        margin: 0 0 3em 2.5%;
        padding-top: 3em;
    }
    nav, header {
        margin-left: 0;
        position: relative;
    }
    nav {
        margin: 1.5em 0 0 -1em;
    }
    header h1, #primary-nav, section#first-div, footer {
        margin-top: 0;
    }
    nav li {
        float: left;
    }
    nav li a {
        padding: 0 1em;
    }
    nav li:after {
        content:"|";
    }
    aside {
        padding-top: 1em;
    }
    aside ul {
        margin-bottom: 2em;
    }
    nav li a:hover, aside a:hover, footer a:hover,
    nav li a.menuactive, footer li a.current,
    aside#sous-menu li:first-child {
        border:0;
        color: #000;
    }
    nav#menu {
        padding-right: 10%;
    }
    aside#sous-menu li:first-child:after {
        color:#aa371d;
    }
    aside#sous-menu h2 {
        line-height:1.8;
    }
    nav li a.menuactive::before {
        content: "";
    }
    article h3 {
        margin-top: 0;
    }
    h3 {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 1200px) {
    body {
        font-size: 1.1rem;
    }
    nav, aside, footer {
        font-size: 1.25rem;
    }
    h4 {
        margin-top: 0.5em;
    }
    section#second-div {
        height: auto;
    }
    section h3, section h4, section h5, section p {
        padding-right: 2.5%;
    }
    section#first-div div, section#second-div div,
    section#third-div #imageGalerie {
        float: none;
        margin-left: 0;
        width: 500px;
    }
    section div img, iframe{
        height: auto !important;
        width: 100% !important;
    }
    #slides {
        height: 32em !important;
    }
    ul#navigationGalerie {
        margin-left: 0;
        padding-left: 0;
    }
    #navigationGalerie li {
        padding-top: 1em;
    }
    nav#menu, #footer-menu {
        padding-right: 0.5%;
    }
    section nav {
        text-align: left;
        padding-left: 550px;
        width: 130px;
    }
}
@media only screen and (max-width: 750px) {
    #pagewrapper {
        padding-bottom: 1.6em;
        padding-top: 2.5em;
    }
    .NewsSummaryContent img, #NewsPostDetailContent img { float: none !important; padding: 1em 0 !important; }
    article h3 {
        margin-top: 0.5em;
    }
    article h3 {
        padding-top: 0;
    }
}
@media only screen and (max-width: 675px) {
    section nav {
        padding-left: 0;
        position: relative;
        text-align: left;
    }
}
@media only screen and (max-width: 550px) {
    #pagewrapper { margin-bottom: 0; padding-bottom: 3em; }
    nav#mobile-menu, li.mobile-menu {
        display: block;
    }
    nav#menu ul#primary-nav {
        display: none;
    }
    nav li.first_child, li.mobile-menu { border-top: 1px solid; }
    section nav { border-top: 0; }
    nav li { float: none; border-bottom: 1px solid; }
    nav li:hover { background-color: #aa371d; }
    nav li.menuactive { background-color: #333; }
    nav li::after { content: none; }
    nav li a, nav li a:hover, nav li.menuactive a { display: block; }
    nav li a:hover, nav li.menuactive a { color: #fff; }
    aside { padding-top: 0.25em; }
    section#first-div div, section#second-div div,
    section#third-div #imageGalerie { width:97.5%; }
    h1, h2, h3 { font-size: 2rem; }
    aside#sous-menu h2, h3, h4 {
        line-height: 1.25;
        margin-top: 0.75em;
    }
    .NewsSummaryLink h3 { margin-top: 0 !important; }
}
@media only screen and (max-width: 470px) {
    #slides {
        height: 30em !important;
    }
}
/* cmsms stylesheet: ARBORE NEWS modified: 11/07/2016 16:00:21 */
.NewsSummaryLink h3 {
padding-top: 0.42em;
padding-bottom:0.075em;
clear: both;
}
.NewsSummaryContent, #NewsPostDetailContent {
padding-right: 2.5%;
}
.NewsSummaryLink h3 {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
}
.NewsSummaryContent img, #NewsPostDetailContent img {
float: left;
padding: 2.5%;
}
h3#NewsPostDetailTitle {
margin-top:24px;
padding-bottom:0;
}
#NewsPostDetailReturnLink a, #NewsPageCount a {
color: transparent;
text-decoration: none;
}
#NewsPageCount a:first-child {
   background: url("../../img/ArrowLeft.png") no-repeat;
}
#NewsPageCount a:last-child {
   background: url("../../img/ArrowRight.png") no-repeat;
}
#NewsPageCount {
clear: both;
}
@media only screen and (max-width: 1500px) {
    article h3 { padding-top: 0; margin-top: 0; }
    }
}