.b_bContent {
 width: 729px; margin-left: 3px;
}

#crossfade-container {
	margin: 0;
	width: 150px;
	height: 150px;
	}
.fade-box {
	margin-left: 0px;
	position: absolute;
       top: 155px;
       left: 610px;
	width: 150px;
	height: 150px;	
}

/* commented backslash hides from ie5mac \*/ 

html{

	height:100%;

	margin:0;

	padding:0

} 

/* end hack */ 



html,body {

	padding:0;

	margin:0;

	background:  url(http://www.bourlingueur.org/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(http://www.bourlingueur.org/assets/images/fond_page_17x200.jpg);

	height:100%;

}



#wrapper {

	_height: 82px;

}

#wipe {

        position:absolute;

	top:90px;

	left:10px;

	width:750px;

	height:150px;

	z-index:190;

	background:  url(http://www.bourlingueur.org/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(http://www.bourlingueur.org/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(http://www.bourlingueur.org/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(http://www.bourlingueur.org/assets/images/header_770x43.jpg) no-repeat left top;

}



/* mac hide \*/

* html #outer, * html #header {width:770px}

/* end hide*/



#footer { 

	color: #000;

	clear:both;

	width:771px;

	height:82px;

	text-align:left;

	left:0px;

	bottom:0px;

	position: relative;

	background:  url(http://www.bourlingueur.org/assets/images/footer_770x82.jpg) no-repeat left top

}



#login {display:none;

        width:29px;

        height:82px;

        float:right;

        background: url(http://www.bourlingueur.org/assets/images/login_29x82.jpg) no-repeat right top;

}



#login_over {

	text-align:left;

        width:150px;

        height:73px;

        float: right;

        background: #FFB900;

}



#admin {display:none;

        width:20px;

        height:82px;

        float:right;

        background: url(http://www.bourlingueur.org/assets/images/admin_20x82.jpg) no-repeat right top;

}



#admin_over {

	text-align:left;

        width:150px;

        height:73px;

        float: right;

        background: #CCC;

}

* 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;

}



#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 */



#content {

	z-index: 100;

	padding-bottom: 7px;



}



#content 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*/

       

}



#content h3 {

	font-size: 12px;

	color: #666;

        margin-left: 15px;

	line-height: 13px;

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



#content h2 a:link,#content h2 a:visited{ /*David: add #content h2 a:visited */

	font-size: 14px;

	color: #000;

        text-decoration: none;

/*padding-right:30px;

padding-left:3px;

 background: #ffb900 url(http://www.bourlingueur.org/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(http://www.bourlingueur.org/assets/images/onglet_jaune.jpg) no-repeat left top;

}



span.dernajout {

font-size:95%;

padding:5px 15px 1px 15px;

      background:  url(http://www.bourlingueur.org/assets/images/onglet_gris.jpg) no-repeat center top;

      color:white;margin:0;

}



span.total{

padding:4px 5px 1px 5px;

  background:  url(http://www.bourlingueur.org/assets/images/onglet_jaune.jpg) no-repeat right top;

color:white;

margin-left:-5px;

}







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



#content p {

        margin-left: 15px;

        margin-right: 15px;

	font-size: 12px;

	color: #444444;

	line-height: 18px;

	_line-height: 18px;

}



#content p a { 

	color: #618200;

}



#content p a:hover { 

	background-color: #618200;

	color: #ffffff;

}



.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;

}



#content 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;

}



#content 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:0 3px 3px 0;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 {}

.from {clear:both;color:#666;}

.resume {}

http://www.bourlingueur.org/css/menutop2.css

#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(http://www.bourlingueur.org/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(http://www.bourlingueur.org/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(http://www.bourlingueur.org/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(http://www.bourlingueur.org/assets/images/onglet_over.jpg);

}



#ajaxmenu ul li.category:hover, #ajaxmenu ul li.category.over {

	color: #fff;

	background-image: url(http://www.bourlingueur.org/assets/images/onglet_over.jpg);

}



#ajaxmenu ul li.lastcategory:hover, #ajaxmenu ul li.lastcategory.over {

	color: #fff;

	background-image: url(http://www.bourlingueur.org/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(http://www.bourlingueur.org/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(http://www.bourlingueur.org/assets/images/fondmenu1.jpg);

	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;

}

http://www.bourlingueur.org/css/form.css

#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(http://www.bourlingueur.org/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;

}



.toolTipElement {

	cursor: help;



}

.tooltip {

	color: #fff;

	width: 172px;

	z-index: 13000;

}



.tooltip h4 {height:0px;

	font-weight: bold;

	font-size: 0px;

	margin: 0;

	padding: 8px 8px 4px;

background: url(http://www.bourlingueur.org/assets/images/bubble.png) top left;

}

.tooltip p {

	font-size: 11px;

	margin: 0px;

	padding: 4px 8px 8px;

	background: url(http://www.bourlingueur.org/assets/images/bubble.png) bottom right;

}



#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:-16px; 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;

}

http://www.bourlingueur.org/css/galeriecss.css

table.galerie ,table.galerie * {margin:0;padding:0;border:none;text-align:center;background:white;}

/*table.galerie a:link ,table.galerie a:visited  {border:none;margin:0;padding:0;}*/

