body {
 background: #FFF url(sl/bg-top.png) repeat-x !important;
 color: #FFF;
 padding: 0; margin: 0; font: 11px Arial, sans-serif; line-height: 150%;
}

input.search { width: 186px; height: 23px; border: 0px;
	background: url(sl/bg-recherche.gif) no-repeat top left;
	padding: 3px; color: #616161;
	padding-left:5px ;

	}
input.submit {
	width: 26px;
	height: 28px;
	font-weight: bold;
	border: none;
	background: url(sl/submit.gif) no-repeat top left;
	cursor : pointer;
 }
 


.content { margin: 0 auto; padding: 0px; color: #000;  background:  url(sl/background.png) no-repeat top  !important; }
.header { color: #000; width: 800px; height: 81px;	margin: 0 auto; padding: 0;}
.header .leftside {	width: 300px; float: left;  }
a.logo {
	height:55px; 
	float:left; width:233px;
	background:url(sl/logo.png  ) no-repeat left top !important;
}
*html a.logo {
	height:55px; 
	float:left; width:233px;
	background:url(sl/logo.gif) no-repeat left top !important;
}
.header .searchf {
	float: right;
	margin-right: 15px;
	margin-top: 8px;
	height:51px;
	background:url(sl/searchshadow.gif) no-repeat left bottom;
}



#nav {
	margin: 0px auto;
	padding:0;
	width: 780px;
	height: 54px;
	background:url(menu-repeatr.jpg) repeat-x top;

}



/* menu spécifique à la page d'accueil */
#nav-accueil {

	margin: 10px ;margin-top:0px;
	margin-left: 109px ;
	padding:0;
	float:left;
	width: 620px;
	height: 50px;
    background:url(menu-repeatr.jpg) repeat-x top;
	}

#nav-int{

	margin: 10px ;margin-top:0px;
	margin-left: 109px ;
	padding:0;
	float:left;
	width: 620px;
	height: 50px;
	background:url(menu-repeatr.jpg) repeat-x top;
	}

.navleft {
	float:left;
	width: 14px;
	height: 50px;
	background:url(nav-left.png) no-repeat left top;

}

.nav-center {
	float:left;
}
.navright {
	float:right;
	width: 14px;
	height: 50px;
	background:url(nav-right.png) no-repeat left top;

}
#menu-accueil
 {
	margin: 10px auto ;
	padding:0;
	width:800px;
	height: 54px;
	display:block; clear:both;

}
#menu
 {
	margin: 10px auto ;
	padding:0;
	width:800px;
	height: 54px;
	display:block; clear:both;

}
a.rss { width:20px; height:20px; color:white;  background:url(rss.png) no-repeat top; float:right;margin-right:30px;margin-top:20px;    }


a.rsstop {
	float:left;
	 padding:5px 5px;
	 margin-left:5px;
	 background:url(rssmini.png) no-repeat left;
	 padding-left:23px;
	color:white
	 }

a.rsstop:hover, a.annuaire:hover, a.espace-perso:hover {
	color:white;
	 }

a.annuaire {
	float:left;
	 margin-left:5px;
	 padding:5px 5px;
	 background:url(vcard.png) no-repeat left;
	 padding-left:23px;
	 color:white;
	 }
a.espace-perso {
	float:left;
	margin-left:5px;
	padding:5px 5px;
	background:url(comments.png) no-repeat left;
	padding-left:23px;
	color:white;
}

.pagination  {
	display:block; clear:both;
	border-top:1px solid #DDDDDD;
	padding-top:5px;
	margin-top:5px;
}

#nav-int ul, #nav-accueil ul { margin:0; list-style:none; padding: 0;}


#bottomb {
	clear: both;
	width: 100%;
	/*margin-top:-50px; */
	background: #41868D url(sl/bg-footer.png) repeat-x top !important;
	font: 11px Arial, sans-serif;
	margin-top:20px;
}


#bottomb .bottomd .blockactu{  background:url(sl/bg-bottomd-repeatr.png) repeat-y top left;margin:0; padding:0; margin-bottom:-10px;   }



.bottomd .display-date {
	width:69px; height:47px;
	float:left;
	color: white;
	text-align:center;
	padding:5px;
	padding-top:14px;
	font-size:14px;
	background:url(sl/puce-date.png ) no-repeat top;
	}
#bottomb .bottomd .blockactu .dtop{
	background:url(sl/bg-top-repeatr.png ) no-repeat top left;
	height:51px;

	}
