/*
fix ie6 "peekaboo bug" using the "holly hack".
Note, this style only gets applied to ie6
*/
* html .tuiles {
height: 0.1%;
}



a img,:link img,:visited img {border: none;}

/** BEGIN CUSTOM SKIN **/
/*

-- -- -- -- -- -- --
Base CSS
-- -- -- -- -- -- --

This file simply removes default styling on most HTML elements in
order to reduce the need to later override them.

*/

h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}
/*
  	-- -- -- -- -- -- --
  	Type Scheme: BTO
  	-- -- -- -- -- -- --
  */

  body {
/*	background-color: #9C9A9C;*/
	background-color: #EEE;
  	font-family: "Trebuchet MS", Trebuchet, sans-serif;
	font-size:0.9em;
	line-height:1em;
	color: #777;
  }

  h1, h2, h3, h4, h5, h6, p.description {
  	font-family: "Trebuchet MS", Trebuchet, sans-serif;
  }

  h1 {
	color: #426DAD;
	font-size: 24px;
	line-height: 1.2em;
	text-align: left;
  }
#container .tuiles #main-content .title-home    {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1.2em;
	color: #426DAD;
	text-align: center;
	font-weight: bold;
}

#h1_home {
	font-family: Tahoma, Geneva, sans-serif;
	color: #426DAD;
	font-size: 24px;
	line-height: 1.2em;
	text-align: center;
}
.titres_documentation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}



  p {
	margin-top: 5px;
	color: #F00;
  }

#container {
	width:988px;
	text-align: left;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	padding-left: 0px;
	height: 530px;
	background: transparent url(/images/btoit/bg_header.png) no-repeat left top;
}
#header_top {
	width: 988px; height: 123px;  position:relative;
}
.tuile_index_nousjoindre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 16px;
}


#header_slide {
	width: 988px; height: 355px;  overflow: hidden; position:relative; border:0px;
}
#main-content {
	background: transparent url(/images/btoit/bg_1.png) repeat-y;
}
#content-item {
	padding-left:39px;
	width: 755px;
}
#sidebar {
	float: right;
	width: 235px;
}
#header0 {
	background: transparent url(/images/btoit/bg_0.png) repeat-y;
	height: 30px;
}
#footer0 {
	padding-top: 15px;
	background: transparent url(/images/btoit/bg_2.png) repeat-y;
	height: 70px;
}

#footer {
	padding-left: 0px;
	padding-right: 0px;
	clear: both;
	text-align:center;
}

#BOTTOM {
	color: #333333;
	font-size: 10px;
}

#BOTTOM a {
	color: #333333;
}

#COUNTRY {
	position:absolute;
	top:10px;
	left:710px;
	width:350px;
	height: 15px;
	color: #4275B5;
}
#TOP_TOP {
	position:absolute;
	top: 75px;
	left: 620px;
	width: 500px;
	height: 15px;
	font-size: 11px;
}
#TOP_TOP h4 {
	display: inline;
}
#TOP_TOP ul {
	display: inline;
}
#TOP_TOP li {
	display: inline;
	padding-left: 15px;
	padding-top: 5px;
}
#TOP_TOP li a {
	color: #4275B5;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
}
#TOP_TOP li a:hover {
	text-decoration: underline;
}
#SEARCH {
	position:absolute;
	top:70px;
	left:710px;
}
#SEARCH label {
	display: none;
}

#SITE {
	position:absolute;
	top: 328px;
	left: 0px;
	width: 403px;
	height: 26px;
	padding-top: 11px;
	background: transparent url(/images/btoit/bg_mice.png) no-repeat bottom left;
}
.MenuRecherche  {
	background-color: white; padding:10px; width: 450px; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.MenuRecherche a {
	text-decoration:none;
}
.MenuRecherche a:hover {
	text-decoration:underline;
}

#legend {
	color: #ddd;
	font-size: 10px;
	line-height: 150%;
}
#legend a {
	color: #ddd;
	font-size: 12px;
}
#legend a.plus {
	font-size: 10px;
	text-decoration:none;
}
.bouton_menu {
float:left; text-align:center; background: transparent url(/images/btoit/icone_h.png) no-repeat bottom left ;width:63px; height: 90px;
}
.bouton_menu a {
	padding-top: 63px;
	color: #777;
	font-size: 11px;
	text-decoration: none;
	display: block;
}
.bouton_menu a:hover {
	color: black;
	text-decoration: underline;
}
.box_zonedroite {
background-color: white; width: 190px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
border: 1px solid #CCC; 
margin-left:2px;
-moz-box-shadow: 2px 2px 5px #888;
padding-bottom:10px;
position:relative;
}
.box_zonegauche {
background-color: white;
 width: 733px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
border: 1px solid #CCC; 
margin-left:2px;
-moz-box-shadow: 2px 2px 5px #888;
padding:10px;
}
#SITE ul {
	display: inline;
}
#SITE li {
	display:block;
	float:left;
	padding-left: 15px;
}

