@import url("Styles_Magasins.css");
@import url("Styles_Billet.css");
@import url("Styles_Activites.css");

.OSCombo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #F4F4F4;
	border: 1px solid #000000;
}

OPTION.OSCombo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #F4F4F4;
	border: none;
}

.OSNomAppart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #82002A;
	font-weight: bold;
}

UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}
LI {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.LienBloc{
display:block;
}
.OSPhoto {
/*	filter: DropShadow(Color='#F68C1F',OffX=5, OffY=5, Positive='true');*/
}
.OSFondTitre {
	background-color: #DDDDDD;
}
.OSBord {
	border: 1px solid #000000;
}

.OSPopupBordure{
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

A{color: #82002A;}
A:link {color: #82002A;}
A:visited {color: #82002A;}
A:active {color: #82002A;}
A:hover {color: #666666;}

.OSLien {color: #82002A;}
.OSLien:link {color: #82002A;}
.OSLien:visited {color: #82002A;}
.OSLien:active {color: #82002A;}
.OSLien:hover {color: #666666;}


.OSTitrePage {
	color: #000000;
	background-color: #F3F3F3;
	height: 20px;
	vertical-align: middle;
}
.OSTitreZone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #E5E5E5;
	color: #82002A;
	line-height: 24px;
}
.OSLigneSeparateur {
	background-color: #000000;
}
.table-entete {
	background-color: #EBEBEB;
}
.OSFondMenu {
	color: #82002A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.OSFondPage {
	background-color: #FFFFFF;
}
.OSFondContenu {
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
.OSSignature {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}


/*******************************************
	Gestion des Onglets
********************************************/

.OSOnglets {

}
.OSOngletAbsent{
	background-image: url(../images/ongletabsent.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.OSOnglet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-image: url(../images/ongletgrise.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
	width: 130px;
	text-align: center;
	vertical-align: middle;
	line-height: 10px;
}

.OSOngletSpecial {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-image: url(../images/ongletgrisespecial.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
	width: 120px;
	text-align: center;
	vertical-align: middle;
	line-height: 10px;
}

.OSOngletLien {
	color: #82002A;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.OSOngletLien:link {color: #FFFFFF;}
.OSOngletLien:visited {color: #FFFFFF;}
.OSOngletLien:active {color: #FFFFFF;}
.OSOngletLien:hover {color: #CCCCCC;}

.OSBordureTableOnglet {
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #82002A;
	border-right-color: #82002A;
	border-bottom-color: #82002A;
	border-left-color: #82002A;
	background-color: #E8E9EB;
	background-image: url(../images/fond_recherche.jpg);
	background-repeat: repeat-x;
}

.OSFondTitreParagraphe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #DDDDDD;
	line-height: 20px;
}


.OSNomTerritoire {
	font-weight: bold;
}
.OSFondListeDispos {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.OSTableLigne {
	background-color: #F2F2F2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
.OSTableEntete {
	background-color: #DDDDDD;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}.OSFondTitreParagraphe2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #DDDDDD; 
	line-height: 20px;
}
.OSTableLigne2 {
	background-color: #F2F2F2;
}
.OSTableEntete2 {
	background-color: #DDDDDD;
}
.OSFondListeDispoSansLigne {
	background-color: #FFFFFF;
	border: 0px none;
}

/*******************************
    Page d'intro
********************************/
.OSTexteIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #82002A;
}
.OSTitreIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #82002A;
}

TABLE.TableIntro {
	background-color: #EEEEEE;	
}

A.LienIntro{font-size: 9px;text-decoration: underline;}
A.LienIntro:link{font-size: 9px;text-decoration: underline;}
A.LienIntro:active{font-size: 9px;text-decoration: underline;}
A.LienIntro:hover{
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
/*************************************
	Menu Gauche
**************************************/
.OSMenuGauche{
	background-color: #E8E9EB;
	margin: 0px;
}
.OSMenuGauche LI{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display:block;
	list-style-type: none;
	padding-left:3px;
	padding-top:5px;
	padding-bottom:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.OSMenuGauche LI:hover{
	display:block;
	list-style-type: none;
	background-color: #FFFFFF;
	cursor:pointer;
}
.OSMenuGauche LI.Titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #82002A;
	color:#FFFFFF;
}
A.OSLienMenu{color: #000000;text-decoration: none;display:block;}
A.OSLienMenu:link {color: #000000;text-decoration: none;display:block;}
A.OSLienMenu:visited {color: #000000;text-decoration: none;display:block;}
A.OSLienMenu:active {color: #82002A;display:block;}
A.OSLienMenu:hover {color: #666666;display:block;}

/*********************************************
Table Resultats
**********************************************/
TABLE.OSTableResultat {
/*	padding: 4px;*/
	background-color: #F7F7F7;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width: 98%;
}

TABLE.OSTableResultat2 {
	background-color: #F7F7F7;
	width: 98%;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

TABLE.OSTableResultat TH{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	background-color:#D9D9D9;
	border-bottom:1px solid #CCCCCC;	
}
TABLE.OSTableResultat TH.entete{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
TABLE.OSTableResultat TD{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 1px;
}

TABLE.OSTableResultat TD.Libelle{
	font-size: 10px;
	font-weight: bold;
	width: 100px;
}

.OSTitreResultat{
	background-color:#D9D9D9;
}

/*********************************************
Table Dispos
**********************************************/
TABLE.OSTableDispos {
	width:98%;
}

TABLE.OSTableDispos TH {
	background-color:#E8E8E8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

TABLE.OSTableDispos TD {
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	height: 20px;
}
/*******************************************
		Table Suppléments
*******************************************/
TABLE.OSTableSupplements {
	background-color: #FFFFFF;
	width: 100%;
}
TABLE.OSTableSupplements TR{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
} 
TABLE.OSTableSupplements TD{
	font-size: 9px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	padding:2px;
} 
TABLE.OSTableSupplements TD.Libelle{
	font-size: 9px;
	height: 20px;
	font-weight:bold;
	padding-left:10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
} 

TABLE.OSTableSupplements TH{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #D9D9D9;
	height: 15px;
	padding:2px;
}


.Colonne{
  float: left;
  width: 49%;
/*  border:1px solid #000;*/
  padding:3px;
}



Form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	display:inline;*/
}

.BlocTarifs{
	border:1px solid #000;
	width:98%;
}
/*******************************************
		Table Recherche
*******************************************/
TABLE.OSTableRecherche {
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	width: 98%;
}
TABLE.OSTableRecherche TD.Libelle{
	font-size: 10px;
	font-weight: bold;
	width: 200px;
	height: 30px;	
}
TABLE.OSTableRecherche TH{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #D0D0D0;
	height: 15px;
}

TABLE.OSTableRecherche TD.CritereRecherche{
	font-size: 10px;
	font-weight: normal;
}

/*******************************************
		TOTAL
*******************************************/

.OSTotal {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}


.Remarque{
	font-size:9px;
	color:#666666;
}

.RemarquePetit{
	font-size:9px;
	color:#FF0000;
}
/**********************************************
	Affichage des popups
**********************************************/

#dwindow{
	z-index:100;
}

#dwindowcontent{
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
background-color:#FFFFFF;
}
#dwindow #handle{
background-color:#000;
}
.BlocVignette .image{
	z-index: 10;
	border:1px solid #000;
	width:120px;
/*	height:80px;*/
	overflow:hidden;
	background-color:#FFFFFF;
}
.BlocVignette .image img{
}
.BlocVignette .zoom{
	top: -17px;
	left:105;
	position:relative;
	z-index: 100;
	float:left;
/*	border:1px solid #F00;*/
}


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

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family:Verdana, 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);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}