@import url(https://fonts.googleapis.com/css?family=Berkshire+Swash);
@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);

a {
    color: #555;
}

.slogan a {
    color: #fff;
    text-decoration: none;
}

.header.header-desktop .header-logo ,
.header.header-tablet .header-logo {
    background: transparent url(/data/uploads/design/header.png) no-repeat;
    height: 119px;
}

.header.header-phone .header-logo {
    height: 175px;
}

.header .header-logo .slogan {
    color: #fff;
    right: auto;
    bottom: auto;
    font-size: 37px;
    font-family: 'Berkshire Swash', cursive;
    line-height: 27px;
    position: relative;
    margin: 0;
    padding: 45px 0px 0px 60px;
    display: inline-block;
    vertical-align: top;
}

.header .header-logo .sloganpetit {
    color: white;
    font-size: 20px;
    font-family: 'Berkshire Swash', cursive;
    line-height: 25px;
    letter-spacing: 0px;
    right: auto;
    bottom: auto;
    margin: 0;
    position: relative;
    display: inline-block;
    padding: 42px 0px 0px 50px;
    vertical-align: top;
    max-width: 340px;
}

.header .header-logo .slogantabpetit {
    color: white;
    font-size: 16px;
    font-family: 'Berkshire Swash', cursive;
    letter-spacing: 0px;
    right: 305px;
    bottom: -21px;
}
.menu {
    background-color: #21658d;
    font-family: 'Quattrocento', serif;
}

.menu li {
    letter-spacing: 0px;
    font-size: 17px;
}


.menu li a {
    padding: 15px 16px;
    color: #fff;
}



.menu li.currentpath>a,
.menu li.currentpath>a:hover,
.menu li.currentpath.hover>a,

.menu li.current>a,
.menu li.current>a:hover,
.menu li.current.hover>a{
    background: #1b577a;
    color: white
}


/* sub menus */
.menu ul{
    background: #1b577a;
}

#container div.header.header-phone .menu {
    background: #613D27;
    background-size: 100%;
}

.menu li.has-menu span.arrow {
    border-color-top: #DBBD9D;
    border-color: #DBBD9D transparent transparent transparent;
}




.menu li a:hover,
.menu li.hover>a{

    bacground: red;
    color: #fff;
}

.menu li.currentpath>a, .menu li.currentpath>a:hover, .menu li.currentpath.hover>a, .menu li.current>a, .menu li.current>a:hover, .menu li.current.hover>a {
    background: #5e402d;
    color: #fff;
}

.menu li.has-menu.current span.arrow, .menu li.has-menu.currentpath span.arrow {
    border-color-top: white;
    border-color: white transparent transparent transparent;
}

.menu > li > a {
    text-transform: uppercase;
}

.menu li.has-menu a {
    padding-right: 22px;
}

.menu li.currentpath li.current > a, .menu li.currentpath li.current > a:hover, .menu li.currentpath li.current.hover > a {
    background: #red;
    color: white;
}

.home-teaser .home-teaser-content {
    padding-top: 0;
}

.home-teasers {
    background: #fff;
}

.home-teasers p {
    color:#555555;
}

.home-teasers h2 {
    color: #4A6281;
    font-size: 1.3em;
    font-family: 'Berkshire Swash', cursive;
    letter-spacing: 0px;
    /*background: transparent url(/data/uploads/design/blason.png) top left no-repeat;*/
    padding-left: 0px;
}

.home-teasers h3 {
    color: #4A6281;
    padding: 0px 0px 0px 0px;
    font-size: 1.0em;
    font-weight: bold;
}

.home-teasers img {
    box-shadow: 2px 3px 6px #888888;
    margin-bottom: 5px;
    border-top: none;
    border-bottom: none;
}


#contenu {
    /*background: transparent url(/data/uploads/design/background-content.png);*/
    background: #fff;
}


.content h1 {
    color: #6A4212;
    text-transform: uppercase;
    font-family: 'Quattrocento', serif;
    font-size: 1.3em;
}

.content h2 {
    color: #402819;
    font-size: 1.2em;
    font-family: 'Berkshire Swash', cursive;
    letter-spacing: 1px;
    /*background: transparent url(/data/uploads/design/blason.png) top left no-repeat;*/
    padding-left: 0px;
    border-bottom: none; 
    border-top: none;
}


h2.titre-archambault {
    color: white;
    background: #4A6281;
    padding: 5px 5px 5px 10px;
    margin-bottom: 0;
}

h2.titre-vezere {
    color: white;
    background: #90a003;
    padding: 5px 5px 5px 10px;
    /*background: transparent url(/data/uploads/design/blason.png) top left no-repeat;*/
    margin-bottom: 0;
}

h2.titre-pompadour {
    color: white;
    background: #8572ac;
    padding: 5px 5px 5px 10px;
    margin-bottom: 0;
}

h2.titre-ventadour {
    color: white;
    background: #3f80ab;
    padding: 5px 5px 5px 10px;
    margin-bottom: 0;
}

h2.titre-turenne {
    color: white;
    background: #cb663c;
    padding: 5px 5px 5px 10px;
    margin-bottom: 0;	
}

h2.titre-fief {
    color: white;
    background: #6A4212;
    padding: 3px 3px 3px 10px;
    margin-bottom: 0;
}


#footer {
    /*background: #382316;*/
    background-color: rgba(24, 33, 39, 0.60);
}

.footer h2 {
    font-size: 1.5em;
    font-family: 'Quattrocento', serif;
}

.footer p {
    color: #76a7db;
}

.footer a {
    color: #76a7db;
}

.footer ul li {
    color: #76a7db;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
}

#header-container {
    background-color: rgba(24, 33, 39, 0.90);
    /*background-color: #182127;*/
}

#menu-container {
    background-color: #21658d;
}


ul.breadcrumbs li {
    margin-top: 10px;
}

ul, ol {
    padding: 0;
    margin: 0px 0px 0px 20px;
}

ul, ol {
    padding: 0;
    margin: 0 0 0px 20px;
}


.sidebar-teaser, .content {
    color: #555;
}

.content h3 {
    color: #6A4212;
    font-family: 'Berkshire Swash', cursive;
}

.content h3 a {
    color: #6A4212;
    font-family: 'Berkshire Swash', cursive;
}


button, a.btn, a.btn:visited, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"] {
    color: white;
    border: 1px solid #8C7D5D;
    background: #B1A07B;
    text-shadow: none;
    font-family: 'Quattrocento', serif;
    font-size: 0.9em;
    padding: 7px 9px;
	filter: none;
}


button:hover, a.btn:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    border: 1px solid #8C7D5D;
    background: #FCFCFC;
    background: #8C7D5D;
    font-family: 'Quattrocento', serif;
    font-size: 0.9em;
    padding: 7px 9px;
}

.header-phone .logo {
    max-height: 175px;
    /* margin: 0 auto; */
}

.header.header-phone .header-logo {
    text-align: center;
}

textarea.full-width {
    width: 100%;
}

@media (max-width: 767px) {
    #content {
      margin-top: 0px;
    }
}