#SITE li a {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration:none;
}

#SITE li.public, #SITE li.public_selected {
	padding-left: 25px;
}

#SITE li.public a {
	color:#FFF;
	background-color: #313063;
}
#SITE li.public_selected a, #SITE li.public a:hover {
	background-color:#313063; 
	color: white;
}

#SITE li.mice a {
	color:#FFF;
	background-color: #999;
}
#SITE li.mice_selected a, #SITE li.mice a:hover {
	background-color:#63b65a; 
	color: white;
}


#SITE li.trade a {
	color:#FFF;
	background-color: #999;
}
#SITE li.trade_selected a, #SITE li.trade a:hover {
	background-color:#73A2FF; 
	color: white;
}


#SITE li.press a {
	color:#FFF;
	background-color: #999;
}
#SITE li.press_selected a, #SITE li.press a:hover {
	background-color:#FF7921; 
	color: white;
}

#GLOBAL h4 {
display: none;
}

#css_default {
display: none;
}
#BOTTOM {
	text-align: center;
	font-size: 12;
	color: #999;
}

#BOTTOM h4 {
display: none;
}

#MySelection {
padding-top : 5px;
color: #777;
}
#MySelection ul {
list-style: none;
padding-left: 0px;
margin-left: 10px;
margin-bottom:0px;
margin-top:10px;
padding-top:0px;
}
#MySelection li {
padding-top: 0px;
}
#MySelection li span {
font-weight: bold;
}
#MySelection li a {
background: url(/images/hainaut/caddy.gif) left no-repeat;
background-position-y: 2px;
padding-left: 20px;
text-decoration: none;
}
#MySelection li a:hover {
text-decoration: underline;
color: black;
}
#BTOIT_TOP1 h4 {
display: none;
}
#BTOIT_TOP1 ul {
list-style: none;
padding: 0px;
margin: 0px;
padding-top: 10px;
}
#BTOIT_TOP1 li {
padding-top: 3px;
background-image: url(/images/public/filetpo.gif);
background-repeat: no-repeat;
}
#BTOIT_TOP1 li a {
backgroUnd: url(/images/public/bullet_menuright.gif) left no-repeat;
background-position-y: 2px;
padding-left: 12px;
color: #777;
text-decoration: none;
}
#BTOIT_TOP1 li a:hover {
text-decoration: underline;
color: black;
}
#BTOIT_TOP1 li img {
display:none;
}
#COEURS {
position:relative;
width: 382px;
float:left;
height:338px;
background: transparent url(/images/btoit/bg_coeur2.png) no-repeat top left;
	color:white;
	line-height: 0.9em;
}
#COEURS a {
	color:white;
	text-decoration:none;
}
#EVENTS {
position:relative;
width:382px;
float:left;
height:338px;
background:transparent url(/images/btoit/bg_event2.png) no-repeat top left;
	color:white;
	line-height: 0.9em;
}
#EVENTS a {
	color:white;
	text-decoration:none;
}

a {
	color: #666;
}
a.skip_menu {
	display: none;
}
a.externallink {
	background: url(/images/public/external.gif) left no-repeat;
	background-position-y: 2px;
	padding-left: 15px;
}
a.pdflink {
	background: url(/images/public/pdf.jpg) left no-repeat;
	background-position-y: 4px;
	padding-left: 25px;
}
.highlightit {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

.highlightit:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#LeftMenu {
padding: 10px;
background-color: white; padding-bottom:10px; width: 220px; float: left;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
border: 1px solid #ccc; 
line-height: normal;
}

#LeftMenu h4 {
font-size: 130%;
color: #005447;
margin: 0px;
padding: 0px;
padding-top: 0px;
margin-left: 10px;
font-weight: normal;
}
#LeftMenu a {
text-decoration: none;
}
#LeftMenu a:hover {
text-decoration: underline;
}
#LeftMenu1 a.selected {
font-weight: bold; color:red; font-size: 15px;
text-decoration: underline;
}
#LeftMenu2 {
	padding-top:10px;

}
#LeftMenu2 a {
 color:white; display:block; padding-top: 92px; font-size: 14px;font-weight:bold; text-decoration:none;
}
#LeftMenu2 a:hover {
text-decoration: underline;
}


#Text, #RechercheText, #DescriptiveText {
        padding-bottom:15px;
	padding-right: 	15px;
	text-align: justify;
	color: #444444;
}
#RechercheText, #Text {
	margin-left: 260px;
}
#Text ul, #RechercheText ul, #DescriptiveText ul {
	text-align: justify;
	margin: 0px;
	font-size : 90%;
	color: #444444; /*786A47;*/
	line-height: 130%;
}
#Text ol {
	margin: 0px;
