/* CSS Hidekisam */

/* BALISE STANDARD ------------- */

div {  /*border-style:solid; border-color:#00FFCC; border-width:1px;*/ }

html { height:100%; }

body { height:100%; background-image:url(images/bgbody.png); background-color:#5670a1; background-repeat:repeat-x; margin:10px 0px 0px 0px;}

a { color:#819D26; text-decoration:none;}

a:hover { text-decoration:underline;}

hr { height:3px; background-color:#e7e7e7; border:0px; }

h4 { line-height:10px; }

h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#121A28; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#99CC00;}

/* STRUCTURE */

#nav { 
	position:relative; 
	width:840px; 
	height:36px;
	background-image:url(images/bgnav.png);
	margin-right:auto;
	margin-left:auto;
}
#nav ul { 
	position:relative;
	width:500px;
	height:100%;
	list-style:none; 
	padding:0px 0px 0px 0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left; 
}
#nav ul a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
#nav li { 
	width:100px;
	height:31px;
	color:#FFFFFF;
	font-family:"Arial Narrow";
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:27px;
	float:left;
	margin:5px 0px 0px 0px;
	background-image:url(images/middlebar.png);
	background-repeat:no-repeat;
	background-position:right;
}
#nav li:hover { 
	width:100px;
	height:31px;
	background-color:#4F6FA7;
	line-height:27px;
	float:left;
	margin-top:5px;
}
#nav div.selecteur {
	position:relative;
	float:left;
	width:340px;
	height:31px;
	font-family:"Arial Narrow";
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:38px;
	color:#FFFFFF;
}
#nav div.selecteur select.theme {
	background-color:#FFF;
	border:0px;
}
#nav div.selecteur input.bouton {
	background-color:#FFF;
	border:0px;
}
#ban {
	position:relative;
	width:840px;
	height:136px;
	background-image:url(images/banniere.png);
	margin-left:auto;
	margin-right:auto;
}
#container {
	position:relative;
	width:840px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	color:#1D2D45;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:135%;
	text-align:justify;
}
#content {
	position:relative;
	width:590px;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	float:left;
	overflow:hidden;
}
#menu {
	position:relative;
	width:230px;
	height:100%;
	background-color:#EEF6FF;
	background-image:url(images/col-divider.png);
	background-repeat:repeat-y;
	background-position:left;
	margin:0px 0px 0px 0px;
	float:right;
	overflow:hidden;
}
#footer {
	position:relative;
	width:840px;
	height:123px;
	background-image:url(images/footer_top.png);
	background-repeat:repeat-x;
	margin-right:auto;
	margin-left:auto;
}
#footer div.droits {
	position:absolute;
	top:52px;
	color:#999999;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	width:100%;
}
#footer_bottom {
	position:relative;
	width:840px;
	height:103px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
}
#footer_bottom div.rss {
	color:#999999;
	font-weight:bold;
	font-size:10px;
}
#footer_bottom div.rss img {
	vertical-align:middle;
	border:0;
}
#footer_left {
	width:22px;
	height:100%;
	background-image:url(images/footer_right.png);
	background-repeat:no-repeat;
	float:left;
}
#footer_middle {
	width:796px;
	height:103px;
	background-image:url(images/footer_bottom.png);
	background-repeat:repeat-x;
	float:left;
}
#footer_right {
	width:22px;
	height:100%;
	background-image:url(images/footer_left.png);
	background-repeat:no-repeat;
	float:left;
}

/* CLASS */

.arrow {
	border:0px;
	vertical-align:middle;
}

/* ACCUEIL ----------------------- */

.block_edito { width:590px; height:auto; float:left; margin-bottom:20px; margin-top:20px;}
.block_news { width:290px; float:left; height:auto; margin-right:10px;}
.block_tribune { position:relative; width:220px; margin-left:auto; margin-right:auto;}
.block_com { width:290px; height:auto; float:left; margin:0px 0px 0px 0px; }
.block_imgjour { position: relative; width:220px; margin-left:auto; margin-right:auto; display:block;}
.spacer { clear: both; height:0px;}

		/* COMMENTAIRES SUR LES PHOTOS PICSENGINE ----------------------- */

