/* commented backslash hides from ie5mac \*/
html{
	height:100%;
	margin:0;
	padding:0
}
/* end hack */

html,body {
	padding:0;
	margin:0;
	background:  url(/assets/images/fond_946x11.jpg) repeat left bottom;
	font-size: 11px;
 	font-family: "Trebuchet MS", verdana, sans-serif;
 }

body{
	text-align:left;
	min-width:777px;/* for mozilla*/
      /*  background: url(/assets/images/fond_page_17x200.jpg);*/
	height:100%;
}

#inscrire div {
background-image: url(/assets/images/inscritpion1.gif);
}


#inscrire div:hover {
background-image: url(/assets/images/inscritpion2.gif)
}

#wrapper {
	_height: 82px;
}
#wipe {
        position:absolute;
	top:90px;
	left:10px;
	width:750px;
	height:150px;
	z-index:190;
	background:  url(/assets/images/wip-sign.gif) no-repeat center;
}
#outer{
	height:99.9%;
        min-height:100%;
	width:771px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
	background:  url(/assets/images/fondfenetre_771x2.jpg) repeat-y left top;
}

/* mac hide \*/
* html #outer{
	width:771px
}
/* end hide*/

html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner{
	width:100%;
	padding-top:143px;/*necessaire pour faire de la place pour le header*/
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:771px;
	height:93px;
	z-index:74;
	background:  url(/assets/images/header_770x93.jpg) no-repeat left top;
}
#pubspace{position: absolute;
          top:18px;
          left: 260px;
}

#ajaxmenu{
	position:absolute;
	top:93px;
	left:0px;
	width:771px;
	height:43px;
	z-index:65;
	background:  url(/assets/images/header_770x43.jpg) no-repeat left top;
}

/* mac hide \*/
* html #outer, * html #header {width:770px}
/* end hide*/
div#ajaxSearch_resultListContainer {width:80%;margin:5px 15px;}
span.ajaxSearch_highlight, span.ajaxSearch_highlight1 {font-weight:bold;} /* color:#618200;text-decoration:underline; */
.ajaxSearch_paging{font-size:150%;text-align:center;display:block;}
#footer {
	color: #000;
	clear:both;
	width:771px;
	height:82px;
	text-align:center;
	left:0px;
	bottom:0px;
	position: relative;
	background:  url(/assets/images/footer_770x82.jpg) no-repeat left top
}

#login {
        width:29px;
        height:82px;
        float:right;
        background: url(/assets/images/login_29x82.jpg) no-repeat right top;
}

#login_over {
	text-align:left;
        width:150px;
        height:73px;
        float: right;
        background: #FFB900;
}

#admin {
        width:20px;
        height:82px;
        float:right;
        background: url(/assets/images/admin_20x82.jpg) no-repeat right top;
}

#admin_over {
	text-align:left;
        width:150px;
        height:73px;
        float: right;
        background: #000000;
}
* html #footer{
	margin-bottom:-1px
}
/* contournement bug IE*/

/* mac hide \*/
* html #footer {
/*only ie gets this style*/
	height:82px;
	/* for ie*/
}
/* end hide*/

div,p  {
	margin-top:0px;
}/*clear top margin for mozilla*/

#right {
	width:161px;
	float:right;
	z-index: 55;
}

#right-inner {
	width: 150px;
	text-align: left;
/*	background-color: #CCC;  MODIFIF  par David !!!!!!!!!!!!!! */
background-color: #EEE;
}

#right-inner h2 {
	font-size: 15px;
}

#left {
	position:relative;/*ie needs this to show float */
	width:590px;
	float:left;
	z-index: 56;
}

#left-inner {
	margin-left: 11px;
	text-align: left;
}

#clearfooter {
	width:100%;
	height:82px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-82px;
} /*safari wrapper */

#contenu {
	z-index: 100;
	padding-bottom: 7px;

}
#contenu .titreimg {
  line-height:40px;height:33px;text-align:center;
  background:  url(/assets/images/Cont_grand.jpg) no-repeat left bottom;
}
#contenu h2 {
	font-size: 12px;
	color: #000;
        margin-left: 15px;
	line-height: 17px;
	_line-height: 14px;/* David : C'est bizarre ça les valeurs sont les mêmes*/

}

