/* =Global HTML
-------------------------------------------------- */
body 								{ background: url(images/bg-body.gif) repeat; border-top: 3px solid #4f5760; color: #333; }
a 								{ color: #4f5760; }

form p label 							{ font: 14px DINWeb-Medium,sans-serif; text-transform: uppercase; color: #8f7233; }
form p button:focus, form p button:hover			{ background-color: #b02c21; }


::selection 							{ background-color: #b02c21; color: #fff; }
::-moz-selection 						{ background-color: #b02c21; color: #fff; }

/* =Header
-------------------------------------------------- */
.header 							{ position: relative; margin: 0 10px 20px; background-repeat: no-repeat; height: 170px; }
.header .identity a 						{ margin-top: 40px; padding: 30px 20px 20px 250px; background: url(images/musee-armee-logo.png) no-repeat rgba(91, 101, 110, .9); font: 26px/40px DINWeb-Medium,sans-serif; text-transform: uppercase; color: #fff; display: inline-block; }
.header .identity a small 					{ font-style: italic; font-size: 18px; display: block; }

.header .languages 						{ position: absolute; top: 0; right: 0; width: 90px; }
.header .languages a 						{ padding: 2px 30px 2px 10px; background-color:#6a757e; font: bold 10px/16px Arial, sans-serif; text-transform: uppercase; color: #fff; display: block; }
.header .languages .select-lang 				{ margin-bottom: 0; }
.header .languages .select-lang a 				{ background: url(images/arrows.png) no-repeat 100% 50% #6a757e; }
.header .languages ul 						{ margin-bottom: 0; list-style: none; display: none; }
.header .languages ul li 					{ margin-left: 0; }
.header .languages ul li a.on 					{ display: none; }

/* =Content
-------------------------------------------------- */
.content .page-title 						{ font: 24px/28px DINWeb-Bold,sans-serif; color: #b02c21; }

.article 							{ padding: 20px 20px 10px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.article .date 							{ position: relative; float: left; margin: -10px 10px 10px -10px; padding: 10px 0; background-color: #b02c21; width: 50px; font: 15px Arial, sans-serif; text-align: center; color: #fff; z-index: 10; }
.article .date span 						{ font: 30px DINWeb-Bold,sans-serif; display: block; }
.article .figure 						{ margin-bottom: 20px; }
.article .figure img 						{ position: absolute; display: block; }
.article .entry-title 						{ font: 24px/28px DINWeb-Bold, sans-serif; color: #b02c21; }
.article .entry-title a 					{ color: #b02c21; }
.article .entry-content						{ clear: left; margin-bottom: 10px; padding-bottom: 5px; background: url(images/bg-filet.png) no-repeat 0 100%; font-size: 14px; }
.article .entry-content a 					{ text-decoration: underline; color: #b02c21; }
.article .entry-content a:hover,
.article .entry-content a:focus 				{ text-decoration: none; }
.article .entry-content .excerpt 				{ font: bold 16px/1.5 Arial,sans-serif; color:#4f5760; }
.article .entry-metas 						{ margin-bottom: 10px; }
.article .entry-metas ul 					{ margin-bottom: 0; }
.article .entry-metas ul li 					{ margin: 0 0 5px; padding-left: 30px; background: url(images/sprite.png) no-repeat; list-style: none; line-height: 20px; }
.article .entry-metas ul li.category 				{ background-position: 0 -300px; }
.article .entry-metas ul li.category-serial 			{ background-position: 0 -2500px; }
.article .entry-metas ul li.tags 				{ background-position: 0 -400px; }
.article .entry-metas ul li.comment				{ background-position: 0 -500px; }

.article .tools 						{ padding: 10px 0 4px; background-color: #e8e7de; text-align: center; }
.article .tools ul 						{ margin-bottom: 0; display: inline-block; }
.article .tools ul li  						{ float: left; margin: 0; padding: 0; background: none; }
.article .tools ul li.send:after				{ padding: 0 4px 0 10px; content: '|'; }
.article .tools ul li.facebook 					{ clear: left; }
.article .tools ul li a 					{ padding-left: 30px; background: url(images/sprite.png) no-repeat; }
.article .tools ul li.send a 					{ background-position: 0 -1206px; }
.article .tools ul li.print a 					{ background-position: 0 -1306px; }
.article .tools ul li.facebook a,
.article .tools ul li.twitter a  				{ margin-left: 10px; padding-left: 0; background: none; }

.form-comments 							{ position: relative; padding-top: 25px; background: url(images/bg-form-comment.gif) no-repeat 50% 0; color: #4f5760; }
.form-comments h2						{ font: 20px DINWeb-Medium,sans-serif; color: #6a757e; }
.form-comments form p input,
.form-comments form p textarea					{ padding: 3px; background: url(images/bg-form-input.gif) repeat; border: 0; box-shadow: inset 0 0 5px rgba(0, 0, 0, .15); }
.form-comments form p textarea 					{ width: 98%; max-width: 98%; height: 138px; min-height: 138px; }
.form-comments .required 					{ font-style: italic; text-transform: none; color: #4f5760; }
.form-comments .required span 					{ color: #8f7233; }
.form-comments .message 					{ margin-left: 4%; }
.form-comments form .submit,
.form-comments form .form-submit 				{ text-align: right; }
.form-comments form button,
.form-comments form #submit					{ margin: 0; padding: 5px 1em; background: #4f5760; width: auto; border: 0; font-weight: bold; text-transform: uppercase; color: #fff; }

.comments 							{ padding-top: 15px; background: url(images/bg-filet.png) no-repeat 0 0; }
.comments h2 							{ font: 20px DINWeb-Medium,sans-serif; color: #6a757e; }
.comments ol 							{ margin-bottom: 0; }
.comments ol li 						{ margin: 0 0 10px 0; padding: 10px; background-color: #e8e7de; list-style: none; overflow: hidden; }
.comments ol li .figure 					{ float: left; margin-right: 10px; }
.comments ol li .figure img 					{ position: relative; display: block; }
.comments ol li .comment 					{ overflow: hidden; }
.comments ol li .comment p 					{ margin-bottom: 0; }
.comments ol li .comment .time 					{ color: #4f5760; }
.comments ol li .comment .author 				{ font: 20px DINWeb-Medium,sans-serif; color: #4f5760; }


/* =Sidebar
-------------------------------------------------- */
.widgets 							{ padding: 10px 10px 1px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.widget h2 							{ padding-left: 25px; background: url(images/sprite.png) no-repeat; font: 16px/20px DINWeb-Bold,sans-serif; text-transform: uppercase; color: #b02c21; }
.widget ul 							{ list-style: none; }
.widget ul li 							{ margin-left: 0; padding-left: 20px; background: url(images/pc-bullet.gif) no-repeat; }

.widget-social-networks h2 					{ padding-left: 0; background: none; }
.widget-categories h2 						{ background-position: 0 -700px; }
.widget-tags h2 						{ background-position: 0 -800px; }
.widget-recent-articles h2 					{ background-position: 0 -900px; }
.widget-recent-comments h2					{ background-position: 0 -1000px; }
.widget-archives h2 						{ background-position: 0 -1100px; }
.widget-serial h2 						{ background-position: 0 -2400px; }
.widget-categories ul, .widget-tags ul				{ overflow: hidden; }
.widget-categories ul li, .widget-tags ul li			{ float: left; width: 40%; }
.widget-recent-articles .time,
.widget-recent-comments .author 				{ color: #6a757e; display: block; }

/* =Footer
-------------------------------------------------- */
.footer 							{ margin: 0 10px 20px; background: url(images/bg-footer.gif) no-repeat 100% 0 #4f5760; color: #fff; overflow: hidden; }
.footer a 							{ line-height: 24px; color: #fff; }
.footer p 							{ float: left; margin-bottom: 0; padding: 10px 20px; }
.footer .feeds span 						{ margin-right: 10px; font: 16px DINWeb-Medium,sans-serif; text-transform: uppercase; }
.footer .feeds a 						{ margin-right: 10px; padding-left: 35px; background: url(images/sprite.png) no-repeat; display: inline-block; }
.footer .feeds a.newsletter					{ background-position: 0 -2200px; }
.footer .feeds a.rss						{ background-position: 0 -2300px; }
.footer .nav-infos 						{ float: right; width: 280px; text-align: center; }


/* =Modules
-------------------------------------------------- */
.search 							{ padding: 10px 10px 1px; background-color: #6a757e; }
.search h2 							{ font: bold 12px Arial, sans-serif; text-transform: uppercase; color: #fff; }
.search form p label 						{ color: #fff; }
.search form p input 						{ float: left; margin-right: 3%; padding: 3px; background-color: #b0b4b8; border: 0; width: 63%; }
.search form p button 						{ background-color: #242526; border: 0; line-height: 18px; text-transform: uppercase; color: #fff; }
.search form p button:focus, .search form p button:hover	{ background-color: #b02c21; }

.paginate ul							{ list-style: none; overflow: hidden; }
.paginate ul li 						{ float: left; margin: 0; width: 33.33333%; }
.paginate ul li.next 						{ float: right; text-align: right; }
.paginate ul li.top 						{ float: none; margin: -25px auto 0; text-align: center; }
.paginate ul li a 						{ background: url(images/sprite.png) no-repeat; line-height: 24px; display: block; }
.paginate ul li.prev a 						{ padding-left: 30px; background-position: 0 0; }
.paginate ul li.next a 						{ padding-right: 30px; background-position: 100% -100px; }
.paginate ul li.top a 						{ padding-top: 25px; background-position: 50% -200px; }
.paginate.bottom ul 						{ padding-top: 25px; }

.social-networks .current-date					{ padding-bottom: 10px; background: url(images/bg-filet.png) no-repeat -1400px 100%; font-weight: bold; text-transform: uppercase; color: #b02c21; }
.social-networks ul 						{ margin-bottom: 0; overflow: hidden; }
.social-networks ul li 						{ float: left; margin: 0 0 10px; padding: 0; width: 40%; list-style: none; }
.social-networks ul li.youtube,
.social-networks ul li.blogroll 				{ width: 60%; }
.social-networks ul li a 					{ padding-left: 35px; background: url(images/sprite.png) no-repeat; line-height: 24px; display: inline-block; }
.social-networks ul li.facebook a 				{ background-position: 0 -1400px; }
.social-networks ul li.youtube a 				{ background-position: 0 -1600px; }
.social-networks ul li.twitter a 				{ background-position: 0 -1800px; }
.social-networks ul li.blogroll a 				{ background-position: 0 -2000px; }


.external-link .figure img					{ display: block; }
.external-link .figcaption					{ position: absolute; left: 0; bottom: 0; right: 0; margin: 0; padding: 10px 35px 10px 10px; background-color: rgba(176, 44, 33, .9); }
.external-link .figcaption a 					{ color: #fff; }
.external-link .figcaption a span 				{ font: 16px DINWeb-Medium,sans-serif; text-transform: uppercase; display: block; }

.search-results 						{ background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2); color: #4f5760; }
.search-results:before, .search-results:after 			{ content: ''; display: table; }
.search-results:after 						{ clear: both; }
.search-results .hgroup 					{ margin: 0 20px 10px; padding: 20px 0 5px; background: url("images/bg-filet.png") no-repeat 0 100%; }
.search-results .last 						{ padding: 0; background: none; }
.search-results .paginate 					{ float: right; list-style: none; }
.search-results .paginate li 					{ float: left; margin: 0 5px; line-height: 24px; }
.search-results .paginate li a:hover,
.search-results .paginate li a:focus 				{ color: #b02c21; }
.search-results .paginate li.prev a,
.search-results .paginate li.next a				{ background: url(images/sprite.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px; overflow: hidden; display: block; }
.search-results .paginate li.prev a 				{ background-position: 0 0; }
.search-results .paginate li.next a 				{ background-position: 100% -100px; }
.search-results .article 					{ margin: 0 20px 10px; padding: 10px 20px 10px 60px; background: url("images/bg-filet.png") no-repeat 0 100%; box-shadow: none; }
.search-results .date 						{ margin: 0 10px 10px -60px; }
.search-results .entry-title 					{ font: 20px/24px DINWeb-Bold,sans-serif; }

/* =Page
-------------------------------------------------- */
.page .article .entry-content 					{ padding-bottom: 0; background: none; }

.page-filter .paginate 						{ padding-top: 15px; }
.page-filter .paginate.bottom 					{ padding-top: 0; }
.page-filter .content 						{ margin-top: -60px; }
.page-filter .hgroup 						{ position: relative; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, .2); width: 33.33333%; text-align: center; }
.page-filter .hgroup h1 					{ margin: 0; padding: 10px; background-color: #fff; font: bold 12px/1.5 Arial, sans-serif; text-transform: uppercase; color: #4f5760; }
.page-filter .hgroup h1 span 					{ color: #8f7233; display: block; }

.logged-in .form-comments form p textarea 			{ width: 99%; max-width: 99%; }
.logged-in .form-comments .unit 				{ float: none; }
.logged-in .form-comments .size2of3 				{ width: auto; }
.logged-in .form-comments .message 				{ margin-left: 0; }

.page-404 .article .entry-title 				{ height: 135px; text-align: center; }
.page-404 .article .entry-title span 				{ background: url(images/404.png) no-repeat; width: 90px; height: 131px; text-indent: -9999px; display: inline-block; }
.page-404 .article .entry-title span.number-1 			{ background-position: 0 0; }
.page-404 .article .entry-title span.number-2 			{ background-position: 50% -150px; width: 140px; -webkit-animation: kwick 5s ease-in-out 1; -moz-animation: kwick 5s ease-in-out 1; -ms-animation: kwick 5s ease-in-out 1; animation: kwick 5s ease-in-out 1; }
.page-404 .article .entry-title span.number-3 			{ background-position: 0 -300px; }
.page-404 .article .entry-content 				{ padding: 15px 0 0; background-position: 0 0; }
.page-404 .article .entry-content strong 			{ color: #b02c21; }
.page-404 .article .entry-content .link-back 			{ padding-left: 30px; background: url(images/sprite.png) no-repeat; line-height: 24px; }

/* =Plugins
-------------------------------------------------- */
/* ---- Sharedaddy ----- */
.sharing 							{ padding: 0 !important; text-align: center; }
.sharing ul 							{ float: none !important; }
.sharing ul li 							{ margin: 0 !important; padding: 0 !important; }
.sharing ul li.share-email:after 				{ padding: 0 4px 0 10px !important; content: ' | '; }
.sharing ul li.share-facebook 					{ clear: left; }
.sharing ul li a 						{ line-height: 20px !important; display: inline; }
.sharing ul li.share-email a 					{ margin-left: 10px !important; background-position: 0 -1206px; }
.sharing ul li.share-print a 					{ background-position: 0 -1306px; }

.sharing div.like_button,
.sharing div.twitter_button 					{ height: 20px !important; }

/* =Animate
-------------------------------------------------- */
@-webkit-keyframes kwick {
	from	{ width: 390px; }
	to	{ width: 140px; }
}
@-moz-keyframes kwick {
	from	{ width: 390px; }
	to	{ width: 140px; }
}
@-ms-keyframes kwick {
	from	{ width: 390px; }
	to	{ width: 140px; }
}