span.comphoto {
	text-align:justify;
}
span.comphoto img {
	vertical-align:top;
	width:28px;
	float:left;
	margin-right:3px;
}
.lien_com_photo {
	text-align: right;
}
.auteur_com_photo {
	font-weight:bold;
}
div.top_com {
	height:20px;
	width:290px;
}
div.container_com {
	height:auto; 
}
div.bottom_com {
	text-align:right;
	height:20px;
}

		/* TRIBUNE ----------------------- */

#tribune {
	width:100%;
	min-height:900px;
	height:auto;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:17px;
	padding-bottom:3px;
	/*padding-left:2px;*/
	z-index:1;
}
#tribuser {
	line-height:12px;
	padding-bottom:5px;
}
#tribune input {
	background-color:#FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color: #606060;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#7E7E7E;
}
.tribune_iden_pair {
	color: #FF6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.tribune_iden_impair {
	color: #EFAE00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.tribune_date {
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	line-height:2;
}
.tribune_time {
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:8px;
}
#tribuneform {
	color: #7E7E7E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:17px;
}
#tribuneform input {
	background-color:#FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color: #606060;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#000000;
}
#zindex {
	position:absolute;
	top:1000px;
	left:100px;
	width:16px;
	height:16px;
	background-image:url(../../js/images/indicator.white.gif);
	z-index:10;
	display:none;
}
#archives {
	position:relative;
	width:820px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
}
/* ARTICLES ----------------------- */

#articles {
	position:relative;
	width:590px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
}
#submenu {
	height:16px;
	background-color:#4F6FA7;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	display:none;
}
#multipage {
	text-align:center;
}
#posts {
	position:relative;
	width:820px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
}
.block_menu_articles { position:relative; width:220px; margin-left:auto; margin-right:auto;}
.block_menu_articles ul { list-style:url(images/icons/arrow.png); line-height:30px;}
.block_bottom_menu { background-image:url(images/bottom_menu.png); height:27px; width:220px; }

/* FAQ -------------------------- */

#faq {
	position:relative;
	width:820px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
}

/* AVATAR ----------------------- */

.avatar {
	float:left;
	margin:0px 2px 0px 0px;
}

/* COMMENTAIRES ----------------------- */

#commentaires {
	position:relative;
	width:820px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
}
#textcomment {
	color:#444444;
}
.td_comment {
	vertical-align:top;
	height:100%;
}

/* LIENS ----------------------- */

#liens {
	position:relative;
	width:820px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
}
#liens div#liens_actif {
	text-align:center;
}
#liens div#liens_actif .titre {
	text-align:left;
	/*line-height:10px;*/
	text-align:justify;
	padding:0px;
	margin:0px;
	width:342px;
	height:100px;
	float:left;
	padding-right:10px;
}
#liens div#liens_actif .banniere {
	height:70px;
	float:left;
	padding-top:40px;
}
#liens div#liens_actif .titresban {
	text-align:left;
	/*line-height:10px;*/
	text-align:justify;
	padding:0px;
	margin:0px;
	padding-right:10px;
}
#liens div#proposerpart {
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
	display:none;
}

/* CONTACTS ----------------------- */

#contacts {
	position:relative;
	width:820px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
}
#contacts div.logocontact {
	width:410px;
	float:left;
	text-align:center;
}
#contacts div.txt {
	width:150px;
	float:left;
	padding-left:130px;
	padding-right:130px;
}

/* GALERIES ----------------------- */

#galeries {
	position:relative;
	background-color:#EFEFEF;
	width:840px;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	text-indent:10px;
}

/* TOP10 ------------------------- */

#top10 {
	position:relative;
	display:none;
	/*opacity:0;*/
	height:auto;
	overflow:hidden;
}