* {font-family:Lato;}
html {background: url(images/motifs-volutes.jpg) no-repeat center fixed;-webkit-background-size: cover; background-size: cover; }

h1{font-size:3.4em; font-family:Parisienne; margin:6px 0 20px 0; color:#000;}
h1.normal{font-size:1.1em; font-family:Lato; margin:0px 0 6px 0; color:#000; font-weight:900;}
h2{font-size:1.8em;margin:12px 0 20px 0;color:#111;}
h2.light{font-size:1.6em;margin:0;color:#111;font-family:Merriweather;}
h3{font-size:1.2em;margin:12px 0 20px 0;}

body {background:transparent;}

	a {color:#000;}
	a:hover {color:#000;text-decoration:none;}

.txtleft {text-align:left;}
.txtright {text-align:right;}
.light {font-weight:300;}

#principal {padding: 20px 0px 20px 290px; text-align: center; position:relative; width:1150px; margin:0 auto;}
.navbar.secondaire{display:none;}
.navbar {height: 60px; background:#fff; top:30px;}
.navbar-nav {float:right;}
.navbar-nav>li>a {line-height:30px; font-style:italic; color:#888; font-family:Merriweather;}
.navbar-nav>li.grosnoir>a {line-height:30px; font-style:italic; color:#000; font-family:Merriweather; font-size:1.2em;}
.nav>li>a:hover {background:transparent; color:#000;}
.navbar-nav>li.active>a {background-image:url(images/menu-active.png); background-repeat:no-repeat; background-position:center 42px;}
.navbar-nav>li.active>a {font-weight:900;color:#000;}

ul li{text-align:left;}

#lateral {position:fixed;top:0; left:0; height:100%; min-height:100%; width:270px; text-align:center; z-index:1031; opacity:0;
-webkit-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;}
#lateral a{color:#fff;}
#lateral a:hover{color:#fff; text-decoration:none;}
#lateral #lateraltop {width:270px; height:30px; background-image:url(images/lateral-top.png); background-repeat:no-repeat; background-position:center bottom; display:block;}
#lateral #lateralcontent {width:225px; margin: 0 auto; padding:16px; background:#9f1313; height:100%; min-height:100%;}
#lateral #lateralcontent h2{font-family:Merriweather; color:#d4b480; font-style:italic; text-transform:uppercase; margin: 20px 0; font-size:1.1em;}
#lateral #lateralcontent, #lateral #lateralcontent p {color:#fff;}
#lateral #lateralcontent #menusecondaire{padding-left:70px;}
#lateral #lateralcontent #menusecondaire h2{text-align:left;}
#lateral #lateralcontent #menusecondaire p{text-align:left;}
#lateral #lateralcontent i.fa.brun {color:#d4b480;}
#lateral #lateralcontent ul {padding-left:0; margin-left:0;}
#lateral #lateralcontent ul li,#lateral #lateralcontent ul li a{text-align:left; list-style-type:none;color:#fff; cursor:pointer;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
#lateral #lateralcontent ul li:hover, #lateral #lateralcontent ul li a:hover{color:#d4b480; text-decoration:none;}
#lateral #lateralcontent ul li.actif{color:#d4b480;}
#lateral #lateralcontent ul li.actif:before{content:'> ';}

.encart {border:1px solid #d4b480; padding:16px 4px; margin:12px 0;}
#lateral #lateralcontent .encart h2{text-align:center; margin:0 0 8px 0; font-weight:900;}
#lateral #lateralcontent .encart h3{ text-align:center; margin:0; font-size:1em;}

p.mentions {font-size:0.9em; text-align:center;}

.blocbeige {background:#d4b480; color:#fff; padding:4px; margin-bottom:30px;}
.blocbeige a{display:block;color:#fff;}
.blocbeige a:hover{text-decoration:none; color:#fff;}

#carouselperso {height:340px; width:100%; overflow:hidden;}
#carouselperso .carousel-inner {width:300%; height:340px;}
#carouselperso .item {width:33.33%; height: 340px; float:left; display:block; }
#carouselperso .item .itemcontent{width:100%; height: 340px; overflow:hidden; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#carouselperso .item#deroulant1 .itemcontent{background-image:url(images/antiquaire-slider-2.jpg);}
#carouselperso .item#deroulant2 .itemcontent{background-image:url(images/antiquaire-slider-1.jpg);}
#carouselperso .item#deroulant3 .itemcontent{background-image:url(images/antiquaire-slider-3.jpg);}

.carousel-inner{border-radius:0px; border:0px; position: relative; width: 100%; margin:0; overflow: hidden; }

#carouselperso img {position: absolute;top: 0;left: 0;min-width: 100%;height: 400px;}

.carousel-caption {position: absolute;right: 0;bottom: 30px;left: auto;z-index: 10;padding:6px 20px 6px 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, .6);background:url(noir70.png); font-size:20px;}
.carousel-caption:hover {background:url(noir70.png);}


.clear {clear:both;}
.carousel-indicators {bottom: 0px;}

#antiqdefil {overflow:hidden;}
#antiqdefil #antiqcontain{width:100%; height: 500px; position:relative;}
#antiqdefil #antiqcontain .antiqitem {width:100%; height:auto; position:absolute; top:0; left:-50px; overflow:hidden; text-align:center; opacity:0;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
#antiqdefil #antiqcontain .antiqitem.actif {opacity:1;left:0px;}

.espaces {padding:0 60px;}

footer {margin:80px 0 20px;}

.carousel.slide {margin-bottom:20px;}

input,textarea {font-size:0.8em; padding:4px 10px; border:1px solid #c2c2c1;}
input {width:100%; margin:0 0 4px 0; border:1px solid #c2c2c1;}
textarea {width:100%; margin:0 ; height:352px;}

input[type="submit"] {width:33%; display:block; float:right; background: #d3b480; color: #fff; border:0; font-size: 1em; text-transform:uppercase; padding: 8px 0 6px 0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
input[type="submit"]:hover {background:#c2a36f; }

label.labelfile {width:100%; display:block; background: #fff; color: #c2c2c1; font-size: 0.8em; text-transform:uppercase; padding: 12px 6px; font-weight:500; text-align:center; border:1px solid #c2c2c1;
margin-bottom:4px; cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
label.labelfile:hover { color:#000;}
label.labelfile img { opacity:0.5; margin-right:8px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
label.labelfile:hover img { opacity:1;}
p.nomfichier {margin-bottom:4px;}
input[type="file"] {display:none;}
input.erreur, textarea.erreur {border:1px solid #f00; font-size:0.8em; padding:4px 10px; }




@media (max-height: 700px) {
	#menusecondaire {display:none;}
}




@media (max-width: 992px) {
.facultatif{display:none;}
#lateral {position:relative;top:50px; left:0; height:auto; min-height:none; width:100%; opacity:1; z-index:999;}
#lateral #lateraltop {display:none;}
#lateral #lateralcontent {width:100%; margin: 0 auto; padding:16px 16px 0 16px; background:#9f1313; height:auto; min-height:auto;}
#lateral #lateralcontent #logo{float:left; width:33.33%;}
#lateral #menusecondaire {display:none;}
#lateral #coordonnees {float:left; width:33.33%;}
#lateral .encart {float:right; display:block; width:33.33%;}
#lateral #lateralcontent .mentions{display:none;}
.navbar{top:0; margin-bottom:0; height:auto;}
.navbar-toggle {margin:9px; padding:8px;}
#principal{padding:20px 40px; width:100%;}
.icon-bar{background:#000;}
.nav.navbar-nav {width:100%;padding:0 30px;}
.navbar-nav>li>a{margin:10px 0 0 0; padding:0 20px 10px 20px; height:auto; line-height:110%; border-bottom:1px solid #999;font-size:16px;}
.navbar-nav>li.facultatif{display:none;}
.navbar-nav>li.facultatif>a{display:none;}
.row div img{width:100%;}
.row div img.auto{width:auto;}
}

@media (max-width: 660px) {
#lateral #lateralcontent #logo{float:left; width:50%;}
#lateral #coordonnees {float:right; width:50%;}
#lateral .encart {display:none; }
	
}

@media (max-width: 500px) {
#lateral #lateralcontent #logo{float:none; width:100%; }
#lateral #coordonnees {float:none; width:100%; margin-top:40px;}
#lateral .encart {display:none; }
h1{font-size:2.4em;}
h2.light{font-size:1.0em;}
	
}
#principal{
	font-size:16px;	
}