html {
	margin : 0;
	padding : 0;
}

body {
	margin : 0;
	padding : 0;
	color : black;
	background-color : white;
	font-family : Arial, "sans-serif";
	font-size : 11px;
}

table{
	border : none;
	border-spacing : 0px;
	width : 100%;
	margin : 0;
	padding : 0;
}

input, select{
	font-family : Arial, "sans-serif";
	font-size : 11px;
}

a{
	text-decoration : none;
	color : black;
}

#navigator td, #renderingPopUp td {
	font-size:11px;
	line-height:1em;
}
#navigator {
	min-height:670px;
}
.elemWithPNG_Background{
	background-color : #FFFFFF;
	/*MB
	background : url(../images/75p_white.png);*/
}

* html .elemWithPNG_Background{
	/*MB
	background : none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/75p_white.png');
	*/
}

form{
	margin : 0px;
	padding : 0px;
}

.gastroButton{
	background : rgb(158,198,48);
	color : white;
}

table .titleLine{
	background : #83ACCA;
	height : 20px;
	text-align : left;
	color : white;
}

table .titleLine .tdTitle{
	padding : 0px 5px 0px 5px;
	text-align : left;
	height : 20px;
	font-weight : normal;
}

table .titleLine .tdImg{
	text-align : center;
	border-left : 1px solid white;
	height : 20px;
	padding : 2px 4px 0px 4px;
	width : 19px; 
}

table .titleLine .tdImg img{
	cursor : pointer;
}

#tabSwitcher{
	position : relative;
	top : 1px;
}

#tabSwitcher td{
	height : 20px;
	width : 130px;
	text-indent : 5px;
	cursor : pointer; 
}

#tabSwitcher .activeTab{
	background : url(../images/activeTab.png);
	background-repeat : no-repeat;
}

#tabSwitcher .inactiveTab{
	background : url(../images/inactiveTab.gif);
	background-repeat : no-repeat;
}



.tab{
	
}

#gauche{
	position : relative;
}

#controlsToolbar a{
	text-decoration : underline;
	color : black;
}

#bloc_map{
	width : 670px;
	/*height : 340px;*/
}

#map{
	width : 670px;
	height : 340px;
	cursor : move;
	position : relative;
	background : rgb(239,247,255);
}

#copyrightViewport{
	position : absolute;
	bottom : 0px;
	left : 0px;
	opacity : 0.7;
	filter : Alpha(opacity=70);
	z-index : 1000;
	background : white;
	border-top : 1px solid #ACACAC;
	
}

#navTool{
	position : absolute;
	right : 15px;
	bottom : 20px;
	z-index : 2;
}

#mapControls{
	background : url(../images/greyRange.png);
	background-repeat : repeat-x;
	height : 46px;
	border-top : 1px solid rgb(172,172,172);
	border-bottom : 1px solid rgb(172,172,172);
}

#mapControls td{
	text-align : center;
	vertical-align : top;
	width : 33%;
}

#opacity_support{
	width : 130px;
	height : 9px;
	border : 1px solid rgb(172,172,172);
	background : url(../images/support.gif);
	cursor : pointer;
}

#opacity_slider{
	width : 8px;
	height : 19px;
	border : 1px solid rgb(172,172,172);
	background : url(../images/slider.gif);
	cursor : pointer;
}

#scaleBarWidget{
	border-bottom : 1px solid black;
	border-right : 1px solid black;
	border-left : 1px solid black;
	text-align : center;
	margin : auto;
}

#zoom_support{
	width : 130px;
	height : 9px;
	border : 1px solid rgb(172,172,172);
	background : url(../images/support.gif);
	cursor : pointer;
}

#zoom_slider{
	width : 8px;
	height : 19px;
	border : 1px solid rgb(172,172,172);
	background : url(../images/slider.gif);
	cursor : pointer;
}

#bloc_legende{
	margin-top : 10px;
}

#legende{
	float : left;
	margin-right : 8px;
	margin-bottom : 20px;
}

#legende .checkbox img.selected{
	border-left : 1px solid black;
	border-top : 1px solid black;
	border-right : 1px solid rgb(180,180,180);
	border-bottom : 1px solid rgb(180,180,180);
}

#legende .checkbox img.unselected{
	border-bottom : 1px solid black;
	border-right : 1px solid black;
	border-left : 1px solid rgb(180,180,180);
	border-top : 1px solid rgb(180,180,180);
}

#legende .tableLayer{
	width : 47%;
	height : 19px;
	float : left;
	margin : 2px 0px 1px 5px;
}

#legende td .selected{
	color : black;
	cursor : pointer;
}

#legende td .unselected{
	color : rgb(107,107,107);
	cursor : pointer;
}


#leg_blocTourisme .tableLayer{
	width : 95%;
}

#legende .tableLayer .checkbox{
	width : 18px;
}

#legende .tabSwitcher{
	
}

#legende .tabSwitcher td{
	width : 104px;
	height : 18px;
	text-indent : 5px;
	cursor : pointer;
}