#bottomb  .bottomd .dbottom
	{
	height:51px;
	background:url(sl/bg-bottom-repeatr.png) repeat-y top left  !important;
	display:block ; clear:both;
	color: #0070A9;
	font: bold 12px Arial, sans-serif;
	padding-left:15px;
	}


h2.documentheque
{
	background-image:url(sl/picto-document.gif); 
	background-repeat: 	no-repeat; 
	background-position: left center!important;
	background-color:#41868D!important;
	padding-left:35px;
	color: #FFFF00!important;
	letter-spacing:normal ; 
}


h2.news
{
	background-image:url(sl/picto-news.gif);  
	background-repeat: 	no-repeat; 
	background-position: left center!important;
	background-color:#41868D!important;
	padding-left:35px;
	color: #FFFF00!important;
	letter-spacing:normal ; 
}
h2.news2
{
	background-image:url(sl/newsletter2.jpg) ;
		background-repeat: 	no-repeat; 
	background-position: left center!important;
	background-color:none!important;
	letter-spacing:normal ; 
	padding-left:35px;
}
.bottomc ul
{

	list-style-type:none;
	display:block; clear:both;
	width:220px;
}

.bottomc ul.liste-doc li
{
	background:url(sl/separator.png) no-repeat bottom;
	float:left;
	display:block; clear:both;
	width:220px;
}
.bottomc ul.liste-doc li a:hover {
background-color:#41868D !important;
color:#FFFF00 !important;
text-decoration:none;
}
#block-un .top  { background:url(sl/block1-top.png) no-repeat top left #8FB230; }
#block-deux .top  {background:url(sl/block2-top.png) no-repeat top  left #FF9900; }
#block-trois .top { background:url(sl/block3-top.png) no-repeat top left #0077B3; }

#block-un .bottom, #block-deux .bottom, #block-trois .bottom
 {
 	width:206px;
	float:left;
	color:white;
	height:51px;
}


#block-un .bottom  {background:url(sl/block1-bottom.png) no-repeat bottom left;  }
#block-deux .bottom {background:url(sl/block2-bottom.png) no-repeat bottom left; }
#block-trois .bottom  {background:url(sl/block3-bottom.png) no-repeat bottom left; }

.bottom3  {background:url(block3-bottom.png) no-repeat top left ; height:51px; display:block;  clear:both; }


#block-un .lien-block li a:hover  { background-color:#8FB230;  }
#block-deux .lien-block li a:hover  { background-color:#FF9900;  }
#block-trois .lien-block li a:hover  { background-color:#0077B3;  }


