img.news_image {
float: left;
margin-bottom: 5px;
margin-right: 10px; 
margin-top: 10px;
border: 1px solid #a1a0a0;
background-color: #fdfae7; 
padding 7px;
}

#blog {
font-size:14px;
}

.edit_a{
position:absolute;
margin-left:-25px;
}
.smallButton {
margin:5px;
letter-spacing:2px;
}

#lang {
display: block; position: absolute; top: 10px; right: 200px; height: 50px; width: 100px;
}

.lang {
display: block; 
float:right;
width: 85px;
text-align:right;
padding-top:5px;
font-size:12px;
}

.note_wrapper {
float:right;
clear:right;
width: 199px;
display:block;
margin-left:10px;
text-align:left;
}

.note_top {
background:url(images/noticetop.jpg) top center no-repeat;
width:199px;
height:95px;
display:block;
line-height:140px;
text-indent: 20px;
_padding-top: 45px;
}

.note_text {
text-indent: 20px;
padding-left:20px;
padding-right:25px;
}

.note_mid {
background-image: url(images/noticemid.jpg); 
width: 199px;
}

.note_bottom {
background-image: url(images/noticedown.jpg); 
width: 199px;
height: 64px;
display:block;
text-align:center;
color:#C82C2A;
line-height:64px;
}





.map {
clear:right;
float:right;
width:190px;
margin-left:7px;
font-size:9px;
text-align:center;
}

#zoomimages {
display:block;
}

.txt_holder {
margin-top:10px;
display:block;
width:300px;
float:right;
}

.news_holder {
 margin-bottom: 5px; margin-right: 10px; margin-top: 7px; border: 0px solid #a1a0a0; padding 6px;
}

.news_holder h5 {
color: #bd0f0d;
line-height:12px;
font-weight: normal;
font-size: 12px;
text-decoration: none;
margin: 0 0 0 0;
padding: 0;
}


.img_holder {
width:192px;
margin-right:15px;
text-align: center;
float: left;
}

.img_holder a img {
pedding: 0px 0px 0px 0px; 
margin: 6px 0px 0px 0px; 
}


/* @group Comments */

#comments {
	margin: 20px 3px;
	padding: 20px 0 0;
}

.comment {
	display: block;
	width: 418px;
	margin: 5px 0px 0;
	padding-top: 5px;
	float: right;
	background: url(../images/dsgn/CommentBalloon.gif) no-repeat -419px 0;
}

.comment.odd { float: left }

.comment .text {
	color: #57390d;
	background: #fefcca;
	border: 1px solid #e5e5e5;
	border-width: 0 1px;
	margin: 0;
	padding: 1px 1px 0;
}

.comment .text p { margin: 2px 10px 10px; font-size:10px; }

.comment p.metadata {
	text-align: center;
	background: url(../images/dsgn/CommentBalloon.gif) no-repeat -838px 100%;
	margin: 0 -2px;
padding: 2px; 15px 6px;

}

.comment .metadata, .comment .metadata a { color: #aa701b; border: none }
.comment .metadata a:hover { text-decoration: underline }

.author {
	float: right;
	padding: 2px 12px 2px 32px;
	margin: -2px 0 0;
	background: url(../images/dsgn/CommentBalloon.gif) no-repeat;
}

.odd .author {
	float: left;
	background-position: 100% 0;
	padding: 2px 22px 2px 12px;
}

.author, .author a {
	color: #434343;
	border-style: none;
}

.author img {
	vertical-align: middle;
	padding: 3px 0 3px 3px;
}

.odd .author img { padding: 0 3px 0 0 }

.awaitmod { font-weight: bold }




/* @end */



.guestbook a {
font-size:16px;
color: #EA0000;
margin-left:35px;
}


a:link, a:visited{
	color: #FA4E02;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 0px dotted #FA4E02;
	
}

.promotion {
display: none;
}

.promotion a {
display: none;
}



.buttonleft { 
background-image: url('../images/buttonleft.jpg');
height: 20px;
width: 12px;float:left;
}

.buttonright { 
background-image: url('../images/buttonright.jpg');
width: 10px;
height: 20px;
}

.buttonmid { 
background-image: url('../images/buttonmid.jpg');
background-repeat: repeat-x;
float:left;
height: 20px;
width:20px;
text-align:center;
color: #FFFFFF;
padding-right: 0px;
padding-left: 0px;
}



.button a {
font-size: 12px;
 text-decoration: none;
border-bottom: 0px;
  color: #FFFFFF;
}

.button a:hover {
 text-decoration: none;
color: #652266;

}


#music {
background-image: url('../images/music.jpg');
 display: block;
 position: absolute; 
top: 220px;
 left: 480px; 
width: 84px;
 height: 68px;
}

