/* layout */
hr
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


#content {
	color: #333;
	padding: 20px 200px 20px 230px;
	font-family : Georgia, Arial;
    line-height: 1.2em;
  min-height: 250px;
}
#header {
	height: 200px;
	position: relative;
}
h1 {
  height: 40px;
}
#header h2 {
  font-size: 2em;
  text-align: center;
  margin-top: 160px;

  position: relative;
  z-index: 1;
}
h3 {
  font-size: 1.3em;
}


/* Menu */

#menu .accueil {
  background: url(images/bouton-accueil.png) 50% -5px no-repeat;
  left : 0px; top:50px;
}
#menu .presentation {
  left : 160px; top:80px;
}
#menu .actus {
  left:320px; top:30px;
}
#menu .recrutement {
  left:490px; top:50px;
}
#menu .medias {
  left:650px; top:90px;
}
#menu .espace-pro {
  left:800px; top:50px;
}
#menu .login {
  /* pour l'instant */
  display: none;
}

/* Contenu */

#content p {
	padding: 10px 0;
}
#content a {
	color: #9A0E11;
	text-decoration : none;
}
#content a:visited {
	color: #633;
}
#content a:hover {
	text-decoration : underline;
}

/* Pagination */
.pagination {
	list-style-type: none;
	text-align: center;
	margin: 10px 0 0; padding: 0;
	overflow: auto;
}
.pagination li {
	display: inline;
	margin: 0; padding: 0 5px;
}
.pagination img {
	vertical-align: middle;
}

/* sections */
.section {
  border-bottom: 1px dotted #a88;
  margin-bottom: 20px; padding: 15px 0;
}
.section .date {
  font-style: italic;
}

/* Agenda */
.section-agenda h3 {
  background: url('images/lib/hand-drawing/16x16/star.png') 0 50% no-repeat;
  padding-left: 20px;
}
.autres-evenements {
  text-align: right;
}

.video {
	margin-top: 20px;
	padding : 15px;
	border : 2px solid black;
	text-align : center;
}
.video-des{
	font-size : 12px;
	color : black;
}

.video-aut{
	font-size : 12px;
	color : rgb(100,100,100);

}

/* Actualités */
.section-actualite h3 {
  background: url('images/lib/hand-drawing/16x16/notepad.png') 0 50% no-repeat;
  padding-left: 20px;
}
.section-actualite blockquote {
  font-size: .8em;
  font-style: italic;
  margin-top: 5px;
}
.billet {
  margin: 10px 0;
}
.nb-commentaires {
  font-size : .8em;
  text-align: right;
}
.nb-commentaires a {
  background: url('images/lib/hand-drawing/16x16/comment.png') 0 50% no-repeat;
  margin-right: 50px; padding-left: 20px;
}
.commentaires-blog {
	border: 1px solid white;
	background:rgba(255,255,255,0.3);	
	margin-top: 5px;
	padding : 5px;
	text-align : left;
	font-size : 14px;
	width : 66%;
	margin-left : 20px;
}
.commentaires-plus {
	border: 1px solid white;
	background:rgba(255,255,255,0.3);	
	margin-top: 5px;
	padding : 5px;
	width : 50%;
	margin-left : 20px;
	text-align : left;
	font-size : small;
}

.billet {
	font-size : medium;
	text-decoration : none ;
	margin-top : 10px;
	text-align : left;
}

/* Commentaires */
.commentaires, .commentaires a{
	margin-top: 20px;
	font-size : small;
	color : grey;
	text-decoration : none ;

}

/* Contact */

.contact {
	border: 2px solid white;
	background:rgba(255,255,255,0.3);	
	margin-bottom: 20px;
	text-align : center;
	line-height : 16px;
	padding : 15px;
	font-size : large;
	color: #600;	
}

/* Footer */
#footer {
  border-top : 1px solid black;
  position: relative;
}


#connexion-footer {
  background: url(images/connexion.png) bottom center no-repeat;
  position: absolute;
  top: 0; left: 80px;
  width: 180px; height: 95px;
}
#connexion-footer a {
	display: block;
  font-size: 26px;
  font-weight: bold;
  padding-top: 45px;
  text-align: center;
}
#footer-gauche, #footer-droite {
  position: absolute;
  top: -201px;
  width: 180px; height: 200px;
}
#footer-gauche {
  background: url('images/instru-gauche-180.png') top left no-repeat;
  left: 40px;
}
#footer-droite {
  background: url('images/instru-droite-180.png') top right no-repeat;
  left: 740px;
}

a.prive {
	padding-left: 20px;
	background: url('images/lib/padlock.gif') 0 50% no-repeat;
}


/*Josemiens*/

.josemien {

   color : black;
   padding-left : 120px;
   width : 350px;
   margin-top : 5px;  
   font-size : 16px;
   line-height : 15px;
   background: url('images/item-medium-hover.png') -50px  no-repeat;
   border : 1px solid #9A0E11;
   padding-bottom: 10px;
}

.password {
   color : black;
   margin-top : 5px;
   width : 350px;  
   padding-left : 120px;
   background: url('images/connexion.png') -50px -20px no-repeat;
   border : 1px solid black;
    padding-bottom: 10px;
}




.new {
   color : black;
   padding-left : 120px;
   width : 350px;
   margin-top : 5px;  
   font-size : 15px;
   line-height : 15px;
   background: url('images/item-medium.png') -50px no-repeat;
   border : 1px solid #9A0E11;
   font-weight : 100;
   padding-bottom: 10px;
}

.new li{
   color : #9A0E11;
   padding-left :20px;
}

/* Types de fichiers */
li.pdf, li.mid {
	padding-left: 20px;
}
li.pdf {
	background: url('images/lib/crystal-clear/pdf.png') top left no-repeat;
}          
li.mid {
  background: url('images/lib/crystal-clear/midi.png') top left no-repeat;
} 

.error_list{
  padding: 4px;
  padding-left: 25px;
  list-style: none;
  color: #f00;
  background: url(/images/error.png) no-repeat 4px 4px;
}

.success_list{
  padding: 4px;
  padding-left: 25px;
  list-style: none;
  background: url(/images/tick.png) no-repeat 4px 4px;
}            

/* oeuvres */
.auteur > h4 {
  border-bottom: 1px solid #ddd;
	margin-bottom: 10px; padding: 5px;
}
.oeuvre {
  margin: 0 0 10px 10px;	
}
.auteur h4 {
	cursor: pointer; 
  background: url('images/lib/hand-drawing/16x16/add.png') 0 50% no-repeat;
  padding-left: 20px;
}
.auteur h4.open {
  background: url('images/lib/hand-drawing/16x16/remove.png') 0 50% no-repeat;
}
.open-close {
	float: right;
  margin: 5px;
}
.oeuvre em {
	display: block;
	font-size: .8em;
}
.oeuvre ul {
	margin-left: 10px;
}
.filtre-instruments {
	border: 1px solid #ddd;
	margin: 10px 0;	padding: 10px;
}
.filtre-instruments .checkbox_list {
	overflow: auto;
	padding: 5px;
}
.filtre-instruments .checkbox_list li {
  float: left;
	width: 160px;
}
.filtre-instruments .checkbox_list li {
  float: left;
  width: 160px;
}
#content .filtre-instruments p {
	text-align: right;
	padding: 0;
}