/* FRONTEND CSS
*********************************************/
html {
    overflow-y: scroll;
}
body {
    text-align: justify;
    font-family: 'Quattrocento', serif;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    color: #4D4E56;

    background: /*url(../images/changement/bg.png) no-repeat right bottom*/ #fff;

    overflow-y:scroll;
}

h1{
    padding: 0;
    font-size: 26px;
    font-weight: bold;
    vertical-align: bottom;
    color: #666;
    text-align: left;
    width: 100%;
}
h2{
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    vertical-align: bottom;
    color: #4D4E56;
    text-align: center;
    line-height:22px;
}
h3{
    margin: 0;
    font-weight: bold;
    font-size: 22px;
    padding-left: 0px;
    margin-bottom: 10px;
    text-align: left;
    color: #666;
}
h4{
	font-size: 20px;
    color: #4D4E56;
}
h5{
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 6px;
	color: #666;
}
h6{
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #4D4E56;
}
a, a:link, a:visited {
    text-decoration: none;
    font-weight: normal;
    color: #4D4E56;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    font-weight: normal;
    color: #4D4E56;
}

p {
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
         -o-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;

    margin-top: 0; margin-bottom: 15px;
    /*-webkit-hyphenate-limit-lines: 2;
            hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-chars: auto 3;
            hyphenate-limit-chars: auto 3;*/
}

img, a, a img { border: 0 none; }
a.jcepopup, a.jcepopup img{
    border:none;
}

/* LAYOUT
*********************************************/

div#wrapper{width:100%;}

    header#header{width: 900px;margin:0 auto;margin-top:10px;margin-bottom:10px;}
        #slogan{height: auto;width: 550px;float:left;margin-top:85px;}
        #logo{height: auto;width: 350px;float: right;}
        #slogan p, #slogan div, #logo p, #logo div {margin:0;padding:0;}
            #slogan img {width: 100%;max-width: 460px;}
            #logo img {width: 100%;max-width: 345px;}

    div#wrapper_menu{width:100%;height:45px;background: #BDB5AF;}
        nav#menu{min-height: 20px;width: 900px; margin:0 auto;}

    div#slider{width: 900px;margin:0 auto;height:350px;border: 3px solid #fff;background:#dddddd;margin-top:-15px;}
    div#slider img {width: 100%;max-width: 900px;margin:0;padding:0;}

    div#content{min-height:400px;width: 900px;margin:0 auto;padding-bottom:50px;font-family: 'Open Sans', sans-serif;font-size: 14px;}
    div#content img { max-width: 100%; height: auto; }
    div#content ul { text-align: left; }
        article.user1{}
        div.content{}
        section#user{}
            article.user2{}
            article.user3{}

    div#wrapper_footer{width:100%;/*height:40px;*/background: #BDB5AF;position: fixed;left: 0px;bottom: 0px;z-index: 998;}
        #footer{width: 900px;margin:0 auto;font-size: 13px;padding-top: 8px;padding-bottom: 6px;letter-spacing: 0.01em;}
        #footer p {
            -moz-hyphens: none;
            -o-hyphens: none;
            -webkit-hyphens: none;
            -ms-hyphens: none;
            hyphens: none;
            margin-bottom:8px;
        }

#content .contact {padding-top: 20px;}
.contact .page-header .contact-name{
    padding: 0;
    padding-top: 20px;
    font-size: 20px;
    font-weight: normal;
    vertical-align: bottom;
    color: #4D4E56;
    line-height:22px;
}
#content .contact dl.contact-address.dl-horizontal dt{display:none;}
#content .contact dl.contact-address.dl-horizontal dd{}