#legende .activeTab{
	background : url(../images/small_ActiveTab.png);
	background-repeat : no-repeat;
}

#legende .inactiveTab{
	background : url(../images/small_InactiveTab.gif);
	background-repeat : no-repeat;
}

#leg_blocGastro, #leg_blocTourisme, #leg_blocMaps {
	width : 462px;
	height : 220px;
	border-bottom : 1px solid rgb(102,115,175);
	background : rgb(230,237,247);
}

leg_blocGastro_res{
	padding : 0px;
}

#leg_blocGastro1{
	height : 116px;
	padding : 0px;
}

#leg_blocGastro2{
	border-top : 1px solid rgb(102,115,175);
	height : 23px;
	padding-top : 1px;
}

#leg_blocTourisme li{
	list-style-image : url(../images/pointerBullet.gif);
	height : 18px;
}

#keymap{
	margin-left : 475px;
	padding-top : 3px;
	padding-left : 0px;
	height : 133px;
	width : 195px;
	border-top : 1px solid rgb(99,113,173);
	border-bottom : 1px solid rgb(99,113,173);
	background : rgb(239,247,255);
}

.olControlOverviewMapExtentRectangle{
	border : 1px solid red;
}
#keymapTip {
	margin-left : 475px;
	padding-top : 3px;
	padding-left : 0px;
	width : 195px;
	font-size:11px;
	line-height:1em;
}


#droite{
	width : 200px;
	margin-left : 680px;
}

#searchMask_tab0{
	background : rgb(239,244,251);
}

#searchMask_tab0 td{
	padding : 0px 10px 0px 10px;
	height : 40px;
}

#droite .blocInfoResto{
	padding : 4px;
	border-bottom : 2px solid rgb(102,115,175);
}

#droite .blocInfoResto td{
	padding : 0px;
}


/* AUTO COMPLETE */

.autoCompleteDiv{
	background : white;
	border : 1px solid rgb(102,115,175);
	width : 150px;
	z-index : 3000;
}

.autoCompleteDiv a{
	color : black;
	text-decoration : none;
}

.autoCompleteDiv .element{
	padding : 2px;
}

.autoCompleteDiv .selected{
	padding : 2px;
	background : #A4CDED;
}

#searchResultsContainer .title, #restoInEvidenceContainer .title{
	height : 20px;
	background : rgb(102,115,175);
	padding : 1px 5px;
	color : white;
}

#droite .index{
	margin-top : 5px;
	text-align : center;
}

#droite .index a{
	color : black;
	text-decoration : none;
	margin : 0px 2px;
}

#droite .index a:hover{
	text-decoration : underline;
}


/* TAB 1 */

#tab1, #tab2{
	width : 880px;
	padding : 20px 0px;
	/*background : rgb(239,244,251);*/
	border-top : 1px solid rgb(102,115,175);
}

#searchForm_simple .containerForm{
	/*border : 1px solid rgb(102,115,175);*/
	background : rgb(239,244,251);
}

#searchForm_simple .containerForm td{
	border-top : 1px solid white;
}

#searchForm_simple .containerForm input, #searchForm_simple .containerForm select{
	width : 160px;
}

#searchForm_simple .label{
	width : 135px;
	height : 37px;
	padding-left : 10px;
}

#tab1_tipps, #tab2_tipps, #tab1_index{
	margin : 0px 0px 0px 10px;
	/*border : 1px solid rgb(102,115,175);
	background : #D5E3F4;*/
	background : rgb(239,244,251);
	width : 200px;
}

#tab1_tipps td, #tab2_tipps td, #tab1_index td{
	padding : 0px 5px 0px 5px;
	/*background : rgb(239,244,251);*/
}

#tab1_tipps .subtitle, #tab2_tipps .subtitle, #tab1_index .subtitle{
	font-weight : bold;
	background : #D5E3F4;
	color : black;
	height : 16px;
}

#tab1_index a:hover{
	text-decoration : underline;
}



/* Tab2 */

#tab2{
	width : 620px;
	padding : 20px 0px;
	border-top : 1px solid rgb(102,115,175);
}

#searchForm_fine .containerForm{
	/*border : 1px solid rgb(102,115,175);*/
	background : rgb(239,244,251);
}

#searchForm_fine .containerForm td{
	border-top : 1px solid white;
}

#searchForm_fine .containerForm input, #searchForm_fine .containerForm select{
	width : 160px;
}

#searchForm_fine .label{
	width : 200px;
	height : 37px;
	padding-left : 10px;
}

/* Results of search Tab 1-2 */

#tab_searchResults{
	width : 880px;
	padding : 0px;
	/*border-top : 1px solid rgb(102,115,175);*/
}

#container_tab1_2_resultTable .mainTitle{
	width : 100%;
	font-size : 12px;
	margin : 18px 0px 0px 0px;
}

#container_tab1_2_resultTable .mainTitle .td0{
	height : 19px;
	background : rgb(102,115,175);
	color : white;
	padding-left : 5px;
}

