@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../img/background.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #d3c7b3;
	}
	
#header {
	padding: 80px 0px;
	}
	
#content {
	background-image: url(../img/fond_content.png);
	}
	
#main_nav {
	height: 42px;
	margin-top:20px;
	background-color: #fffbcd;
	text-align:center;
	}

#main_nav .navbar-inner {
	background: none;
	border: none;
	border-radius: 0px;
	box-shadow: 0px 0px 0px;

}
.navbar-inner {
			    display: inline-block;
}

#main_content {
	padding:10px 30px 20px;
	}

h1, h2, h3, h4, h5, h6, p {
	color: #2a2620;
	}
h2 {
		font-family: 'Roboto Slab', serif;
		font-weight: 100;
}
h3 {
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
		text-align: center;
		line-height: 1.1;
}

blockquote p {
		font-size: 1em;
		line-height: 1.6;
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
}


#main_nav ul li a {
		font-family: 'Roboto Slab', serif;
		font-size: 1.5em;
		font-weight: 400;
		font-variant:small-caps;
		letter-spacing: 0.1em;
		padding-bottom: 12px;
	}
	
	#main_nav ul li a:hover {
		text-decoration: underline;
	}

.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	text-decoration:underline;
	}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background-color: #f3efc3;
	text-decoration:underline;
	}
	
	.thumbnail {
	background-color: #fffef5;
	}
	
	img { 
    max-width: 100%;
    height: auto;
    }

#snap-widget-7 {
    width: 980px;
    margin: 0 auto;
	}

#snap-widget-6 {
    width: 840px;
    margin: 0 auto;
	}

#snap-widget-4 {
    width: 560px;
    margin: 0 auto;
	}

#snap-widget-2 {
    width: 280px;
    margin: 0 auto;
	}
	
	#footer {
	}
	
/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 


#header {
	padding-top: 40px;
	}

#logo {
	width: 379px;  /*petit bogue ici*/
	margin:0 auto;
	}

#info {
	text-align: center;
	padding: 20px 0px 30px;
	}

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

#header {
	padding-top: 40px;
	}

#logo {
	width: 379px; /*petit bogue ici*/
	margin:0 auto;
	}

#info {
	text-align: center;
	padding: 20px 0px 30px;
	}

	}