#ball {
background-image: url('../images/ball.jpg'); display: block; position: absolute; top: 192px; right: 130px;  width: 94px; height: 93px;
}

#ganteli2 {
background-image: url('../images/ganteli2.jpg'); display: block; position: absolute; top: 306px; right: 295px; ; width: 92px; height: 50px; 
}

#ganteli {
background-image: url('../images/ganteli.jpg'); display: block; position: absolute; top: 326px; right: 185px;  width: 70px; height: 46px
}


#sumka1 {
background-image: url('../images/sumka1.jpg'); display: block; position: absolute; top: 249px; left: 685px;  width: 120px; height: 88px}

#sumka2 {
background-image: url('../images/sumka2.jpg'); display: block; position: absolute; top: 265px; left: 655px;  width: 142px; height: 121px}

#telek { 
background-image: url('../images/tv.jpg'); display: block; position: absolute; top: 80px; left: 605px;  width: 188px; height: 149px}

hr {
color: #fffbef;
border-bottom: 1px dotted #aa9;
height: 1px;
line-height: 1px;
font-size: 1px;
}

.hrline {
margin-bottom:5px;
display:block;
width: 500px;
color: #fffbef;
border-bottom: 1px dotted #aa9;
height: 1px;
line-height: 1px;
font-size: 1px;
clear:both;
}

#webbycontent {
         font-size: 12px;

	text-align: left;
	width: 260px;
	list-style-type: none;
	/*border-top: solid 1px #b9a894;*/
	
margin: 0px 5px 0px 10px;
pedding: 0;
	
}


#webbycontent h5 {
font-weight: normal;
font-size: 12px;
text-decoration: none;
margin: 0 0 0 0;
pedding: 0;
}

#webbycontent a {
    text-indent: 5px;
    display:block;
    text-decoration: none;
    outline: none;
    border-bottom: solid 1px #ccc;
    line-height: 26px;
    text-decoration: none;
color: #FA4E02;
    outline: none;

margin: 0 0 0 0;
pedding: 0;
}

.stretcher2 {
margin-left: 10px;
}

#webbycontent p {
margin: 10px 10px 10px 10px;
}

#webbycontent a:hover {
/*color: #539dbc;*/
display: block;
color: #F0EFE6;
background-color: #c24e00	}


#rssThumbFloat {
DISPLAY: block;
FLOAT: left;
TEXT-ALIGN: left;
TEXT-DECORATION: none
}

.contentbody img.rssThumb {
border:1px solid;
margin:7px 4px 0;
padding:3px;
}

.hidden{
	display: none;
}
/*Centrons maintenant les images et le texte, si besoin*/
.centerize{
	text-align: center;
}
/*Le gros de la troope maintenant*/
body{
	color: #383838;
	font-size: 12px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	background-color: #e8e4b5;
	background-image: url('../images/fond_tlsa.jpg');
	background-repeat: repeat-x;
	margin: 0px;
	text-align:center; margin-bottom:0px
}

#clock {
	background-image: url('../images/clock.jpg');
	display: block;
	position: absolute;
	top: 70px;
	left: 320px;
	height: 80px;
	width: 80px;
	z-index: 0
	}
	


.post-fecha {
	display: block;
	position: relative;
	padding-right: 5px;
	margin-left: 5px;
	text-align: right;
	width: 75px;

	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #999999;
}

.post-post {
	display: block;
	position: relative;
	border-left: 1px solid #CCC;
         padding-bottom: 20px;
	padding-left: 20px;
	margin-left: 5px;
	width: 370px;

	float: left;

	text-align: left;
}

.post-post IMG {
	PADDING-RIGHT: 10px; PADDING-TOP: 10px; float:left;
}

#wrapper {
position: relative;
	width: 809px;
	margin-top: 0px;
	margin: auto;
	background-color: #fffcef;
}

#header{
	position: relative;
	width: 809px;
	height: 399px;
	margin: auto;
	hqpcbackground: url('../images/entete.jpg') no-repeat;
}
#container{
	width: 96%;
	float: left;
	margin-right: -260px;
}
#content{
	margin-right: 200px;
	padding: none;
}
#sidebar{
	width: 220px;
	float: right;
	padding: 0px 0;
	text-align: left;
	margin-right: 5px;
}
#sidebar a:link, #sidebar a:visited{
	color: #FA4E02;
	text-decoration: none;
	border-bottom:none;
	}
#sidebar a:hover, #sidebar a:active{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #FA4E02;
	}	
#footer{
	width: 809px;
	margin: auto;
	background-image: url('url(../images/basdepage.jpg');
}
#credits{
	font-size: 11px;
	/*margin-right: 20px;*/
	text-align: center;
	padding-top: 20px;
	color: #000;
	padding-bottom: 20px;
}

