/* 
darkcolor : #002063
bg-light  : #ccccff

menu on   : #CC3300
overlink  : #990000

text en évidence: #7FFFD4
*/

/*********************************************/
/* positionning ******************************/
/*********************************************/
/* Main positionning in teh center of the page */
#wholepage{
	width: 780px;
	margin: 5px auto; /* Right and left margin widths set to "auto" */
	text-align: left; /* Counteract to IE5/Win Hack */
	padding: 0px;
	background-color: #FFFFFF;
	color: #000000;
}
#pub468-60{
	float: right;
	width: 470px;
	height: 61px;
	border: none;
	margin-left: 5px;	
}
#pubRight{
	float: left;
	width: 160px;
	height: auto;
	margin: 0px 5px 5px 1px;	
}
.header{
	float: left;
	width: 770px;
	margin: 5px 0px;
}
#login_container{
	width: 100%;
	height: 20px;
	background: #F5DEB3;
	color: #002063;
}
#loginHeader{
	float: right;
	margin-right: 10px;
}
#loginHeader a{
	text-decoration: underline;
}
.userlogged {
	color: black;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
}

.pagewide{
	display: block;
	float: left;
	width: 770px;
	background: #ccccff;
	text-align: center;
}
#logo{
	float:left;
}


div#footer{
	float: left;
	width: 850px;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;	
	text-align: center;
	color: black;
}
div#footer a{
	color: #002063;
	background-color:#FFFFFF;
	text-decoration: none;
}
div#footer a:hover{
	text-decoration: underline;
}
div.footer-item{
	float: left;
	margin-top: 20px;
	width: 100%;
}
div.footer-item#copyright{
	font-size: smaller;
}

div.hidden{
	visibility:hidden;
}

/* new structure */
.center_container{width: 495px;margin-left:5px;margin-right:5px;}
.center_container_large{width: 495px;margin-left:5px;margin-right:5px;}
.left_container{width:140px;margin-left:5px;margin-right:5px;}
.right_container{width: 160px;margin-left:5px;margin-right:5px;}

.center_item , .left_item , .right_item{
	width: 100%;
	float: left;
	border: 1px solid #002063;
	margin-bottom: 5px;
}
.center_item_header , .left_item_header , .right_item_header {
	float: left;
	width: 100%;
	height: 20px;
	background-color: #002063;
}
.center_item_header h2 , .left_item_header h2 , .right_item_header h2{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 3px;
	margin-top: 1px;
}
.center_item_body , .left_item_body , .right_item_body{
	color: black;
	margin-left: 3px;
	margin-top: 1px;
}
.center_item_header .option , .left_item_header .option , .right_item_header .option {
	float: left;
	margin-left: 3px;
}
/*.center_item_header .option a , .left_item_header .option a , .right_item_header .option a{
	color:red;
}*/

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/* / end new structure */




/*********************************************/
/* generals **********************************/
/*********************************************/
BODY {
	margin: 0px;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica;
	background-color: #FFFFFF;
	color: #000000; 
	margin:0px 0px; 
	padding:0px;
	text-align:center;
	/*Ascenseurs*/
	/*
	SCROLLBAR-FACE-COLOR: #002063; //fond fleche
	SCROLLBAR-HIGHLIGHT-COLOR: #002063; //couleur ombre fleche
	SCROLLBAR-SHADOW-COLOR: #ffffff; //couleur fleche
	SCROLLBAR-ARROW-COLOR: #ffffff; //relief fleche
	SCROLLBAR-3DLIGHT-COLOR: #002063; //fond ascenceur
	SCROLLBAR-TRACK-COLOR: #E6CCFF;//#FFFFCC; //cadre fleche
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	*/
}
table,forms{
	float: left;
}
ul{
	list-style:none;
	clear: left;
}
ul.galerieslist ,  ul.storieslist{
	list-style-type: square;
}
ul.categories{
	float: left;
	display: block;
}
ul.subcategories{
	list-style-type: circle;
}
li.galeries {
	list-style-type:none;
	/*list-style-image:url(../images/spacer.gif);*/
	/*display: none;*/
	float: left;
	width:134px;height: 160px;
	vertical-align: middle;
	margin: 2px 2px;
	padding: 3px 3px;
	text-align: center;
	border: 1px solid #002063;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
li.thumbsBy3 {
	list-style-type:none;
	float: left;
	width:134px;
	height:115px;
	vertical-align: middle;
	margin: 2px 2px;
	padding: 3px 3px;
	text-align: center;
	/*border: 1px solid #002063;*/
	text-decoration: none;
	color: #000000;
	background: #000000;
}
div.form_error_message {
	color: red;
}
.default-dark-color, .w_on_b_button, input,select, input.classin, a.footer-type:link,hr{
	/*dark blue*/
	background: #002063;
	border-color: #002063;
	color: #002063;
}

hr{
	width: 80%;
	height: 1px;
}
.small_blue{
	font-family: Arial, Helvetica, sans-serif;
	color: #002063;
}
.main-background, input, input.classin, select, textarea{
	background: #ccccff;
}
td, p,form, select		{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
}
input{
	width: 200px;
	border-width: 1px;
	border-style: solid;
}
input[type="checkbox"]{
	width: 13px;
}
input[type="radio"]{
	width: 13px;
}	
select{
	width: 155px;
}
#radio{
	width: 20px;
	border-width: 0px;
	background-color: #FFFFFF;
}