#contenu h3 {
	font-size: 12px;
	color: #666;
  /*      margin-left: 15px;
	line-height: 5px;
	_line-height: 2px;*//* David : C'est bizarre ça les valeurs sont les mêmes*/

}
#contenu h4 {
	margin-left: 20px;
	/*
	font-size: 12px;
	color: #666;

	line-height: 5px;
	_line-height: 2px;*//* David : C'est bizarre ça les valeurs sont les mêmes*/

}
#contenu h2 a:link,#contenu h2 a:visited, span.grostitre{ /*David: add #contenu h2 a:visited */
	font-size: 14px;
	color: #333;
        text-decoration: none;
        text-transform: uppercase;
        /*padding-right:30px;
        padding-left:3px;
        background: #ffb900 url(/assets/templates/interfacebourling/images/fondtitre.jpg) top right;*/
}

div.titre {
position:relative;
clear:left;
margin: 0 0 0 10px;

}
div.titre h2 {
padding:3px 10px 1px 10px;
display:inline;margin:0;
background:  url(/assets/images/onglet_jaune.jpg) no-repeat left top;
}

span.dernajout {
font-size:95%;
padding:5px 15px 1px 15px;
      background:  url(/assets/images/onglet_gris.jpg) no-repeat center top;
      color:white;margin:0;
}

span.total{
padding:4px 5px 1px 5px;
  background:  url(/assets/images/onglet_jaune.jpg) no-repeat right top;
color:white;
margin-left:-5px;
}



div.titre h2 a:link{margin:0;}

#contenu p {
        margin-left: 15px;
        margin-right: 15px;
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

#contenu p a {
	color: #618200;
}

#contenu p a:hover {
	background-color: #618200;
	color: #ffffff;
}

/* David add */
div.navibar a, div#ditto_pages a {color:#618200;}
div#ditto_pages a {font-size:150%;}
span.ditto_currentpage {font-size:150%;font-weight:bold;}
div.navibar {margin:15px 0;}


.FSF_searchResults {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

.FSF_resultLink {
	color: #618200;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

.highlight {
	font-size: 12px;
	background-color: #f2f2f2;
	color: #618200;
	font-weight: bold;
	line-height: 18px;
	_line-height: 18px;
}

img {
	border: dotted 0px #444444;
}

#contenu ul li{
	margin-bottom: 0.5em;
	font-size: 110%;
}

.LIn_shortMode {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.LIn_desc {
	display: none;
}

.LIn_date {
	font-style: italic;
	margin-left: 5px;
}

#contenu a:hover
{
    color: #bbb;
}

#admin_over h5
{
       margin-top: -5px;
       margin-left: 5px;;
}

.admincmd {
        margin-top: -5px;
        margin-left: -15px;
        font-style: italic;
        font-size: 10px;
}
.myarticles {
        margin-top: -15px;
        margin-left: 5px;
        font-size: 10px;
}
.illustrart{float: left; width:105px;text-align:center;margin:0px 5px 0px 5px;padding:3px;border:1px solid #ccc;max-width:111px;}

div.navibar{text-align:center;clear:both;}
/* exemple pour les images de la barre de navigation:
a.iconeprec {padding:33px 7px 2px 7px; background: transparent url(//assets/templates/dp_site/images/page_precedente.gif) top left no-repeat;}
a.iconehaut {padding:33px 7px 2px 7px; background: transparent url(//assets/templates/dp_site/images/page_top.gif) top left no-repeat;margin:0 10px;}
a.iconeaccueil {padding:33px 7px 2px 7px;background: transparent url(//assets/templates/dp_site/images/page_accueil.gif) top left no-repeat;}
*/

ul.plan a {text-decoration:none;color:#666;}
ul.plan li {list-style-type:none;}
.imgleft {
float:left;
margin: 3px 3px 0 0;
padding:3px;
border:1px solid #ccc;
}
.imgright {
float:right;
margin: 0 0 3px 3px;
padding:3px;
border:1px solid #ccc;
}

/* Le calendrier
------------------------------------------- */
.calendar {
	}
.calendar h2 {
	display : none;
	}
.calendar table {
	border-collapse : collapse;
	font-size : x-small;
	margin : 0 auto;
	}
.calendar caption { /* nom des mois */
	margin : 0 auto;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	}
.calendar abbr { /* nom des jours */
	border : none;
	}
.calendar th, .calendar td { /* th : cellules d'entete vertical (jours) - td : cellules */
	border : none;
	padding : 1px;
	text-align : center;
	}
.calendar td.active { /* cellules du jour actif */
	background : #ddd;
	}


.centre, .center, .centrer {text-align:center;}
.droite{text-align:right;}
.left{text-align:left;}
.rouge {color:red;}
.fl {float:left;}
.error, .erreur {color:#c00;}
.clearboth, br.clearboth {clear:both;}
.redacteur {float:left;height:25px;margin:0px 5px 20px 5px;}
.grostitre {color:#FFF;}
.from {clear:both;color:#666;}
.sstitre {color:#666; margin: -12px 0px 5px 0px;}
.resume {text-align: justify;}

#cont_albumup {
        width:140px;
        height:34px;
        background: url(http://www.bourlingueur.org/assets/images/Cont_albumup.jpg)no-repeat;
}
#cont_albummid {
        width:140px;
        height:118px;
        background: url(http://www.bourlingueur.org/assets/images/Cont_albumupmid.jpg)no-repeat;
}
#cont_albumdown {
        width:140px;
        height:25px;
        background: url(http://www.bourlingueur.org/assets/images/Cont_albumupdown.jpg)no-repeat;
}

#aajaxmenu ul#myaaajaxmenu ul {display:none;}
#ajaxmenu ul {
	margin: 0;
	padding: 0px 0px 0px 8px ;
	list-style: none;
	}
#ajaxmenu ul li {
	position: relative;
	float: left;
	width: 108px;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}
#ajaxmenu ul li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top:28px;
	line-height: 16px;
	}
#ajaxmenu ul li a {
	color: #ffffff;
	font-weight: bold;
}
/* Styles for Menu Items */
#ajaxmenu ul li.firstcategory {
	color: #062E4B;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(/assets/images/onglet.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	margin: 0px;
	}
#ajaxmenu ul li.category {
	color: #062E4B;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(/assets/images/onglet.jpg);
	background-repeat: no-repeat;
	background-position: -111px;
	margin: 0px;
	}
#ajaxmenu ul li.lastcategory {
	color: #062E4B;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(/assets/images/onglet.jpg);
	background-repeat: no-repeat;
	background-position: -222px;
	margin: 0px;
	}
#ajaxmenu ul li.firstcategory:hover, #ajaxmenu ul li.firstcategory.over {color: #fff;	background-image: url(/assets/images/onglet_over.jpg);
}
#ajaxmenu ul li.category:hover, #ajaxmenu ul li.category.over {
	color: #fff;
	background-image: url(/assets/images/onglet_over.jpg);
}
#ajaxmenu ul li.lastcategory:hover, #ajaxmenu ul li.lastcategory.over {
	color: #fff;
	background-image: url(/assets/images/onglet_over.jpg);
}