#credits p{
margin:0px;
padding:0px;
}
#credits a:link, #credits a:visited{
	color: #FA4E02;
	font-weight:bold;
	border-bottom: 1px dotted #FA4E02;
}
#credits a:hover, #credits a:active{
	color: #000;
	font-weight:bold;
	text-decoration:none;
	
}
.clearing, .clear {
	clear: both;
}
#header h1{
	position: absolute;
	top: 15px;
	left: 126px;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
}
#navigation{
	font-size: 12px;
	width: 694px;
	height: 22px;
	position: absolute;
	top: 0px;
	left: 10px;
}
#navigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#navigation li{
	background: none;
}
h1{
	color: #bd0f0d;
	margin: 0 0 3px 0;
	font-size: 22px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
}
h2{
	color: #FA4E02;
	margin: 0 0 3px 0;
	font-size: 16px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
}
h3{
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	color: #9f9f9f;
	margin: 0 0 8px 0;
	font-size: 16px;
}
h4{
color: #FA4E02;
	font-size: 11px;
}
.contentdiv{
	margin: 0 15px 0 10px;
}
.sidebardiv{
	margin: 0 22px 0 15px;
}
/*Paramйtrages des images*/
.contentbody img{

	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 5px;
         margin-left: 5px;
	border: 1px solid #a1a0a0;
	padding: 5px;
}
.c_commentbody{
	background: url('../images/fondcomment.jpg') no-repeat bottom;
	padding-bottom:70px;
	color:#aeadad
}
.c_userlink{/*lien pour l'auteur  commentaire*/
	margin: 0 0 0 0;
}
.c_commentinfo{
	font-size: 11px;
	font-weight:bold;
	/*height: 62px;*/
	color:#000;
	/*padding-left: 50px;
	padding-top :20px;
	/*background: url(../images/datecomment1.jpg) left no-repeat;*/
}
.contentbody{
	margin: 0;
	padding: 0 0 30px 43px;
	text-align: justify;
}
.sidebarbody{
	margin: 0 0 20px 0;
	padding: 0;
}
.sidebarin{
	padding: 0;
	margin: 0;
}
.archiveliste{ border-top : 1px #CAC7AB solid;
/*border-right : 1px #CAC7AB solid;
border-bottom : 1px #CAC7AB solid;*/
border-left : 20px #CAC7AB solid;
width: 300px;
padding :5px;
margin: 35px;
}
.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .divmemberinfo .contentbody,
.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody{
	/*Rien ici pour le moment*/
}
.divcommentsmade .contentbody{
	background: url('../images/01_quote1.gif') no-repeat 0 3px;
}
.divcommentsmade .id1{
	/*rien ici*/
}
.itemdetails{
	text-align: right;
	background: url('images/01_hdot.gif') repeat-x top;; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}
