@import url("style_infolive.css");
@import url("stylecss_galerie.css");
@import url("menu.css");

h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p
	{
	margin: 0px;
	padding: 0px;
	}
li {
	list-style-type: none;
	}

body {
	margin: 0px;
	padding: 0px;
	background-color:white;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	}
#background {
background-image:url(../images/fond.gif);
background-position:top center;
background-repeat:no-repeat;
height:748px;
margin:0 auto;
text-align:center;
}	
	
#page {
height:590px;
width:878px;
margin:0px auto;
text-align:left;
position:relative;
}
#menu {
height:20px;
padding-left:25px;
padding-top:5px;
font-weight:normal;
background-image:url(../images/fond-menu.gif);
background-repeat:repeat-x;
width:853px;
margin:0 auto;
}
#Drapeaux {
position:absolute;
top:135px;
left:-28px;
width:18px;
}
/*#indexDrapeaux {
position:absolute;
top:75px;
left:138px;
width:18px;
}*/
#Drapeaux ul  li {
margin-bottom:1px;
}
#Drapeaux img {}
#Drapeaux img:hover {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
margin-left:1px;
}
#contenu {
height:463px;
width:878px;
margin:0px auto;
padding:0px;
}
/*page index*/

#txtIndex {
position:absolute;
width:286px; 
height:284px; 
top:313px; 
left: 62px;
}
#txtIndex h1 {
font-size:14px;
color:#E23501;
margin-bottom:5px;
}
#txtIndex p {
line-height:18px;}

#pied {
/*height:463px;*/
width:878px;
margin:42px auto 0 auto;;
padding:0px;
}
#pied a:link {
color:#636701;
text-decoration:none;
}
#pied a:hover {
color:black;
}
.separateur {
height:54px;
width:875px;
margin:0 auto;
}
.pad5 {
padding:5px;
}
.pad10 {
padding:10px;
}
.ttrouge {
font-size:12px;
color:#FD4700;
font-weight:bold;
margin-bottom:3px;
width:100%;
background-repeat:repeat-y;
background-image: url(../images/fond_h1-rouge.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/fond_h1-rouge.png');
}
html>body .ttrouge {
filter: none;
background: url('../images/fond_h1-rouge.png');
background-repeat:repeat-y;
background-position:right;
}
.blockrouge {
color: white;
background-color: #E23501;
padding: 2px 4px;
font-size: 12px;
margin-bottom: 3px;
}
.plusdinfos {
color: #FFFFFF;
background-color: #E23501;
padding: 2px 4px;
font-size: 11px;
margin-bottom: 3px;
float: right;
}
.plusdinfos a, .plusdinfos a:link, .plusdinfos a:active, .plusdinfos a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.plusdinfos a:hover {
	color: #FFCC00;
	text-decoration: none;
}

dl {
margin-bottom:5px;}
dt {
font-weight:bold;}

a {
color:#4B4F00;
}
a:hover {
color:#000000;
}
p {
margin-bottom:5px;
}

/*les environs*/
.listeEnvirons {
width:349px; 
background-color: #FCFEE9;
padding-top:2px;
}
.listeEnvirons h2 {
margin:5px 5px 5px 5px;
font-size:12px;
color:white;
background-color:#E23501;
padding:2px 4px;

}
.listeEnvirons .desc {
padding:5px;
}


/*les liens*/
.listeliens {
width:190px;
min-height:50px;
_height:50px;
margin-left:10px;
margin-bottom:5px;
float:left;

/*border:1px dotted #E23501;*/
padding:5px;
background-image:url(../images/fond-reserve.gif);
background-repeat:repeat;
}
.listeliens:hover {
/*border:1px dotted black;*/
}
.listeliens h2 {
font-size:12px;
color:#4B4F00;
background-image:url(../images/puce.gif);
background-repeat:no-repeat;
background-position:left 3px;
padding-left:0px;
}
.borderimg {
border:1px solid #636801;
}
#SousmenuPlan  {

}
#SousmenuPlan ul li{
float:right;
padding-left:3px;
}
#SousmenuPlan ul {
margin-right:12px;
}
#SousmenuPlan ul {}

a.linkselect {
font-weight:bold;
}
.combo{
	background-color:#FDFDF1;
	border:1px solid #BEC760;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.combo2{
	background-color: #B8EB18;
	border:1px solid #292929;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 2px;
	color: #000000;
}

#ListeActivites {}

#ListeActivites ul {}

#ListeActivites ul li {
	list-style-image: url(../images/fleche_orange.gif);
	list-style-position:outside;
	margin-bottom: 14px;
}


.ttt{font-size: 9px;}

/*****************************************
	Bulle d'aide
****************************************/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
	border: 2px solid #B8EB18;
	background-color: #FCFFDF;
visibility: hidden;
z-index: 100;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmltooltip h2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	color: #789F00;
	padding: 4px 8px 2px 8px;
	background-color: #F2FB9E;
	border-bottom: 1px solid #B5CF74;
	
}
#dhtmltooltip p {
	padding: 4px;
	
text-align:left;
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.invisible{ display:none;
position:absolute;}
.separationpanier {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5A656E;
	margin-top: 5px;
	margin-left: 5px;
}