#container_tab1_2_resultTable .mainTitle .td1{
	font-weight : bold;
	height : 32px;
}

#tab1_2_resultTable{
	width : 100%;
	background : white;
	border-spacing : 0px;
	margin-bottom : 12px;
	border-collapse:collapse;
}

#tab1_2_resultTable .titre{
	background : rgb(151,179,218);
	color : white;
	font-size : 12px;
}

#tab1_2_resultTable .titre td{
	padding : 1px 6px 1px 6px;
}

#tab1_2_resultTable td{
	padding : 6px;
}

#tab1_2_resultTable .td0{
	width : 38px;
}

#tab1_2_resultTable .td1{
	width : 200px;
}

#tab1_2_resultTable .td2{
	width : 173px;
}

#tab1_2_resultTable .td3{
	width : 73px;
}

#tab1_2_resultTable .td4{
	
}

/* TAB WITH FULL DETAILS */
#navPan table{
	height : 46px;
}

#navPan table td{
	width : 25%;
}

#navPan table td input{
	width : 110px;
	height: 22px;
}

/* ROUTING BLOC */

#routingBloc{
	margin-top : 25px;
	border-bottom : 2px solid rgb(102,115,175);
}

#routingBloc .container{
	background : rgb(239,247,255);
	margin : 0px;
	padding : 0px;
	padding : 8px;
}

#ambiguousLoc1, #ambiguousLoc2{
	width : 180px;
}

#popUpDisabler{
	background : white;
	/*
	opacity : 0.5;
	filter : Alpha(opacity=50);
	*/
	z-index : 2000;
}

#VMPopUp{
	border: 1px solid #6673AF;
	background: #FFFFFF;
	width : 800px;
	z-index : 2001;
}

#mapDiv {
	margin : auto;
	padding:12px;
	width:750px;
}

#mapContainer{
	padding:0px;
	margin:0px;
	position : relative;
	background:rgb(239,244,251);
	border:1px solid black;
	width : 750px;
	text-align : center;
	font-size : 12px;
}

#print{
	position : absolute;
	top : 7px;
	left : 10px;
	font-family:arial;
	font-size:11px;
	text-decoration:none;
}

#dynCarte{ /* img */
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	margin-top : 30px;
	margin-bottom : 30px;
	width : 600px;
}

#iti {
	padding:0px;
	margin:0px;
	width : 750px;
	font-size : 11px;
}

/* Footer */
.footer {
	width:637px;
	margin-top:20px;
    margin-bottom : 15px;
    clear:both;
    text-align:center;
    font-size:10px;
}
#links ul {
	margin:0px;
	padding:0px;
}
#links ul li {
	display: inline;
	padding-left: 0px;
	padding-right:0px;
	color: #999999;
}
#links ul li a:link, #links ul li a:visited {
	color: black;
	padding: 1px !important;
}
#links ul li a:hover {
	color: #4B4F96;
	padding: 1px !important;
}


/**** POP UP MODIFY RESTO ****/

#modifyRestoPopUpDiv{
	position : absolute;
	z-index : 301;
	font-size : 11px;
	font-family : arial,helvetica;
	background : rgb(230,237,247);
	width : 750px;
	border : 1px solid rgb(102,115,175);
}

#modifyRestoPopUpDiv input, #modifyRestoPopUpDiv textarea{
	font-size : 11px;
	font-family : arial,helvetica;
}


#popUpRestoModifier{
	font-size : 12px;
	position : absolute;
	border : 1px solid rgb(102,115,175);
	width : 256px;
}

#popUpRestoModifier table{
	background : rgb(230,237,247);
}

#popUpRestoModifier table td{
	padding : 7px 10px 0px 7px;
}

#popUpRestoModifier table .title{
	background : rgb(102,115,175);
	color : white;
	height : 18px;
	text-align : left;
	padding : 0px;
	padding-left : 4px;
}

#popUpRestoModifier table .titleImg{
	background : rgb(102,115,175);
	height : 18px;
	text-align : right;
	width : 15px;
	padding : 2px;
}

#popUpRestoModifier table img{
	cursor : pointer;
	margin-right : 3px;
}

#loginButton{
        margin : 0px 8px 3px 0px;
}
.errorBox {
	padding:10px;
	font-weight:bold;
	font-size:12px;
	border: 1px solid #FF0000;
	color: #FF0000;
	background: #FFDEDE;
	display: none;
}
.resultRowSep td {
	border-top: 1px solid #9EC630;
}
#container_tab1_2_resultTable div.thumb {
	float:left;
	margin:0 1em 0 0;
}
#container_tab1_2_resultTable div.thumb a {
}
#container_tab1_2_resultTable div.thumb img {
	width:100px;
	height:auto;
}
.pictoLabel {
	position:absolute;
	width:43px;
	height:43px;
}
.pictoLabel img {
	position:relative;
	left:-15px;
	top:-10px;
}
.pictoLabelSmall {
	position:absolute;
	width:30px;
	height:30px;
}
.pictoLabelSmall img {
	position:relative;
	left:-5px;
	top:-3px;
}