/*********************************************/
/* Adverts ***********************************/
/*********************************************/
fieldset{
	clear: left;
}
#advertNav a{
	text-decoration: underline;
}
.advertCatContainer{
	margin: 10px 10px 10px 10px;
}
.advertCatItem{
	width: 100%;
}
.advertCatItem a{
	font-weight: bold;
}
.advertSubCatContainer{
	margin: 0px 0px 0px 10px;
}
.advertSubCatContainer a{
	font-weight: normal;
}
.advertContainer{
	margin: 10px 0px 20px 0px;
}
#advertTitle{
	font-size: 18px;
	color: #002063;
}
#advertText{
	font-size: 13px;
	color: black;
}
div.pictures_central_search , div.advert_central_search , div.stories_central_search , div.calendar_central_search {
	clear: left;
	text-align:center;
	padding:12px 12px 12px 12px;
	border-top:1px solid #a8d4fb;
	border-bottom:1px solid #a8d4fb;
	background-color:#a8d4fb;
	background: #a8d4fb url(../images/css/search_bg.gif); 
	background-position: top left; 
	background-repeat: repeat-x
}
div.advert_central_search #query , div.stories_central_search #query{
	width: 180px;
}
div.calendar_central_search #calendar_search_query {
	width: 150px;
	size: 150px;
}
div.advert_central_search #catid {
	width: 150px;
}
div.stories_left_search , div.pictures_left_search{
	clear: left;
	text-align:left;
	/*padding:12px 12px 12px 12px;*/
	border-top:1px solid #a8d4fb;
	border-bottom:1px solid #a8d4fb;
	background-color:#a8d4fb;
	background: #a8d4fb url(../images/css/search_bg.gif); 
	background-position: top left; 
	background-repeat: repeat-x
}
div.stories_left_search #stories_search_query_left , div.pictures_left_search #pictures_search_query_left{
	width: 100px;
	size: 100px;
}

/*********************************************/
/* Chat **************************************/
/*********************************************/
/*.chattext {
	color: #000000; font-family: Verdana, Helvetica, Arial; font-weight: bold; font-size: 12px}
*/

/* links */
/* ------------------------------- */
a:link					{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;
	color: #002063;
	text-decoration: none;
}
a:active				{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	color: #002063; 
	text-decoration: none;
}
a:visited				{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	color: #002063; 
	text-decoration: none;
}
a:hover					{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;
	color: #990000;
	text-decoration: underline; 
}

a.googlelike:link,a.googlelike:visited{
	text-decoration: underline;
	color: #00c;
}
.text_story,.keyword_story{
	font-size: 14px;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.keyword_story{
	background-color: #7FFFD4;
}
.titel1{
	font-weight: bold;
	font-size: 15px;
	color: #002063;
}
.exclamation{
	font-weight: bold;
	font-size: 15px;
	color: #002063;
	text-align: center;
}
.txtauthor{
	font-size: 15px;
	color: #002063;
}


#div_content {
	width: 100%;
	height: 700px;
	overflow: auto;
}

/*********************************************/
/* menus & sub-menus *************************/
/*********************************************/
/* menus *************************************/
#menu_container{
	width: 150px;	
	text-align: left;
	clear: left;
	margin: 0px 0px 0px 0px;
	border: 1px dotted BLACK;
}
div#mainMenu ul , div#subMenu ul{
	display: inline;
	clear: left;
	margin: 0px 0px 0px 0px;
}
div#mainMenu ul li{
	margin: 0px 0px 10px 0px;
	display: block;
	clear: left;
}

a.menu_off {
	color: #002063;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
}
a.menu_off:hover {
	color: #990000;
	text-decoration: underline;
}

a.menu_on {
  	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
	color: #CC3300;
	background-color: #FFFFFF;
	text-decoration: none;
}
a.menu_on:hover {
	text-decoration: underline;
}


/* sub-menus ********************************/
a.submenu_off{
	text-decoration: none;
}
a.submenu_on{
	text-decoration: underline;
}



.headContainer		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF; /*background: #002063;*/
	font-weight: bold; 
}

/* ------------------------------- */
/* forms */
/* ------------------------------- */
.w_on_b_button	{
	border-style: none;
	color: White;
	font-weight: bold;
	font-size: 12px;
	width: 100px;
}
div.page_name_auto_complete {
	width: 100px;
	background: #fff;
	display: inline;
	text-align: left;
}

div.page_name_auto_complete ul {
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

div.page_name_auto_complete ul li {
	margin: 0;
	padding: 3px;
}

div.page_name_auto_complete ul li.selected { 
	background-color: #ffb; 
}

div.page_name_auto_complete ul strong.highlight { 
	color: #800; 
	margin: 0;
	padding: 0;
}

div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
	  text-align: left;
}
div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
      cursor:pointer;
}
div.thmalone{
	text-align: center;
	margin: 10px 0px 10px 0px;
}
/*div#languages_container{
	float: left;
    position:relative;
}
div#languages_container ul{
	position:relative;clear: left;
	float: left;
	display: inline;
}
div#languages_container ul li{
	display: inline;
	margin: 0px 2px 0x 2px;
}
*/
div.pagenav{
	text-align: center;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
div.pagenav a{
/* 
darkcolor : #002063
bg-light  : #ccccff
*/
	display: block;
	float: left;
	text-decoration: none;
	font: bold 114% arial;
	color: #002063;
	border: 1px solid #002063;
	padding: 2px 7px;
	background-color: #ccccff;
	margin: 0 2px 0 0;
}
div.pagenav a:hover {
	background-color: #FFF5B5;
	color: black;
	font: bold 114% arial;
	text-decoration: none;
}
div.pagenav a.selected{
	font-weight: bold;
	color: #ccccff;
	background-color: #002063;
}
div.pagenav span.dots {
	display: block;
	float: left;
	color: #002063;
	font: bold 136% verdana;
	margin: 0 4px 0 2px;
}
#result_info_row{
	display: block;
	margin: 4px 0px 1px opx;
	width: 100%;
	background: #ccccff;
	color: black;
	border-top: 1px solid #002063;
}