/*	font-size : 90%;
*/	color: #444444; /*786A47;*/
	list-style-type:upper-alpha;
	text-align: justify;
	 margin-left:2px;
}
#Text h1, #DescriptiveText h1, #RechercheText h1 {
letter-spacing: 1px;
font-size: 150%;
color: #e23f6A;
}
#Text h2, #RechercheText h2, #DescriptiveText h2 {
	font-size: 130%;
	letter-spacing: 1px;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 5px;
	color:#122B62;
}
#Text h3, #DescriptiveText h3 {
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 120%;
	color: #122B62;
}
#Text h4, #DescriptiveText h4 {
	font-size: 85%;
	color: #122B62;
}
#RechercheText p, #RechercheText td, #Text p, #DescriptiveText p {
	text-align: justify;
	font-size : 90%;
	color: #444444; /*786A47;*/
	line-height: 130%;
}
#YourLanguageNotExist  {
	font-weight: bold;
	font-size: 11px;
}

#YourLanguageNotExist a {
	text-decoration: none;
	width: 15px;
	padding-right: 4px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#YourLanguageNotExist a.selected {
	font-weight: bold;
}
#YourLanguageNotExist a:hover {
	text-decoration: underline;
}

#Period ul {
	color: #444444; /*786A47;*/
	font-size : 90%;
}
#Period li {
  list-style-type: circle;
  font-size: 110%;
}
#Period li ul li{
  font-size: 90%;
}

#DescriptiveMenu {
	width: 180px;
	float: right;
	margin: 5px;
	padding: 5px;
	text-align: left;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;

	background-repeat :	repeat-y;
}
#DescriptiveMenu p {
	padding: 0px;
	margin: 0px;
	line-height: 115%;
	font-size: 90%;
}



#DescriptiveMenu p strong {
	font-size: 100%;
	color: 999;
}
#Period  {
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.descriptif div {
	padding-bottom: 3px;
}
.descriptif div strong {
/*	font-weight: normal;*/
	color: #122B62;
	font-style: italic;
	font-size: 90%;

}
/*
#DescriptiveText h1, #DescriptiveMenu h1 {
	color: #C42211;
}
#DescriptiveText h2, #DescriptiveMenu h2 {
	letter-spacing: 1px;
	font-size: 115%;
	font-weight: bold;
	text-transform: uppercase;
}
#DescriptiveText h3 {
	letter-spacing: 1px;
	font-size: 100%;
	font-weight: bold;
	color: #C42211;
}
#DescriptiveText p {
	color: #444444;
}
*/
.offre_o {
	color: #037AFF;
}
.offre_e {
	color: #8BB73F;
}
.offre_a {
	color: #F26222;
}
.offre_v {
	color: #FAA61A;
}
.offre_h {
	color: #DF1D35; 
}

/* The main calendar widget.  DIV containing a table. */
.calendar {
position: relative;
display: none;
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
color: #000;
cursor: default;
background: #c8d0d4;
font-family: tahoma,verdana,sans-serif;
}

.calendar table {
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
color: #000;
cursor: default;
background: #c8d0d4;
font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
padding: 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}

.calendar .nav {
background: transparent url(/javascript/jscalendar/skins/aqua/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold;
padding: 1px;
border: 1px solid #000;
background: #788084;
color: #fff;
text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
border-bottom: 1px solid #000;
padding: 2px;
text-align: center;
background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
padding: 0px;
background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}

.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #e8f4f0;
}

.calendar tbody .rowhilite td {
background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
padding: 1px 3px 1px 1px;
border: 1px solid;
border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #000 #fff #fff #000;
background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
background: #e8f0f4;
padding: 1px;
border: 1px solid #000;
background: #788084;
color: #fff;
text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
 border-top: 1px solid #000;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #d8e0e4;
    font-size: 90%;
padding: 1px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .active {
background: #c8d0d4;
padding: 0px;
 border-top: 1px solid #000;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #000;
}

.calendar .combo .hilite {
background: #048;
color: #aef;
}

.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
 text-align: center;
 background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}

.calendar td.time .ampm {
text-align: center;
}

.calendar td.time .colon {
padding: 0px 2px 0px 3px;
 font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}


#info {position:relative;}
#scrollbox {width:460px; height:180px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; }
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left;}

.slidek {position:absolute; width:385px; height:330px; top:24px; padding:0; border:1px solid #000;}

a.gallery span {display:block; position:absolute;  top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:1px solid #000;}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:385px; height:330px; top:19px; left: 0px; padding:5px; font-style:italic; color:#000; background:#fff; }
#thumbs {width:440px;/* height:60px;*/}
#pad {height:380px; width:385px;}


#preview_carte{
margin-left:30px;
}

#carte_postale{
left:350px;
}