#menu #gruemenu,
#menu #gruemenu ul,
#menu #gruemenu ul li,
#menu #gruemenu ul li a
{font-family: 'Quattrocento', serif;font-size: 14px;font-weight:normal;background:transparent;color:#fff;/*color:#4D4E56;*//*text-transform: lowercase;*/z-index: 998;}
#menu #gruemenu { height: 30px; width: auto;  background:transparent;}
#menu #gruemenu > ul { box-shadow: none; padding:0; margin:0}
#menu #gruemenu > ul > li:last-child{} /* !!!!!!!!!!!!!!!!  */
#menu #gruemenu > ul > li a {}
#menu #gruemenu > ul > li > a { padding-left: 0; padding-right:39px;padding-bottom: 8px;padding-top:8px; border: none; text-decoration: none; letter-spacing: 0.03em;text-transform:lowercase;}
#menu #gruemenu > ul > li:last-child > a{padding-right: 0;}
#menu #gruemenu > ul > li:hover > a,
#menu #gruemenu > ul > li > a:hover,
#menu #gruemenu > ul > li.active > a { background:transparent;}
#menu #gruemenu > ul > li.has-sub > a {}
#menu #gruemenu > ul > li.has-sub > a::after {border:none;display:none !important;}
#menu #gruemenu > ul > li.has-sub.active > a::after,
#menu #gruemenu > ul > li.has-sub:hover > a {}
#menu #gruemenu:after,
#menu #gruemenu > ul:after {display: none;}
#menu #gruemenu ul ul { position:absolute;left: 0;top: 30px;background:#BDB5AF;border-top:3px solid #fff;padding:10px;font-size: 14px!important;}
#menu #gruemenu ul ul li a { text-decoration: none; padding: 6px 15px; width: auto; box-shadow: none;}
#menu #gruemenu > ul > li > ul::after { display: none;}
#menu #gruemenu ul ul li.has-sub > a::after {display:none;}

#menu #gruemenu ul > li > ul > li > a {font-size:13px !important;}

/* Mobile Menu */
#navigation-toggle, .sidr, #sidr-close { display: none }
#sidr-main.sidr{display:none;position:fixed;top:0;height:100%;z-index:999999;width:320px;overflow-x:auto;overflow-y:auto; font-size:16px;background:#BDB5AF;color:#fff;}
#sidr-main.sidr .sidr-inner{padding:0}
#sidr-main.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
#sidr-main.sidr.right{left:auto;right:-320px}
#sidr-main.sidr.left{left:-320px;right:auto;}
#sidr-main.sidr p{font-size:16px;margin:0 0 12px}
#sidr-main.sidr p a{color:rgba(255,255,255,0.9)}
#sidr-main.sidr>p{margin-left:15px;margin-right:15px}
#sidr-main.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #7d7976;border-bottom:1px solid #aaa49f}
#sidr-main.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #aaa49f;border-bottom:1px solid #7d7976}
#sidr-main.sidr ul li:hover,
#sidr-main.sidr ul li.active,
#sidr-main.sidr ul li.sidr-class-active{ background:#8f8b87;line-height:48px}
#sidr-main.sidr ul li:hover>a,
#sidr-main.sidr ul li:hover>span,
#sidr-main.sidr ul li.active>a,
#sidr-main.sidr ul li.active>span,
#sidr-main.sidr ul li.sidr-class-active>a,
#sidr-main.sidr ul li.sidr-class-active>span{}
#sidr-main.sidr ul li a,
#sidr-main.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}
#sidr-main.sidr ul li ul{border-bottom:none;margin:0}
#sidr-main.sidr ul li ul li{line-height:48px;font-size:14px}
#sidr-main.sidr ul li ul li:last-child{border-bottom:none}
#sidr-main.sidr ul li ul li:hover,
#sidr-main.sidr ul li ul li.active,
#sidr-main.sidr ul li ul li.sidr-class-active{background:#BDB5AF;line-height:48px}
#sidr-main.sidr ul li ul li:hover>a,
#sidr-main.sidr ul li ul li:hover>span,
#sidr-main.sidr ul li ul li.active>a,
#sidr-main.sidr ul li ul li.active>span,
#sidr-main.sidr ul li ul li.sidr-class-active>a,
#sidr-main.sidr ul li ul li.sidr-class-active>span{}
#sidr-main.sidr ul li ul li a,
#sidr-main.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}
#sidr-main.sidr label{font-size:13px}
#sidr-main.sidr input[type="text"],#sidr-main.sidr input[type="password"],#sidr-main.sidr input[type="date"],#sidr-main.sidr input[type="datetime"],#sidr-main.sidr input[type="email"],#sidr-main.sidr input[type="number"],
#sidr-main.sidr input[type="search"],#sidr-main.sidr input[type="tel"],#sidr-main.sidr input[type="time"],#sidr-main.sidr input[type="url"],#sidr-main.sidr textarea,
#sidr-main.sidr select{width:100%;font-size:13px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}
#sidr-main.sidr input[type=checkbox]{width:auto;display:inline;clear:none}
#sidr-main.sidr input[type=button],#sidr-main.sidr input[type=submit]{color:#333;background:#fff}
#sidr-main.sidr input[type=button]:hover,#sidr-main.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
#sidr-main a.sidr-class-toggle-sidr-close {color:#fff; text-decoration:none; display:block; text-align:right; padding:10px 20px;}
#sidr-main a.sidr-class-toggle-sidr-close:before {font-size:20px; font-weight:bold; color: #fff; margin: 0; text-decoration:none; content:"x"; background:#BDB5AF; padding:2px 10px; border-radius:50% }
#sidr-main .sidr-class-current > a{ background:#4D4E56}
span.ux-menu-arrow{ display: none;}

#navigation-toggle { position: relative !important;top: auto !important;right: auto !important; }

#sidr-main.sidr{font-family: 'Open Sans', sans-serif;}


#slider .theme-default .nivoSlider {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

#content dd.published{margin:0;font-size: 12px;font-style: italic;}
#content .blog .items-leading, #content .blog .items-row {margin-bottom: 20px;}
#content .blog .items-leading div, #content .blog .items-row div {border-bottom: 1px solid #BDB5AF;}
#content .blog .items-leading div div, #content .blog .items-row div div {border: none;}

#content .contact .contact-form #contact-form input#jform_contact_name{width:250px}
#content .contact .contact-form #contact-form input#jform_contact_email{width:250px}
#content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:420px}
#content .contact .contact-form #contact-form textarea#jform_contact_message{width:420px;}

#content .contact h2{font-size: 80%;}
#content .contact h3{display:none;}
#content .contact dl dd{margin: 0;}
#content .contact dl.contact-position {margin:0;}

#content .contact dl.dl-horizontal {margin-bottom:20px;}
div.contact-miscinfo {margin-bottom:40px;}

blockquote{color: #BDB5AF;}
blockquote p { font-size: 21px; }

.form-horizontal .control-label{
    text-align: left;
}

div.alert.alert-message{margin-bottom: 40px;}

.cup {
  display: inline-block;
  height: 35px;
  width: 35px;
  position: fixed;
  bottom: 50px;
  right: 35px;
    
    border-radius: 4px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(205, 205, 205, 0.6) url(../images/changement/arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cup.cup-iv, .cup.cup-fo, .no-touch .cup:hover {
  transition: opacity .3s 0s, visibility 0s 0s;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
}
.cup.cup-iv { opacity: 1; visibility: visible; }
.cup.cup-fo { opacity: .5; }
.no-touch .cup:hover { opacity: 1; }



/*#redim-cookiehint{ position: absolute;  left: 0;  top: 0;  background: #fff;  width: 96%; padding: 2%;}*/
#redim-cookiehint .cookiecontent, #redim-cookiehint .cookiebuttons{color:#000;text-align: center;}


/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {}

@media (max-width: 909px) {
    header#header, nav#menu, div#slider, div#content, #footer{;width: 780px;}

    div#slider{height:auto;margin-top:-15px;}
    div#content{padding-bottom:30PX;}

    #slogan{height: auto;width: 400px;margin-top:83px;}
    #logo{height: auto;width: 320px;}

    div#wrapper_footer{height:auto;position: relative;}
    #menu #gruemenu > ul > li > a { padding-right:12px;letter-spacing: 0.03em;}
    #footer{text-align: center;}
}
@media (max-width: 799px) {/*}*/
/*@media (max-width: 767px) {*/
    header#header, nav#menu, div#slider, div#content, #footer{;width: 700px;}
    #menu #gruemenu > ul > li > a { padding-right:5px;letter-spacing: 0;}
    #slogan{height: auto;width: 350px;margin-top:78px;}
    #logo{height: auto;width: 300px;}

    #content blockquote{border:none;}
}
@media (max-width: 719px) {
    header#header, div#slider, div#content, #footer{;width: 620px;}
    #slogan{height: auto;width: 450px;float:none;margin:0 auto;margin-top:30px;margin-bottom:10px;text-align:center;}
    #logo{height: auto;width: 450px;float:none;margin:0 auto;text-align:center;}
    div#slider {margin-top: 5px;}
    nav#menu{width: 45px;}nav#menu #navigation-toggle{box-shadow: none; padding:12px;}
}
@media (max-width: 639px) {
    header#header, div#slider, div#content, #footer{;width: 520px;}
}
@media (max-width: 539px) {
    header#header, div#slider, div#content, #footer{;width: 460px;}
    #slogan,#logo{height: auto;width: 440px;}
}
@media (max-width: 479px) {
    header#header, div#slider, div#content, #footer{;width: 440px;}
    #slogan,#logo{height: auto;width: 420px;}
}
@media (max-width: 459px) {
    header#header, div#slider, div#content, #footer{;width: 380px;}
    #slogan,#logo{height: auto;width: 360px;}
}
@media (max-width: 399px) {
    header#header, div#slider, div#content, #footer{;width: 360px;}
    #slogan,#logo{height: auto;width: 340px;}
}
@media (max-width: 383px) {
    header#header, div#slider, div#content, #footer{;width: 300px;}
    #slogan,#logo{height: auto;width: 280px;}
}
@media (max-width: 319px) {
    header#header, div#slider, div#content, #footer{;width: 220px;}
    #slogan,#logo{height: auto;width: 200px;}
}
@media (max-width: 239px) {}


@media (max-width: 539px) {
    #content .contact .contact-form #contact-form input#jform_contact_name{width:250px}
    #content .contact .contact-form #contact-form input#jform_contact_email{width:250px}
    #content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:340px}
    #content .contact .contact-form #contact-form textarea#jform_contact_message{width:340px;}
}
@media (max-width: 479px) {
    #content .contact .contact-form #contact-form input#jform_contact_name{width:250px}
    #content .contact .contact-form #contact-form input#jform_contact_email{width:250px}
    #content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:340px}
    #content .contact .contact-form #contact-form textarea#jform_contact_message{width:340px;}
}
@media (max-width: 459px) {
    #content .contact .contact-form #contact-form input#jform_contact_name{width:240px}
    #content .contact .contact-form #contact-form input#jform_contact_email{width:240px}
    #content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:240px}
    #content .contact .contact-form #contact-form textarea#jform_contact_message{width:240px;}
    #content .contact .contact-form #contact-form div#jform_captcha{width:240px;}
}
@media (max-width: 319px) {
    #content .contact .contact-form #contact-form input#jform_contact_name{width:180px}
    #content .contact .contact-form #contact-form input#jform_contact_email{width:180px}
    #content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:180px}
    #content .contact .contact-form #contact-form textarea#jform_contact_message{width:180px;}
    #content .contact .contact-form #contact-form div#jform_captcha{width:180px;}
}