/* commented backslash \*/ 
* html ul li a {height:1%}
/* end hack */ 
#ajaxmenu li a {
	text-decoration: none;
}
/* hovered lists */
#ajaxmenu li a, #ajaxmenu li.over a {
	color: #fff;
	width: 108px;
	display: block;
}

#ajaxmenu li li a:hover,#ajaxmenu li.over li a:hover {
	color: #000000;
	background-image: url(/assets/images/fondmenu2.jpg);
	background-position: left center;
	text-indent: 0pt;
}
/* set dropdown */
#ajaxmenu li li a, #ajaxmenu li.over li a {
	color: #fff;
	text-align: left;
	font-weight: normal;
	width: 108px;
	background-image: url(/assets/images/fondmenu1.png);
	text-indent: 0pt;
}
#ajaxmenu li ul li a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
} /* Sub Menu Styles */
#ajaxmenu li ul, #ajaxmenu li.over ul { 
	display: block;
       	width: 90px; 
} /* The pop */
#ajaxmenu {
	margin-right: auto;
	margin-left: auto;
	width: 770px;
}
#myajaxmenu {
	position: absolute;
	top: 0px;
	left: 1px;
	display: block;
	z-index: 1005;
}
.first a {
	border-top: 1px solid #2f2f2f;
}

#menugal {
position:relative; 
/*z-index:10;*/
font-size:90%;
}

/* remove all the bullets, borders and padding from the default list styling */
#menugal ul {
padding:0;
margin:0;
list-style-type:none;
width:148px;
}

/* hack for IE5.5 */
* html #menugal ul {margin-left:-20px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */

#menugal li {
position:relative;
z-index:89;
}

/* get rid of the table */
#menugal table {position:absolute; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
#menugal a, #menugal a:visited {
display:block; 
text-decoration:none;
height:22px;
line-height:22px;
width:147px;
color:#000;
/*background:#d4d8bd;*/
/*background:#618200; vert*/
background:#ccc;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
border-right: 1px solid #ccc;
}