#formCarte_postale{
margin-left:30px;
}

#formCarte_postale select{
width:100px;
}

/* Commande brochure */
.commandebrochure .listebrochures{
margin-left:20px;
}


/* Fiches recherche */
#recherche_avancee { border: 1px dashed #a8cefa; }

#RechercheText fieldset {
border: 0px;
padding-top: 10px;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dashed #a8cefa;
}
#RechercheText fieldset div {
line-height: 1.4em;
}
#RechercheText legend {
font-weight:bold;
padding-top: 2px;
color:#003399;
margin:0;
padding:0;
}
#RechercheText label {
width: 200px;
}

#RechercheText legend b {
display:block;
width:100%;
}

#YourLanguageNotExist  {
font-weight: bold;
font-size: 11px;
}

#YourLanguageNotExist a {
text-decoration: none;
width: 15px;
padding-right: 4px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
#YourLanguageNotExist a.selected {
font-weight: bold;
}
#YourLanguageNotExist a:hover {
text-decoration: underline;
}

/* Donnees personnelles */
.donneespersonnelles1 { text-align: right; width: 370px; }
.donneespersonnelles1 select { width: 244px; }
.donneespersonnelles1 input { width: 240px; }
p.error {
font-weight: bold;
color: red;
font-size: 90%;
}

/* carte postale */
.donneescartepostale1 { text-align: right; width: 370px; }
.donneescartepostale1 input { width: 200px; }
.donneescartepostale2 { text-align: right; width: 320px; }
.donneescartepostale2 select { width: 154px; }

/* tableau belsud */
.cal {
border: 1px solid #000;
text-align: center;
height: 150px;
}
.calendrier_belsud caption {
font-weight: bold;
font-size: 120%;
}


.calendrier_belsud table .WF {
background-color: #FFFF00;
}

.calendrier_belsud table .HS {
background-color: #FF00FF;
}

.calendrier_belsud table .MS {
background-color: #90EE90;
}

.calendrier_belsud table .BS {
background-color: #00FFFF;
}

.calendrier_belsud table #LW {
border: 2px solid red;
}



/* CSS needed for the script */

#ajax_tooltipObj{
z-index:1000000;
text-align:left;
}
#ajax_tooltipObj div{
position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
background-image:url(/images/arrow.gif);
width:20px;
position:absolute;
left:0px;
top:0px;
background-repeat:no-repeat;
background-position:center left;
z-index:1000005;
height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
border:2px solid #317082;	/* Border width */
left:18px;	/* Same as border thickness */
top:0px;
position:absolute;
width:250px;	/* Width of tooltip content */
background-color:#FFF;	/* Background color */
padding:5px;	/* Space between border and content */
font-size:0.8em;	/* Font size of content */
overflow:auto;	/* Hide overflow content */
z-index:1000001;
}

/************/
/* home page */
/************/
#GLOBAL {
padding-left:11px;
font-size: 13px;
padding-top:13px;
}
#nav, #nav ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0em;
	z-index: 100;
}


#nav a {
	display: block;
	text-decoration: none;
	padding: 1px 12px;
}
#nav li {
	float: left;
	padding: 0;
}
#nav li a {
	text-transform : uppercase;
	padding-left: 15px;
}

#nav li.daddy a {
	background: url(/images/public/bottomarrow2.gif) center right no-repeat;
}

#nav li.daddy li a {
	background: none;
}
#nav li li.daddy a {
	background: url(/images/public/rightarrow2.gif) center right no-repeat;
	padding-right:0px;
}
.texte courant {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #777;
}


#nav li li.daddy li a {
	background: none;
}
#nav li ul {
	position: absolute;
	background: #E6EBE7;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	z-index: 100;
}

#nav li li {
	width: 13em;
	z-index: 100;
	padding: 3px;
	height: auto;
}

#nav li ul a {
	width: 12em;
	z-index: 100;
}

#nav li ul ul {
	margin: -1.75em 0 0 13.2em;
	z-index: 100;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #ffd105;
}

.ville {
/*	font-weight:bold;
*/	color: #555;
	font-size: 90%;
/*	color: #3165B5;
	color: #3165B5;
*/	text-decoration:none;
}

a.ville:hover {
	text-decoration: underline;
	color: #C00;
}
a.ville:visited {
	text-decoration: underline;
	color: #333;
} 
#container .tuiles #main-content table tr td .texte {
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 19px;
	color: #666;
}
#container .tuiles #main-content table tr td table tr td table tr td table tr td .tuile {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFF;
}

#container #footer .tuiles #BOTTOM p {
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
}
#container .tuiles #main-content .titre-nouvelles {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
#container .tuiles #main-content .nouvelles-content {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666;
}