.item1{
	background: url('images/01_item1.gif') no-repeat 0 1px;; margin-left:12px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:13px; padding-right:0; padding-top:0; padding-bottom:0
}
.item2{
	background: url('images/01_item2.gif') no-repeat 0 3px;; margin-left:12px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:13px; padding-right:0; padding-top:0; padding-bottom:0
}
.item3{
	padding:  0 5px 0 15px;
	margin: 0 0 0 12px;
}
.about h3{
	height: 60px;
	text-indent: -9999px;
	background: url('images/01_s_about.gif') no-repeat;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px
}
.connexion h3{
	height: 28px;
	text-indent: -9999px;
	background: url('images/bouton_connexion.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px
}

#menutitle {
font-size: 20px;
color: #c82c2a;
	height: 40px;
	display:block;
	text-indent: 40px;
	padding-top: 0px;
    background-image: url('../images/logomenu.jpg');
	background-position:  left bottom !important;
	background-repeat: no-repeat !important;
}
.contact h3{
	height: 60px;
	text-indent: -9999px;
	background: url('../images/bouton_contact.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px
}
.annonce h3{
	height: 60px;
	text-indent: -9999px;
	background: url('../images/bouton_evenement.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px
}
.rechercher h3{
	height: 49px;
	text-indent: -9999px;
	background: url('../images/bouton_rechercher.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px
}
.liens h3{
	height: 49px;
	text-indent: -9999px;
	background: url('../images/bouton_liens.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px
}
h2.comments{
	background: url('images/article_complet.jpg') no-repeat;
	margin-left: 33px;
	height: 89px
}
h2.alaune{
	background: url('../images/alaune.jpg') no-repeat;
	margin-left: 33px;
	height: 89px
}
h2.commentsmade{
	margin-left: 33px;
   background: url('../images/bouton_dernier_comment.jpg') no-repeat;
	height: 89px
}
h2.addcomment{
	margin-left: 33px;
   background: url('../images/bouton_ajout_comment.jpg') no-repeat;
	height: 89px
}
h2.archives{
	margin-left: 33px;
	background: url('images/bouton_archives.jpg') no-repeat;
	height:89px
}
h2.error{
	margin-left: 43px;
	height: 28px;
	background: url('../images/bouton_erreur.jpg') no-repeat;
}
h2.member{
	margin-left: 43px;
	height: 89px;
	background: url('../images/bouton_contact.jpg') no-repeat;
}
h2.sendmessage{
	margin-left: 43px;
	height: 89px;
	background: url('../images/bouton_envoi_message.jpg') no-repeat;
}
h2.searchpage{
	margin-left: 43px;
	height: 60px;
	background: url('../images/01_m_search.gif') no-repeat;
}
form{
	margin: 0;
	text-align: left;
}
.formfield{
	width: 130px;
	font-size: 11px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	margin: 0 0 2px 0;
	color: #000;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
}
.formfield:focus{
	border: 1px solid black;
}
.formbutton{
	font-size: 11px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	margin: 1px 0 0 0;
	padding: 1px 10px;
	color: #494949;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
}
textarea{
	overflow: hidden;
}
.commentform .formfield, .mailform .formfield{
	width: 441px;
	background-image: url('images/logomenu.jpg');
	
}
.commentform textarea{
	background: white url('images/01_txbg.jpg') no-repeat center;
}
.divaddcomment form, .divsendmessage form{
	width: 483px;
	background: #E2E3E0;
}
.commentform, .mailform{
	padding: 10px 20px;
}
.login form, .search form{
	width: 184px;
	background: #E2E3E0;
}
.loginform, .searchform{
	padding: 10px;
}
ul{
	list-style: none;
	padding: 0px;
	margin: 10px;
}


ul.nobullets li {
margin-bottom:3px;
}

li{
background: url('../images/01_arrow.gif') no-repeat 0 6px; 
margin-left:0; 
margin-right:0; 
margin-top:0; 
margin-bottom:10px; 
padding-left:9px; 
padding-right:0; 
padding-top:0; 
padding-bottom:0
}
.highlight{
	font-weight: bold;
	text-decoration: none;
}
div.error{
	color: red;
	font-weight: bold;
}
.fClear {
	clear: both;
}




.pdf, .doc, .unknown, .ppt, .zip, .rar, .avi, .mpeg, .mpg, .wmv, .jpg  {
margin-left:30px;
text-align:left;
float:left;
width:160px;
padding-left:50px;
height:42px;
padding-top:10px;
font-size:12px;
line-height:13px;
}

.jpg  {
background:url(../images/dsgn/icon_jpg.jpg) no-repeat ;
}

.avi, .mpeg, .mpg, .wmv {
background:url(../images/dsgn/icon_avi.jpg) no-repeat ;
}

.zip, .rar {
background:url(../images/dsgn/icon_zip.jpg) no-repeat ;
}

.unknown {
background:url(../images/dsgn/icon_txt.jpg) no-repeat ;
}

.pdf {
background:url(../images/dsgn/icon_pdf.jpg) no-repeat ;
}

.doc {
background:url(../images/dsgn/icon_doc.jpg) no-repeat ;
}


.zemThanks {
text-align:center;
color:#028A7C;
margin:20px;
font-size:16px;
}

ul.zemError li {
color:#C82C2A;
font-size:14px;
		}

p.info label{
	float:left;
	width:141px;
	text-align:right;
	margin-right:10px;
	margin-left:-58px;
	margin-top:-1px;
	font:13px/15px "Trebuchet MS",trebuchet,sans-serif;
	position:relative;
	display:inline;

}

input.zemText{
	position:relative;
	margin:-3px 0 -5px;
	width:170px;
	height:20px;
	padding:0;
	border:1px solid #A4AEB4;
	font:12px/22px "Trebuchet MS",trebuchet,sans-serif;
	color:#a1a1a1;
clear:right;
}

p.info {
margin-top:20px;
margin-bottom:20px;
}

.zemContactForm {
margin-left:50px;
}



	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
                        text-align:left;
		}

.ajaxSubmit{ 
padding:20px; 
background:#55ea55;border:1px solid #999;display:none
}

.formError .formErrorContent {
				width:100%; 
				background:#fa4e02;
				color:#fff;
				width:200px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}

.greenPopup .formErrorContent {background:#33be40;}
			
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
.formError .formErrorArrow{
position:absolute;
bottom:0;left:20px;
width:15px; height:15px;
z-index:5001;
}

.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
.formError .formErrorArrow div{
border-left:2px solid #ddd;
border-right:2px solid #ddd;
box-shadow: 0px 2px 3px #444;
-moz-box-shadow: 0px 2px 3px #444;
-webkit-box-shadow: 0px 2px 3px #444;
font-size:0px; height:1px; background:#fa4e02;margin:0 auto;line-height:0px; font-size:0px; display:block;
}

.formError .formErrorArrowBottom div{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}