/* hack for IE5.5 */
* html #menugal a, * html #menugal a:visited {width:148px; w\idth:147px;}
/* style the link hover */

#menugal a:hover{
color:#fff; 
/*background:#949e7c;*/
/*background:#9a986e; brun*/
background:#666;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menugal ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-148px; 
}

/* make the second level visible when hover on first level list OR link */
#menugal ul :hover ul{
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#menugal ul :hover ul ul{
visibility:hidden;
height:200px;
overflow:auto;
}


/* keep the fourth level hidden when you hover on second level list OR link */
#menugal ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#menugal ul :hover ul :hover ul{ 
visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
#menugal ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


#search {
	position:relative;
	float: right;
	width:382px;
	z-index:900;
	padding-right: 0px;
	margin-top: 93px;
}

#search img {display: none;}

#search-directory {
	position:absolute;
	top:26px;
	left:5px;
	width:200px;
	height:20px;
	overflow:hidden;
	z-index:400;
}

#search fieldset{
	border: none;
	margin: 0px;
	padding: 5px;
}

#search form{
	border: none;
	margin: 0px;
	padding: 5px;
}

#search label{
color: #444444;
}

#search input{
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	width: 138px;
	height: 19px;
}

#search select {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}

#search textarea {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}

#search-txt {
position: absolute;
top: 0px;
left: 160px;
width: 57px;
height: 21px;
color: #ffffff;
font-size: 13px;
line-height: 23px;
}

#ajaxSearch_input {
position: absolute;
top: 0px;
left: 220px;
width: 165px;
height: 19px;
z-index: 1002;
}

#ajaxSearch_submit {
width: 30px !important;
height: 28px !important;
margin: 0 !important;
border: 0 !important;
background: transparent url(/assets/images/loupe.jpg) no-repeat center top;
padding: 50px 0 0 !important;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
position: absolute;
top: 0px;
left: 186px;
z-index: 80;
}

#ajaxSearch_output {
background-color: #000000;
background-repeat: repeat-x;
background-position: center center;
color: white;
-moz-opacity:0.9;
opacity:0.7;
filter: alpha(opacity=90);
position: absolute;
top: 27px;
left: 220px;
width: 180px !important; /*Dimension de la boite de résultat;*/
z-index: 999;
border: 0;
padding: 0;
margin: 0;
}

        #ajaxSearch_output a:hover{
                        color: #ffffff;
			background-repeat: no-repeat;
			background-color: #000000;
			background-position: left center;
			display: block;
			width: 93% !important;
			padding: 5px;
		}

		#ajaxSearch_output a{
			color: #ffffff;
			background-repeat: no-repeat !important;
			text-align: left;
			border-right: 1px solid #2f2f2f;
			border-top: 1px solid #2f2f2f;
			border-left: 1px solid #2f2f2f;
			font-weight: normal;
			width: 180px;
			background-position: left center;
			display: block;	
			width: 93% !important;
			padding: 5px;
	}

        .ajaxSearch_paging {
        }

        .AS_ajax_result {
            color: #444;
            margin-bottom: 3px;
        }

        .AS_resultLink {
            text-decoration: underline;
        }

        .AS_resultDescription{
            color: #555;
        }

        .AS_ajax_more {

            color: #555;

        }

		.AS_intro { display: none;}

#dirsearch-txt {
position: absolute;
top: 0px;
left: 0px;
width: 118px;
height: 21px;
color: #4E5760;
font-size: 13px;
line-height: 23px;
}

#dirsearch-inp {
position: absolute;
top: 0px;
left: 123px;
width: 201px;
height: 18px;
}

#dirsearch-btn {
position: absolute;
top: 0px;
left: 329px;
width: 70px;
height: 21px;
}


#dirsearch-txt2 {
position: absolute;
top: 3px;
left: 405px;
width: 170px;
height: 21px;
color: #4E5760;
}

#dirsearch-txt2 a {
color: #4E5760;
}

#join {
position: relative;
}

#join-inp {
margin-top: 5px;
width: 158px;
height: 18px;
}

#join-btn {
margin-top: 5px;
width: 120px;
height: 21px;
}

form.fjustified input[type=submit], input[type=reset] {
	margin:0 0 2px 2px ;
	text-align:center;
}
form.fjustified textarea {padding: 7px;margin-top:7px;}

form.fjustified label{
  width: 11em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}