body { background-image: url(img/bg-body.gif) }
#header { background-image: url(img/bg-header.jpg); background-size: 100% 100%; height: 100px }
#content {  background-image: url(img/bg-content.jpg); background-size: 100% 100%; padding: 30px 15px }
#footer { margin-top: 0; padding-top: 50px; text-align: center; color: #00659a; background-image: url(img/bg-footer.jpg); background-size: 100%; background-repeat: no-repeat }
#header .spip_logo { float: right; margin-top: 12px }
.navbar { margin-bottom: 0 }
.navbar-inverse { border-width: 1px 0 ; border-radius: 0 }
.page_sommaire .content {text-align: center }
#descriptif_site_spip { font-size: 1em; font-weight: normal; line-height: inherit }
#slogan_site_spip { font-size: 1.5em; font-weight: normal; line-height: inherit; margin: 1em 0}
#nav { z-index: 100 }
.container { padding-left: 0; padding-right: 0 }
.h3-like small { color: #ccc }
.btn {color: #666 }

.capsule-video { margin: 20px 0 }
@media (min-width: 768px) {
	#nav.affix { top: 0; width: 750px}
	#nav.affix + #content{ padding-top: 90px }
	#slogan_site_spip { font-size: 3em; }
	#content { min-height: 400px }
}
@media (min-width: 990px) {
	#nav.affix {  width: 970px}
}
@media (min-width: 1200px) {
	#nav.affix {  width: 1170px}
}
@media (max-width: 767px) {
	.navbar-responsive {  position: fixed; right: 0; width: 100%}
	#content { padding-top: 90px }
	table, thead, tbody, th, td, tr { display: block }
	.nom_site { float: left; margin-left: 30px}
	button.navbar-toggle {margin-right: 30px }
	body { font-size: 0.9em }
}