body{margin: 0; padding: 0; position: relative; font-size: 12px;}
h1,h2,h3,h4,h5,h6{font-weight: 100}

.container{max-width: 960px;}
.space{clear: both; height: 10px; width: 100%;}
.pad{padding: 20px;}
.sous-category-list{margin: 0; padding: 0; list-style: none; display: block; width: 100%;}
.sous-category-list li{display: inline-block; width: 29%; float: left; padding: 10px; margin: 10px 20px 10px 0;}
.sous-category-list li a{color: #222}
.sous-category-list li:hover{}
.sous-category-list li:hover a{color: #c21;}
.sous-category-list li span.puce{display: inline-block; margin-right: 5px; display: inline-block; color: #444;}
.sous-category-list li:hover span.puce{color: #222;}
.sous-category-list li a{font-size: 12px;}

.mediatheque-screen{padding: 10px; background-color: #222; margin: 20px 0; border-radius: 4px;}
.mediatheque-screen .screen{ background-color: #111; height: 420px; margin-bottom: 10px; padding: 20px; text-align: center;}
.mediatheque-screen .screen img{max-width: 800px; max-height: 380px;}
.thumbs-container > img{margin-right: 10px; display: inline-block;}

.page-title{border-bottom: solid 4px #f1d992; color: #b07d03;}
.valign-bottom a{margin-top: 140px; display: inline-block; color: #8ea92f;}
menu{margin: 0; padding: 0;}
menu ul{margin: 0; padding: 0; list-style: none;}
menu .dropdown{display: none; position: absolute;}
.dropdown-menu{z-index: 10000}

.read ul{padding: 0; margin: 0 10px; font-size: 12px}
.read ul li{line-height: 16px}
.read ol{padding: 0; margin: 0 20px;}
.read .fill-gray{padding: 10px; background-color: #f5f5f5;}

.form{padding: 10px; background-color: #f4f4f4; border: solid 1px #eee;}

a.audio-thumb, a.video-thumb{position: relative; display: block;}
a.audio-thumb:before, a.video-thumb:before{content: ''; position: absolute; background: url(../img/icon_play.png) center no-repeat; background-size: 40px 40px; width: 100%; height: 100%; display: block;}
.list .media .media-body p{font-size: 11px;}
.list .media .media-body span.updated{font-size: 11px; color: #999;}

.form-user{background-color: rgba(0,0,0,0.1); padding: 20px; font-size: 12px;}
.form-user fieldset{border: solid 1px #ccc; padding: 10px; background-color: #f4f4f4; margin-bottom: 20px;}
.form-user fieldset legend{position: relative; display: inline-block; padding: 2px 10px; top: 10px; font-size: 14px; line-height: 18px;}
.form-group{}
.form-group input[type=text], .form-group input[type=password], .form-group input[type=email], select, textarea{
	display         : block;
	width           : 100%;
	padding         : 8px 10px;
	margin-bottom   : 10px;
	font-size       : 14px;
	line-height     : 1.42857;
	color           : rgb(85, 85, 85);
	vertical-align  : middle;
	background-color: rgb(255, 255, 255);
	background-image: none;
	border          : 1px solid #ddd;
	/*border-radius   : 4px;*/
	box-shadow      : 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition      : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.notifs{
	padding    : 0 15px;
	line-height: 34px;
}
.notifs .glyphicon{line-height: 30px; margin-right: 20px; color: #fff}
.notifs .close{line-height: 30px; margin-right: 20px; color: #900}
.alert{padding: 2px auto;}

footer center p{}


.fill-white{background-color: #fff; border-radius: 0 0 4px 4px;}
.shadow-bottom{position: relative;}
.shadow-bottom:after{content: ''; display: block; width: 100%; height: 20px; background: url(../img/shadow.png); background-size: 100% 20px; position: absolute; bottom: -20px; left: 0;}

.thumbs-container{}
.thumbs-container a{margin-right: 10px; margin-bottom: 10px;}

.full-gray{background-color: #f5f5f5;}