.col-unique .article-details{ float:left; display:block; clear:both; color: #A2C818; font-size:11px; font-style:italic ;padding-bottom:5px; background:transparent url(sep-article.png) no-repeat scroll center bottom; width:100%;}   


/* TWO COLUMNS */

.left-col { float:left; width:500px; padding:10px 0 10px 15px;  }
.left-col h1, .col-unique h1 {background: url(picto-titre.png) no-repeat left top ; padding-left:55px; display:block;color: #A2C818;  clear:both; padding-bottom:5px; border-bottom:1px dotted #A2C818;}

.left-col h1 a, .col-unique h1 a{  color: #A2C818; background:none;display:block; clear:both;  }

.article { float:left; margin-top:20px;  background:url(sep-article.png) no-repeat bottom; font-size:12px; }

.nbvote { float:left; width:56px;
	height:56px;
	font-weight:bold;
	font-size:18px;
	font-weight:bold;
	color:white;
	text-align:center;
	background:url(bg-vote.png) no-repeat left top ;
	display:block;
	padding-top:10px;
	clear:both; }

.actionvote { float:left;
	width:56px;
	height:30px;
	color:white;
	font-weight:bold;
	text-align:center;
	color: #666666;
	background:url(bg-actionvote.png) no-repeat left top ; display:block; clear:both;
	padding-top:5px;
}

.seance-top {
	background:url(seance-top.png) no-repeat left top;
	height:63px;
	width:206px;
	float:left;
	color:white;
	display:block; clear:both;
}

.seance-corps {
	background: #A9C429 url(seance-bottom.png) no-repeat left bottom;
	width:206px;
	float:left;
	display:block; clear:both;
}
.seance
{
	background:url(puce-.png) no-repeat left; float:left;
	display:block; clear:both;
	width:190px;
}

.nvote {
	background:url(topbg.png) no-repeat left top;
	height:25px; float:left;
	width:55px;
	display:block;
	clear:both;

	font-size:15px;
	font-weight:bold;
	text-align:center;
	color: #666666;
  }
h2.classement { background:url(puce-bleu.png) no-repeat left center; color: #0074AD;border-bottom:1px solid #0074AD;  }
h2.chat { background:url(picto-chat.png) no-repeat left center; color: #FFF; display:block; height:24px; margin:10px 10px 10px 0px; padding: 0 0 0 40px;font-size:20px;font-weight:normal;  }

.chat-top {
	background:url(chat-top.png) no-repeat left top;
	height:76px;
	padding:0 0 0 10px;
	width:206px;
	float:left;
	color:white;
	display:block; clear:both;
}

.chat-corps {
	height:100%;
	width:206px;
	float:left;
	display:block; clear:both;
	background: #41868Durl(chat-bottom.png) no-repeat left bottom;
}

#chat_contenu .post-data{
	background:url(bg-postdata.png) repeat-x bottom left;
	margin:5px;
	padding:2px 3px 3px 3px;
	height:30px;
	color:white;
	font-size:11px;
	font-weight:bold;
}

.chat-button{
	background:#FFCC00 none repeat scroll 0%;
	border:1px solid #FF6600;
	color:#FF6600;
	margin:0px 5px 10px 5px;
}
a.select-tri, a.select-tri:hover
	{
	background:url(tri.png) no-repeat left; float:left;
	margin:2px 2px;
	padding-left : 20px !important;
	color: #666666;
	}

.liste-cat
{
	background:url(puce-categorie.png) no-repeat left; float:left;
	display:block; clear:both;
	height:22px;
	}
.liste-cat a { 	padding-left:25px; 		}
.liste-cat2
{
	background:url(puce-categorie.png) no-repeat left; float:left;
	display:block; clear:both;
	height:22px;
	}
.liste-cat2 a { 	padding-left:25px; 		}


a.jevote { 	background:url(boutonvote.png) no-repeat top; width:200px; height:100px; display:block; clear:both;float:left; margin-left:150px;  }
.displayjevote{ width:100%; float:left; display:block; clear:both; height:120px;  }
a.jevote:hover{ background:url(boutonvote-o.png) no-repeat top; 	}

/* extranet */

#streamdiv{text-align:center;}
.displayjevote{ width:100%; float:left; display:block; clear:both; height:120px;  padding:10px 0 0 0;}
.displayjevoteplus{ width:100%; float:left; display:block; clear:both; height:40px;  padding:10px 0 0 0;}

.pour a { background:url(boutonpour.png) no-repeat top; width:150px; height:100px; display:block;float:left; margin-right:25px;  }
.pour a:hover{ background:url(boutonpour-o.png) no-repeat top; 	}

.contre a { 	background:url(boutoncontre.png) no-repeat top; width:150px; height:100px; display:block;float:left; margin-right:25px;  }
.contre a:hover{ background:url(boutoncontre-o.png) no-repeat top; 	}

.abstention a { 	background:url(boutonabs.png) no-repeat top; width:150px; height:100px; display:block;float:left;   }
.abstention a:hover{ background:url(boutonabs-o.png) no-repeat top; 	}
/*video corner  */

.upperleft{

	width : 90%;
	display:block; clear:both;
	margin-left : auto;
	margin-right : auto;
	background-color : #F6F1E9;
	background-image : url('images/bvideo/corner-topleft.png');
	background-repeat : no-repeat;
	background-position : top left;
    margin-top:0px;
}

.upperright{

	background-image : url('images/bvideo/corner-topright.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('images/bvideo/corner-bottomleft.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright {
	background-image : url('images/bvideo/corner-bottomright.png');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3% 3% 3% 3%;
}


.selectseq { width: 200px; float:left; border:1px solid #99CC00; margin-left:5px;margin-right:20px;  }.selectseq { width: 200px; float:left; border:1px solid #99CC00; margin-left:5px;margin-right:20px;  }

/* forms  */

fieldset{
	border:1px solid #A2C818;
}

.article h2.news
{
	background:url(picto-news.gif) no-repeat left center #FFFFFF;
	padding-left:35px;
	clear:both;
}
.article .input {
	border:1px solid #000000;
	display:inline;
	float:left;
	text-align:left;
	width:100px;
}

#flashobject
{
	/*background:url(bgflash.png) no-repeat top; */
	padding-top:5px;
	text-align:center; 
	margin:0 auto ;
	text-align:center; 
	margin-left:38px; 
}
.contre a {
	background:transparent url(boutoncontre.png) no-repeat scroll center top;
	display:block;
	float:left;
	height:100px;
	margin-right:10px;
	width:150px;
}
.pour a {
	background:transparent url(boutonpour.png) no-repeat scroll center top;
	display:block;
	float:left;
	height:100px;
	margin-right:10px;
	width:150px;
}
.abstention a {
	background:transparent url(boutonabs.png) no-repeat scroll center top;
	display:block;
	float:left;
	height:100px;
	margin-right:10px;
	width:150px;
}




/*style des annuaires  */

a.lienid 
{
	color: #0070A9; 
	font-size:14px; 
	font-weight:bold; 
	text-decoration:none; 
	background:
}
.contentid  
{
	color: #666666;  
	font-size:12px; 
	float:left; width:270px; 
	margin-top:5px; 
	margin-left:15px; 
	font-weight:normal;  
	text-decoration:none; 
}
.container-liste 
{
	width:100%; background:url(picto/repeatr.jpg) repeat-x top; 
}

.tel{background:url(picto/telephone.png) no-repeat left top; }
.portable {background:url(picto/icon_call.gif) no-repeat left top; }
.profession{background:url(picto/user.png) no-repeat left top; }
.statut{background:url(picto/tick.png) no-repeat left top; }
.caisse {background:url(picto/caisse.png) no-repeat left top;  }
.email {background:url(picto/email.png) no-repeat left top; }

.tel, .portable, .profession,.statut, .caisse , .email 
{
	padding:2px; border-bottom:1px dotted #DDDDDD;
	padding-left:20px; 
	margin:3px; 
}

a.thickbox {background:url(picto/plus.png) no-repeat left top;font-size:13px;  padding-left:25px; height:22px; padding-top:4px;  color:#A2C818;  } 

.logo_auteur
{
	width:100px; 
	height:100px; 
	float:right; 
}
.identite
	{
	display:block; clear:both; 
	float:left; 
	width:505px; 
	border-top:1px solid #DDDDDD;
	}


#login fiedset , #login input,
 #inscription fiedset ,
 #inscription input,
 .form_logged  fiedset , 
 .form_logged * input
	{
	
	background:#F0F7F4;
	border:0px;
	float:right; 
	}
#login , #inscription , .form_logged
	{
	width:400px; 
	margin:0 auto; 
	
	}
	
 .form_logged p, #login  p, #inscription  p
	{
	display:block; clear:both; 
	margin:5px;
	padding:5px;
	
	}
	
	
#login label, #inscription label, #login legend, #inscription legend ,  .form_logged legend, .form_logged * label
	{
	
	float:left; 
	border:0px;
	color: #3399CC; 
	font-weight:bold; 
	font-size:12px; 
	
	}

#login  .spip_bouton input, #inscription  .spip_bouton input, 
.form_logged  .spip_bouton input /*[type~=text checkbox radio submit button]*/

	{
	margin:5px;
	background:#99CC00;
	border:0px;
	color:white; 
	float:right; 
	display:block; clear:both; 
	font-weight:bold; 
	}



.reco_div { float:left; width:400px; border-top:1px solid #DDD; display:block; clear:both; font-size:14px;  margin:10px; padding:10px; margin-left:0;  }
a.reco_link{ background:url(picto/user_comment.png) no-repeat left !important;text-decoration:none;  padding-left:20px;  font-size:14px; font-weight:bold; color: #0074AD;  }

.array_recamis { 
	margin-left:15px;   }
	 
.array_recamis input{ 
	margin:5px;
	background:#99CC00;
	border:0px;
	color:white; 
	float:right; 
	display:block; clear:both; 
	font-weight:bold; } 
	 
	 
	 #placearticle
	 {
	   width:100%;
	 }
	 .chapo .spip
	 {
	   width:100%;
   }
 
 .allComments
 {
 	clear:both;
 }
 
a.session:hover {
color:#41868D;
text-decoration:none;
}
a.session {
	text-decoration:none;
	color:#336A71;
	float:left;
	margin-left:0px;
	padding:5px 5px 5px 5px;
}
	 
#hierarchie {
	border-bottom:1px dotted #CCCCCC;
	clear:both;
	color:#0074AD;
	display:block;
	font-family:Arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	line-height:normal;
	padding-bottom:5px;
	width:700px;
	padding:0 0 32px 0;
}
#hierarchie a
{
	color:#41868D;	
}
#hierarchie a:hover
{	
	color:#4D9EC5;
}
.footer {
	background:#41868D none repeat scroll 0%;
}