/* CSS Document */

#carte
{
	position:absolute;
	width:750px;
	height:570px;
	margin-left:5px;
	/*background:url(../images/commun/fd_carte_temp.jpg) left top no-repeat;*/
}

#carteSimple
{
	position:absolute;
	width:350px;
	height:440px;
	/*background:url(../images/commun/fd_carte_temp.jpg) left top no-repeat;*/
}

/******************************  BARRE  *************************************/

#barre_carte{
	background:url(../images/carte/barre/fd_barre.png) repeat-x left top;
	height:31px;
	line-height:20px;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	position:absolute;
	margin-left:4px;
	width:751px;
	z-index:8;
}


#barre_carte_simple{
	background:url(../images/carte/barre/fd_barre.png) repeat-x left top;
	height:31px;
	line-height:20px;
	color:#7dcdff;
	font-size:11px;
	text-align:center;
	position:absolute;
	/*margin-left:4px;*/
	width:349px;
	z-index:8;
}

.barre_carteMaGeoloc{
	background:url(../images/carte/barre/fd_barre.png) repeat-x left top;
	height:31px;
	line-height:20px;
	color:#7dcdff;
	font-size:11px;
	text-align:center;
	position:absolute;
	margin-left:0px;
	width:401px;
	padding: 0;
	z-index:8;
}
#geoloc div
{
	padding:0;
}

#titre_affichage{
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	width:99px;
	background:url(../images/carte/barre/sep.gif) no-repeat right top;
}

#titre_affichage_simple{
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	width:76px;
	background:url(../images/carte/barre/sep.gif) no-repeat right top;
	z-index:9;
}

.titre_affichageMaGeoloc{
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	width:99px;
	background:url(../images/carte/barre/sep.gif) no-repeat right top;
	padding: 0;
}

#titre_affiner{
	padding-left:364px;
	padding-right:18px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	width:76px;
	background:url(../images/carte/barre/sep.gif) no-repeat 364px top;
}

#btn_satellite{
	color:#FFFFFF;
	text-decoration:underline;
	background:url(../images/carte/barre/sep.gif) no-repeat right top;
	float:left;
	width:69px;
	height:31px;
}

#btn_satellite:hover, .btn_satellite_hover{
	color:#000000 !important;
	text-decoration:none !important;
	background:url(../images/carte/barre/fd_btn_satellite_on.png) left top no-repeat !important;
}

#btn_plan{
	color:#FFFFFF;
	text-decoration:underline;
	background:url(../images/carte/barre/sep.gif) no-repeat right top;
	float:left;
	width:53px;
	height:31px;
}

#btn_plan:hover, .btn_plan_hover{
	color:#000000 !important;
	text-decoration:none !important;
	background:url(../images/carte/barre/fd_btn_plan_on.png) left top no-repeat !important;
}

#btn_masquer{
	color:#7dcdff;
	text-decoration:underline;
	float:left;
	width:68px;
}

#btn_masquer:hover{
	color:#ffffff;
	text-decoration:none;
}

/******************************  VOLET  *************************************/

#volet{
	position:absolute;
	margin-top:20px;
	margin-left:591px;
	width:163px;
	height:550px;
	background:url(../images/carte/volet/fd_volet.png);
	text-align:right;
}

#titre_volet{
	background:url(../images/carte/volet/fd_titre.png) no-repeat left top;
	padding-right:14px;
	font-size:11px;
	color:#5fb7eb;
	text-transform:uppercase;
	height:31px;
	line-height:31px
}

#carre_proposition
{
    background:url(../images/carte/volet/carre_noir.jpg) no-repeat left top;
    width:15px;
    height:15px;
    float:left;
    margin:4px 0px 0px 12px;
}

#carre_recherche
{
    background:url(../images/carte/volet/carre_blanc.jpg) no-repeat left top;
    width:15px;
    height:15px;
    float:left;
    margin:4px 0px 0px 12px;
}

#content_volet{
	padding:6px 12px 6px 0px;
}
.content_volet{
	padding:6px 12px 6px 0px;
}


#sep_volet{
	background:url(../images/carte/volet/sep_volet.png) left top no-repeat;
	height:2px;
	overflow:hidden;
}


.sep_volet{
	background:url(../images/carte/volet/sep_volet.png) left top no-repeat;
	height:2px;
	overflow:hidden;
}

#formCarte{
}

#formCarte select{
	font-size:11px;
	color:#000;
	width:140px;
}

#formCarte label{
	color:#FFF;
	line-height:22px;
	padding-right:10px;
}

#fleche_vers_gauche{
	display:block;
	background:url(../images/carte/volet/fleche.png) no-repeat right top;
	padding-right:30px;
	line-height:17px;
}

#fleche_vers_gauche:hover{
}

#fleche_vers_bas{
	display:block;
	background:url(../images/carte/volet/fleche_bas.png) no-repeat right top;
	padding-right:30px;
	line-height:17px;
}

#fleche_vers_bas:hover, .ui-state-active #fleche_vers_bas{
	background:#4a4948 url(../images/carte/volet/fleche_bas_on.png) no-repeat right -1px;
}

.ui-state-active {
	margin:4px 0px 4px 8px;
}

.ui-state-default {
	margin:4px 0px 4px 8px;
}

.ui-accordion-content{
	height:70px;
	overflow:auto;
}

#SliderMap{
	display:none;
	position:absolute;
	margin-left:5px;
	width:705px;    /*750-45*/
	height:542px;   /*570-28*/
	background:url(../images/carte/volet/fd_volet.png);
	z-index:9;
	padding:28px 0px 0px 45px;
}

/******************************  INTRO CARTE  *************************************/
#introCarte
{
    background:url(../images/commun/fd_intro.jpg) no-repeat left top;
    width:750px;
    height:570px;
    margin-left:5px;
}

.divChoixVille
{
    float:left;
    width:400px;
}

.villeIntro
{
    width:124px;
    margin:298px 0 0 169px;
}

#divContenuTexte
{
    float:left;
    color:#474747;
    font-size:11px;
}




/*
#btn_valide
{
	vertical-align:middle;
	width:20px;
    height:24px;
    background:url(../images/commun/fleche_recherche_ville.png) no-repeat left top;
    display:inline-block;
}
#btn_valide:hover
{
    background:url(../images/commun/fleche_recherche_ville_on.png) no-repeat left top;
}*/
/*
.btnRetour
{
	width:96px;
    height:23px;
    background:url(../images/commun/fleche_retour.png) no-repeat left top;
    display:inline-block;
    float:left;
}
.btnRetour:hover
{
    background:url(../images/commun/fleche_retour_on.png) no-repeat left top;
}*/

a.TextRetour
{	
    color:#000000;
	text-decoration:none;
	margin-top:5px;
}

a.TextRetour:hover
{
	text-decoration:none;
	color:#499EE0;
}