table.galerie {float:left;margin-bottom:6px;}/* espacement entre deux rangée d'image*/

table.galerie td {width:180px;}

table.galerie td.galimg {height:180px;background: url(../assets/images/fond-gallerie.jpg);}

table.galerie td.galimg:hover{ background: url(../assets/images/fond-gallerie2.jpg);}

td.galimg img {vertical-align:middle;}

table.galerie td.galtitre {background #666;width:180px;line-height:18px;}



table.galerie div { /* titre */

  width:178px; /* 150 - les 2 bordures */

  height:25px;

  margin-top:0px; /* espacement entre l'image et son titre */;

  color:white;

  background:url(../assets/images/fond-gallerie3.jpg);

}

http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-6574519085311355&dt=1173777371515&lmt=1173777370&alt_color=FFFFFF&format=120x240_as&output=html&url=http%3A%2F%2Fwww.bourlingueur.org%2Fdecouverte%2Fgalerie.html&color_bg=FFFFFF&color_text=4C4C4C&color_link=191919&color_url=000000&color_border=FFFFFF&ad_type=text_image&cc=100&u_h=1024&u_w=1280&u_ah=1024&u_aw=1280&u_cd=32&u_tz=60&u_his=10&u_java=true&u_nplug=14&u_nmime=70
Embedded Styles from http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-6574519085311355&dt=1173777371515&lmt=1173777370&alt_color=FFFFFF&format=120x240_as&output=html&url=http%3A%2F%2Fwww.bourlingueur.org%2Fdecouverte%2Fgalerie.html&color_bg=FFFFFF&color_text=4C4C4C&color_link=191919&color_url=000000&color_border=FFFFFF&ad_type=text_image&cc=100&u_h=1024&u_w=1280&u_ah=1024&u_aw=1280&u_cd=32&u_tz=60&u_his=10&u_java=true&u_nplug=14&u_nmime=70

<!--
.ch{cursor:pointer;}a.search:link { color: #000000 }a.search:visited { color: #000000 }a.search:hover { color: #000000 }a.search:active { color: #000000 }body { background-color: transparent; }  -->

http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-6574519085311355&dt=1173777371734&lmt=1173777370&alt_color=000000&prev_fmts=120x240_as&format=468x60_as&output=html&url=http%3A%2F%2Fwww.bourlingueur.org%2Fdecouverte%2Fgalerie.html&color_bg=333333&color_text=999999&color_link=FFFFFF&color_url=000000&color_border=CCCCCC&ad_type=image&cc=100&u_h=1024&u_w=1280&u_ah=1024&u_aw=1280&u_cd=32&u_tz=60&u_his=10&u_java=true&u_nplug=14&u_nmime=70
Embedded Styles from http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-6574519085311355&dt=1173777371734&lmt=1173777370&alt_color=000000&prev_fmts=120x240_as&format=468x60_as&output=html&url=http%3A%2F%2Fwww.bourlingueur.org%2Fdecouverte%2Fgalerie.html&color_bg=333333&color_text=999999&color_link=FFFFFF&color_url=000000&color_border=CCCCCC&ad_type=image&cc=100&u_h=1024&u_w=1280&u_ah=1024&u_aw=1280&u_cd=32&u_tz=60&u_his=10&u_java=true&u_nplug=14&u_nmime=70

<!--
a:link { color: #000000 }a:visited { color: #000000 }a:hover { color: #000000 }a:active { color: #000000 }  -->