/* 
 * Copyright (c) 2009 Slimprod
 * http://www.slimprod.net
 * Il est soumis à la licence GPL
 */
 
 
 * {
margin:0;
padding:0;
}


/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #343028;
	color:#313131;
	font-size:10px;
}

/* Elements mise en page
-------------------------------------------------------- */

h1{
	margin:0;
	margin-bottom:10px;
	padding:0;
}

h2{
	margin:0;
	margin-bottom:5px;
	padding:0;
}

h3{
	margin:0;
	padding:0;
}

h5{
	margin:0;
	padding:0;
}

h5.vert {
	font-size:9px;
	background:#7bad60;
	font-family:Arial;
	color:#FFF;
}

h1.vert {
	font-size:20px;
	color:#7bad60;
	font-family:Arial;
}

h2.vert {
	font-size:18px;
	color:#7bad60;
	font-family:Arial;
}

h3.vert {
	font-size:15px;
	color:#7bad60;
	font-family:Arial;
}

h3.marron {
	font-size:15px;
	color:#343028;
	font-family:Arial;
}

.bordeaux {
	color:#9d033f;
}

.vert {
	color:#7bad60;
}

.degres {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

.big1 {
	color:#9d033f;
}

h3.big1 {
	font-size:15px;
	color:#9d033f;
	font-family:Arial;
}

.big2 {
	color:#73B0CA;
}

h3.big2 {
	font-size:15px;
	color:#73B0CA;
	font-family:Arial;
}

.big3 {
	color:#D766A8;
}

h3.big3 {
	font-size:15px;
	color:#D766A8;
	font-family:Arial;
}

.big4 {
	color:#FF4C4C;
}

h3.big4 {
	font-size:15px;
	color:#FF4C4C;
	font-family:Arial;
}

.big25 {
	color:#F4A148;
}

h3.big25 {
	font-size:15px;
	color:#F4A148;
	font-family:Arial;
}



/* MedocPanel
-------------------------------------------------------- */

#medocpanel {
	overflow:hidden;
	height:110px;
	padding-bottom:20px;
	padding-left:5px;
	padding-top:5px;
	background:#FFF url(images/slidepanelbottom.gif) bottom no-repeat;
	z-index:99;
	width:147px;
	margin-left:25px;
}


/* Page
-------------------------------------------------------- */

#wrapper {
	width: 1021px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 1021px;
}

/* Entête
-------------------------------------------------------- */

#header {
	float: left;
	width: 1021px;
	margin: 0;
	height:176px
	color: #FFFFFF;
}


#vide {
	float: left;
	width: 187px;
	background:#343028;
	margin: 0;
	height:176px;
	color: #FFFFFF;
}

#top {
	float: left;
	width: 834px;
	margin: 0;
	height:176px;
	color: #FFFFFF;
}

/* Menu
-------------------------------------------------------- */

#menu {
	float: left;
	width: 1021px;
	margin: 0;
	height:77px;
	color: #FFFFFF;
	position:relative;
}

#less {
	float: left;
	width: 187px;
	height:77px;
	background:#343028;
}

#flash {
	float: left;
	width: 834px;
	margin: 0;
	height:77px;
	color: #FFFFFF;
	z-index:0;
}


#medocattitude {
color:#FFFFFF;
float:left;
font-size:9px;
left:235px;
position:absolute;
top:7px;
z-index:auto;
}

/* Block actu
-------------------------------------------------------- */

#blockactu {
	width:590px;
	height:155px;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-horizontal;
	border:0;
	position:relative;
}

#actuItem {
	width:580px;
	height:auto;
	margin-bottom:5px;
}

.percentagewrap {
	width: 80%;
	margin: 0 auto;
	padding: 10px;
}
	
.fixedwidth {
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color:#343028;
}
.vscrollerbar {
width: 10px;
background-color:#7BAD60;
}
.hscrollerbase {
height: 10px;
background-color:#343028;
}
.hscrollerbar {
height: 10px;
background-color:#7BAD60;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/* Widget
-------------------------------------------------------- */

#widget {
	width:24px;
	overflow: hidden;
	position: absolute;
	z-index:auto;
	top:65px;
	left:1px;
}


#widget_picto {
	width:24px;
	height:24px;
	overflow: hidden;
	margin-bottom:8px;
}



/* Telecommande, contenu & sidebar
-------------------------------------------------------- */

#medocdiv {
	width:1021px;
	overflow: hidden;
	position: relative;
	padding: 0;
	background:#343028 url(images/footer.gif) bottom right no-repeat;
}


#telecommande {
	float:left;
	width: 187px;
	height:auto;
	margin: 0;
	color: #FFFFFF;
	position:relative;
}


#telecommande_1 {
	width: 187px;
	height:55px;
	color: #FFFFFF;
	background:#343028 url(images/telecommande_1.gif);
	color:#FFF;
}

#telecommande_back {
	width: 157px;
	padding-left:30px;
	color: #343028;
	background:#343028 url(images/telecommande_back.gif) repeat-y;
	font-size:10px;
}


#telecommande_2 {
	width: 187px;
	height:125px;
	color: #FFFFFF;
	background:#343028;
	position:relative;
}

#main {
	float: left;
	width:834px;
	background:#FFF;
	margin-bottom:88px;
}


#chemin {
	float: left;
	width:625px;
	height:14px;
	background:#FFF;
	margin-bottom:10px;
}

#home {
	width:28px;
	float:left;
	height:14px;
}

#arbo {
	margin-left:5px;
	width:587px;
	float:left;
	padding-top:4px;
	height:10px;
	font-size:9px;
	font-family:Verdana;

}

#content {
	float: left;
	width:625px;
	background:#FFF;
}

#contenu {
	float: left;
	padding-left:20px;
	width:600px;
	background:#FFF;
}

#sidebar {
	float: left;
	width:190px;
	background:#FFF;
	margin-left:6px;
	/*background:url(images/sidebar.gif) left repeat-y;*/
	border-left:#343028 1px dashed;
	padding-left:12px;
}

#sep {
	width:100%;
	height:10px;
	background:#FFF;
	margin-top:10px;
	padding-bottom:10px;
	text-align:center;
}

/* LI et ul
-------------------------------------------------------- */
.border_li ul {
	display:none;
	padding-left:10px;
}

.border_li li {
	border-left:#7BAD60 8px solid;
	padding-left:10px;
	list-style:none;
	margin-bottom:5px;
}

.brown_b ul {
	display:none;
	padding-left:10px;
}

.brown_b li {
	padding-left:10px;
	list-style:none;
	margin-bottom:5px;
	margin-left:10px;
	border-left:#343028 5px solid;
}

.brown_b li a:link, a:visited {
	color:#343028;
	text-decoration:none;
}

.brown_b li a:hover {
	color:#7BAD60;
	text-decoration:none;
}


a.LIEN_WHITY:link, a.LIEN_WHITY:visited {
	color:#FFF;
	text-decoration:none;
}
a.LIEN_WHITY:hover {
	color:#B4B0A7;
	text-decoration:none;
}



/* Themes / SThemes
-------------------------------------------------------- */

#themesprez {
	width:600px;
	height:148px;
	margin-bottom:5px;
}

#themesprezimg {
	width:146px;
	float:left;
	height:148px;
	overflow:hidden;
}

#themespreztxt {
	width:400px;
	margin-left:10px;
	float:left;
	height:98px;
	overflow:hidden;
}

#themes_sthemeliste {
	width:100%;
	height:auto;
}

#themes_sthemeliste ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#themes_sthemeliste li {
	display:inline-block;
	margin-left:20px;
	padding-left:5px;
	margin-bottom:10px;
}

#themes_sthemeliste li.sth1 {
	border-left:#9D033F 5px solid;
}

#themes_sthemeliste li.sth2 {
	border-left:#73B0CA 5px solid;
}

#themes_sthemeliste li.sth3 {
	border-left:#D766A8 5px solid;
}

#themes_sthemeliste li.sth4 {
	border-left:#FF4C4C 5px solid;
}


#themes_sthemeliste li.sth25 {
	border-left:#F4A148 5px solid;
}

#sthemeImg {
	width:580px;
	height:93px;
	margin-left:5px;
}

#sthemeBarre1 {
background:#9D033F;
height:5px;
width:580px;
margin-left:5px;
}

#sthemeBarre2 {
background:#73B0CA;
height:5px;
width:580px;
margin-left:5px;
}

#sthemeBarre3 {
background:#D766A8;
height:5px;
width:580px;
margin-left:5px;
}

#sthemeBarre4 {
background:#FF4C4C;
height:5px;
width:580px;
margin-left:5px;
}

#sthemeBarre25 {
background:#F4A148;
height:5px;
width:580px;
margin-left:5px;
}

#sthemeDesc {
background:#343028;
height:20px;
width:570px;
margin-left:5px;
padding-top:5px; padding-left:5px; padding-right:5px;
color:#FFF;
}



/* I Love Medoc
-------------------------------------------------------- */

#ilovemedocPage {
	width:600px;
	height:105px;
	margin-bottom:5px;
}

#ilovemedocpicto {
	width:146px;
	float:left;
	height:105px;
	overflow:hidden;
}

#ilovemedoctxt {
	width:400px;
	margin-left:20px;
	float:left;
}

.champFormIloveMedoc {
border:1px solid #343028;
color:#343028;
font-size:11px;
padding-top:2px;
padding-bottom:2px;
}

.zoneSaisie {
background-color:#FFFFFF;
border:1px solid #343028;
color:#343028;
font-size:11px;
margin:0;
padding:0;
}

#ilovecaptchaBloc {
	width:500px;
	height:31px;
}

#ilovecaptchaImg {
	width:93px;
	float:left;
	height:31px;
}

#ilovecaptchaTxt {
	width:250px;
	float:left;
	height:29px;
	margin-left:10px;
	margin-top:3px;
}

#ilovecaptchaForm {
	width:100px;
	float:left;
	height:31px;
}

.champCaptIloveMedoc {
	border:1px solid #343028;
	color:#343028;
	font-family:Century;
	font-size:20px;
	font-weight:bold;
	height:26px;
	padding-top:3px;
	text-align:center;
	vertical-align:middle;
}



#ilovemedocMess {
	width:600px;
	height:auto;
	margin-bottom:5px;
}

#ilovemedocMess ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#ilovemedocMess li {
	width:550px;
	display:block;
	margin-left:15px;
	margin-bottom:5px;
	padding:10px;
	color:#343028;
	background:#DFDCD1;
}

#ilovemedocForm {
display:block;
height:auto;
margin-left:10px;
width:580px;
}


/* Pub
-------------------------------------------------------- */

#publicitePage {
	width:600px;
	height:90px;
	margin-bottom:5px;
}

#publicitepicto {
	width:60px;
	float:left;
	height:90px;
	overflow:hidden;
}

#publicitetxt {
	width:500px;
	margin-left:20px;
	float:left;
}

#publicite {
	width:550px;
	height:auto;
	display:block;
	margin-bottom:5px;
	border-left:#7BAD60 5px solid;
	display:block;
	margin-bottom:2px;
	padding-left:5px;
}


/* Page Ville
-------------------------------------------------------- */

#villeMap {
	width:590px;
	height:auto;
}

#villeMap ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#villeMap li {
	width:270px;
	display:inline-block;
	margin-left:10px;
	margin-bottom:15px;
	padding:5px;
	border:1px dashed #B4B0A7;
	background:#EEEEEE;
}

#villeInfos {
height:auto;
display:block;
margin-left:5px;
width:590px;
}

/* Page commerce
-------------------------------------------------------- */

#commerceImg {
height:158px;
position:relative;
width:202px;
text-align:center;
}

#commerceMask {
height:100%;
position:absolute;
width:100%;
top:0; left:0;
}

#vote {
	width:190px;
	height:45px;
	text-align:left;
	background:#343028;
}

#votePicto {
	width:83px;
	height:45px;
	float:left;
	text-align:left;
}


#voteNumber {
	color:#FFFFFF;
	float:left;
	font-family:Arial;
	font-size:35px;
	font-weight:bold;
	height:45px;
	text-align:center;
	width:60px;
}

#voteLegende {
	color:#7BAD60;
	float:left;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	height:31px;
	margin-top:13px;
	text-align:center;
	width:45px;
}

#voteComment {
	width:190px;
	margin-top:5px;
	text-align:center;
}

.voteImg { cursor:pointer; border:0; }


/* Elements SideBar
-------------------------------------------------------- */

#date {
	width:180px;
	height:auto;
	margin-top:10px;
	padding-bottom:10px;
	text-align:center;
}

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

.big {
	color:#343028;
	font-size:24px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}


#meteo {
	width:190px;
	height:31px;
	margin-top:10px;
	padding-bottom:10px;
	text-align:center;
}

#picto {
	width:55px;
	height:31px;
	float:left;
	text-align:center;
}

#tablo {
	width:130px;
	margin-left:5px;
	height:29px;
	float:left;
	text-align:center;
	font-size:9px;
	padding-top:2px;
	background:#343028 url(images/meteo_arrondi) left no-repeat;
}

#meteoville {
	width:550px;
	height:auto;
	margin-left:20px;
}

#surfreport {
	width:190px;
	height:16px;
	margin-top:10px;
	text-align:center;
}

#surfreportPage {
	width:520px;
	margin-left:50px;
	margin-bottom:5px;
	display:block;
}

#surfreportLegende{
	width:100%;
	height:20px;
	color:#7BAD60;
	display:block;
	text-align:center;
	background:#343028;
}


.reportL {
margin-bottom:2px;
font-weight:bold;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
padding-right:10px;
width:165px;
background:#343028;
color:#FFF;
font-weight:bold;
}

#vagues {
	float:left;
	width:50px;
	margin-left:5px;
	height:15px;
	text-align:center;
	font-size:9px;
	padding-top:2px;
	padding-left:10px;
	background:#343028 url(images/meteo_arrondi.gif) left top no-repeat;
}

#reportLine {
	width:190px;
	height:15px;
	margin-top:5px;
	text-align:center;
}

#vaguesLine {
	float:left;
	width:50px;
	margin-left:5px;
	height:15px;
	text-align:center;
	font-size:9px;
	padding-top:2px;
	padding-left:10px;
	background:#343028;
	color:#FFF;
	font-weight:bold;
}

#ventLine {
	float:left;
	width:40px;
	margin-left:3px;
	height:15px;
	text-align:center;
	font-size:9px;
	padding-top:2px;
	background:#343028;
	color:#FFF;
	font-weight:bold;
}

#directionLine {
	float:left;
	width:65px;
	margin-left:3px;
	height:15px;
	text-align:center;
	font-size:9px;
	padding-top:2px;
	padding-right:10px;
	background:#343028;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}

#vent {
	float:left;
	width:40px;
	margin-left:3px;
	height:15px;
	text-align:center;
	font-size:9px;
	padding-top:2px;
	background:#343028;
}

#direction {
	float:left;
	width:65px;
	margin-left:3px;
	height:15px;
	text-align:center;
	font-size:9px;
	padding-top:2px;
	padding-right:10px;
	background:#343028 url(images/meteo_arrondi2.gif) right top no-repeat;
}

#commentsreport {
	width:149px;
	text-align:center;
	font-size:9px;
	margin-top:3px;
	margin-left:20px;
	padding:1px;
	background:#343028;
	font-size:9px;
}

#GaleriePhoto {
	width:570px;
	height:90px;
	margin-bottom:5px;
	display:block;
	overflow:hidden;
	margin-left:10px;
}

#GaleriePhotoItem {
	width:80px;
	height:80px;
	border:#7BAD60 2px solid;
	margin-left:4px;
	float:left;
	overflow:hidden;
	text-align:center;
}


/* Elements Telecommande
-------------------------------------------------------- */

#telecommande_back li {
	list-style-type:disc;
	list-style-position:inside;
	border-bottom:#b4b0a7 1px dashed;
	padding-bottom:2px;
	padding-top:2px;
	font-size:10px;
	font-weight:bold;
}

#telecommande_back li a:link, a:visited {
	font-size:10px;
	color:#343028;
}

#telecommande_back li a:hover {
	font-size:10px;
	color:#7BAD60;
	text-decoration:none;
}

#telecommande_back ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#controlslide {
	width:157px;
	text-align:center;
	margin-bottom:5px;
	margin-top:5px;
}

/* Menu
-------------------------------------------------------- */

#menugm {
	width:157px;
	height:auto;
	margin-bottom:5px;
	margin-top:5px;
}

#menugm ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#menugm li {
	display:block;
	padding-left:5px;
	margin-bottom:2px;
	border-bottom:0;
	border-left:#7BAD60 5px solid;
	font-weight:bold;
}

#menugm li a:link, a:visited {
	font-size:10px;
	color:#343028;
}

#menugm li a:hover {
	font-size:10px;
	color:#7BAD60;
	text-decoration:none;
}


/* Elements Tableaux
-------------------------------------------------------- */
.enteteTbl {
	background:#7BAD60;
	color:#FFFFFF;
	font-weight:bold;
	padding:4;
	text-align:center;
	height:21px;
}

.colTbl {
	background:#343028;
	color:#7BAD60;
	font-weight:bold;
	padding:4;
	text-align:center;
	height:21px;
}

.lineTbl {
	background:#B4B0A7;
	color:#FFF;
	font-weight:bold;
	padding:4;
	text-align:center;
	height:21px;
	text-transform:uppercase;
}

 


/* Pied de page
-------------------------------------------------------- */

#pied {
	float: left;
	width:1021px;
}


#endless {
	float: left;
	width:187px;
}

#ilovemedoc {
	width:171px;
	float:left;
	color:#FFFFFF;
	font-size:9px;
	font-family:Arial;
}


#signature {
	width:663px;
	float:left;
	color:#FFFFFF;
	font-size:9px;
	color:#FFFFFF;
	font-family:Arial;
	text-align:center;
	line-height:15px;
}


/* Google Map Skin
-------------------------------------------------------- */

#carte_tbl {
	width:590px;
	height:269px;
	margin-left:5px;
	overflow:hidden;
	position:relative;
}

#carte_tbl_titre {
	width:580px;
	height:20px;
	background:#343028;
	color:#FFF;
	padding:5px;
}

#carte_tbl_top {
	width:590px;
	height:30px;
	z-index:5;
	position:absolute;
	top:22px;
	left:0;
	background:url(images/carte_tbl_top.png) no-repeat bottom;
}

#carte_tbl_help {
	width:28px;
	height:28px;
	z-index:10;
	position:absolute;
	top:8px;
	right:10px;
}



/* Themes Accueil
-------------------------------------------------------- */

#themes_tbl {
	width:590px;
	height:259px;
	position:relative;
	margin-left:10px;
	overflow:hidden;
}

#themes_tbl_top {
	width:590px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
}

#themes_tbl_itemsGroup {
	width:590px;
	height:120px;
}

#themes_tbl_items {
	width:146px;
	float:left;
	height:120px;
	position:relative;
}

#themes_tbl_title {
	width:146px;
	background:#343028;
	height:15px;
	padding-top:2px;
	position:absolute;
	left:0;
	bottom:5px;
	font-size:9px;
	color:#FFF;
	font-family:Verdana;
	text-align:center;
}

#themes_tbl_img {
	width:146px;
	background:#FFF;
	height:98px;
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
}

#themes_tbl_th1 {
	width:146px;
	background:#9D033F;
	height:5px;
	position:absolute;
	left:0;
	bottom:0;
}

#themes_tbl_th2 {
	width:146px;
	background:#73B0CA;
	height:5px;
	position:absolute;
	left:0;
	bottom:0;
}

#themes_tbl_th3 {
	width:146px;
	background:#D766A8;
	height:5px;
	position:absolute;
	left:0;
	bottom:0;
}

#themes_tbl_th4 {
	width:146px;
	background:#FF4C4C;
	height:5px;
	position:absolute;
	left:0;
	bottom:0;
}

.themes_tbl_decal {
	margin-left:2px;
}

#themes_tbl_details {
	width:590px;
	height:120px;
	position:relative;
	background:#e5e5e5 url(images/themes_tbl_details.gif) no-repeat;
}


#themes_tbl_active1 {
	width:146px;
	height:10px;
	position:absolute;
	top:0;
	left:0;
}

#themes_tbl_active2 {
	width:146px;
	height:10px;
	position:absolute;
	top:0;
	left:148px;
}

#themes_tbl_active3 {
	width:146px;
	height:10px;
	position:absolute;
	top:0;
	left:296px;
}

#themes_tbl_active4 {
	width:146px;
	height:10px;
	position:absolute;
	top:0;
	left:444px;
}

#themes_tbl_sth {
	color:#343028;
	float:left;
	font-size:9px;
	height:auto;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:25px;
	width:250px;
}
.themes_tbl_infos {
	height:85px;
	left:10px;
	position:absolute;
	top:25px;
	width:570px;
}

#themes_tbl_end {
	width:580px;
	height:14px;
	background:#FFF url(images/themes_tbl_end.gif) no-repeat;
	text-align:right;
	padding-right:10px;
	padding-top:8px;
	
}

#themes_tbl_desc {
	float:left;
	height:110px;
	margin-left:10px;
	margin-top:10px;
	width:430px;
}


#news {
	width:580px; height:auto;
}

#news_date {
	width:90px; height:auto; float:left; font-size:9px;
}

#news_content {
	width:470px;
	height:auto;
	float:left;
	border-left:#343028 1px solid;
	margin-left:2px;
	padding-left:5px;
}

/* Slide Ville Acc
-------------------------------------------------------- */
#menucommerces {
	width:190px;
	height:auto;
}

a.COMMERCES, a.COMMERCES:visited {
font-weight:bold;
color:#343028;
text-decoration:none;
}

a.COMMERCES:hover {
font-weight:bold;
color:#B4B0A7;
text-decoration:none;
}


.commerceMaster {
margin-bottom:2px;
font-weight:bold;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
padding-right:10px;
width:165px;
background:#7BAD60;
color:#FFF;
font-weight:bold;
}

.commerceMaster:hover {
background:#B4B0A7;
cursor:pointer;
}

.reportMasternone {
margin-bottom:2px;
font-weight:bold;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
padding-right:10px;
width:165px;
background:#7BAD60;
color:#FFF;
font-weight:bold;
}

.reportMasterblock {
margin-bottom:2px;
font-weight:bold;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
padding-right:10px;
width:165px;
background:#B4B0A7;
color:#FFF;
font-weight:bold;
cursor:pointer;
}

.reportMasternone:hover {
background:#B4B0A7;
cursor:pointer;
}


.commerceMasterHover {
margin-bottom:2px;
font-weight:bold;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
padding-right:10px;
width:165px;
background:#B4B0A7;
color:#FFF;
font-weight:bold;
cursor:pointer;
}

.commerceSub {
background:#FFF;
margin-left:10px;
width:155px;
height:auto;
margin-top:5px;
margin-bottom:10px;
}

.commerceSub li.commerceSrub {
border-left:5px solid #B4B0A7;
display:block;
font-weight:bold;
margin-bottom:2px;
padding-left:5px;
background:#FFF;
}

#listeVillesCarte {
	width:590px;
	height:auto;
	line-height:19px;
}


/* Affichage des block commerces (liste)
-------------------------------------------------------- */

#listeCommerce {
	width:570px;
	height:83px;
	border-bottom:1px dashed #B4B0A7;
	padding:5px;
	margin-bottom:5px;
}

#listeCommerceNumber {
	width:38px;
	height:83px;
	background:url(images/listecommercesborder.gif) no-repeat;
	float:left;
	position:relative;
}

#listeCommerceNum {
	background:transparent url(images/listecommercesnum.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeCommerceContent {
	width:395px;
	height:73px;
	padding-top:10px;
	float:left;
}

#listeCommerceFiche {
	width:133px;
	margin-left:2px;
	height:34px;
	padding-top:25px;
	float:left;
	overflow:hidden;
}

/* Client VIP
-------------------------------------------------------- */

#listeVIP {
	width:570px;
	height:101px;
	padding:5px;
	margin-bottom:5px;
	background:url(images/vipback.gif)  no-repeat;
}

#listeVIPNumber {
	width:38px;
	height:83px;
	float:left;
	position:relative;
}

#listeVIPNum {
	background:transparent url(images/listecommercesnum.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeVIPContent {
	width:350px;
	height:73px;
	padding-top:10px;
	float:left;
}

#listeVIPFiche {
	width:173px;
	margin-left:2px;
	height:70px;
	padding-top:15px;
	float:left;
	text-align:center;
}

/* Gestion des commerces par theme
-------------------------------------------------------- */

#listeCommerceThemeFiche {
	width:143px;
	margin-left:2px;
	height:34px;
	padding-top:25px;
	float:left;
	overflow:hidden;
}

#listeCommerceThemeContent {
	width:385px;
	height:73px;
	padding-top:10px;
	float:left;
}

#listeCommerceNumCase1 {
	background:url(images/num1.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeCommerceNumCase2 {
	background:url(images/num2.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeCommerceNumCase3 {
	background:url(images/num3.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeCommerceNumCase4 {
	background:url(images/num4.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeCommerceNumCase25 {
	background:url(images/num25.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

/* Gestion des commerces par theme et VIP
-------------------------------------------------------- */

#listeVIPThemeContent {
	width:370px;
	height:73px;
	padding-top:10px;
	float:left;
}

#listeVIPThemeFiche {
	width:145px;
	margin-left:2px;
	height:70px;
	padding-top:15px;
	float:left;
	text-align:center;
}

#listeVIPNumCase1 {
	background:url(images/num1.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeVIPNumCase2 {
	background:url(images/num2.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeVIPNumCase3 {
	background:url(images/num3.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeVIPNumCase4 {
	background:url(images/num4.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

#listeVIPNumCase25 {
	background:url(images/num25.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:0;
	padding-top:5px;
	padding-left:2px;
	position:absolute;
	text-align:center;
	top:15px;
	width:26px;
}

/* Liens
-------------------------------------------------------- */

#filtre {
	margin-bottom:5px;
	margin-top:5px;
	padding:5px;
	padding-left:15px;
	width:565px;
	font-weight:bold;
	cursor:pointer;
	border:#313131 1px solid;
	background:url(images/fleche.gif) no-repeat center left;
}

#scatPanel {
	margin-bottom:5px;
	margin-top:5px;
	padding:5px;
	width:580px;
	font-weight:bold;
}



/* Liens
-------------------------------------------------------- */

a, a:visited {
	text-decoration: none;
	color:#313131;
}

a:hover  {
	text-decoration: underline;
	color:#313131;
}

a.THEMES, a.THEMES:visited {
	text-decoration: none;
	color:#FFF;
}

a.THEMES:hover  {
	text-decoration: none;
	color:#7BAD60;
}

a.FOOTER, a.FOOTER:visited {
	color: #FFF;
	text-decoration: none;
}

a.FOOTER:hover  {
	color: #7BAD60;
	text-decoration: none;
}

a.MEDOC, a.MEDOC:visited {
	color: #7BAD60;
	font-weight:bold;
	text-decoration: none;
}

a.MEDOC:hover  {
	color: #343028;
	font-weight:bold;
	text-decoration: none;
}

a.BLOK, a.BLOK:visited {
	background-color:#7BAD60;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
}
 
a.BLOK:hover  {
	background-color:#B4B0A7;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
}

a.BLOK2, a.BLOK2:visited {
	background-color:#B4B0A7;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
}
 
a.BLOK2:hover  {
	background-color:#7BAD60;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
}


a.vert, a.vert:visited {
	color: #7BAD60;
	text-decoration: none;
}

a.vert:hover  {
	color: #7BAD60;
	text-decoration: underline;
}

a.COPY, a.COPY:visited {
	color: #7BAD60;
	text-decoration: none;
}

a.COPY:hover  {
	color: #FFF;
	text-decoration: none;
}


a.VERT, a.VERT:visited {
	color: #7BAD60;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
}

a.VERT:hover  {
	color: #343028;
}

a.VERTH2, a.VERTH2:visited {
	color: #7BAD60;
	text-decoration: none;
	font-size:15px;
	font-weight:bold;
}

a.VERTH2:hover  {
	color: #343028;
}

a.BROWN, a.BROWN:visited {
	color: #343028;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
}

a.BROWN:hover  {
	color: #7BAD60;
	text-decoration: underline;
	font-size:10px;
	font-weight:bold;
}

a.th1, a:visited.th1 {
	color:#9d033f;
}

a:hover.th1 {
	color:#343028;
	text-decoration:none;
}

a.th2, a:visited.th2 {
	color:#73B0CA;
}

a:hover.th2 {
	color:#343028;
	text-decoration:none;
}

a.th3, a:visited.th3 {
	color:#DB67AB;
}

a:hover.th3 {
	color:#343028;
	text-decoration:none;
}

a.th4, a:visited.th4 {
	color:#FF4C4C;
}

a:hover.th4 {
	color:#343028;
	text-decoration:none;
}


a.th25, a:visited.th25 {
	color:#F4A148;
}

a:hover.th25 {
	color:#343028;
	text-decoration:none;
}


/* Slinding panel
-------------------------------------------------------- */

#slvilles.SlidingPanels {
	width: 150px;
	height: 155px;
}
#slvilles .SlidingPanelsContentGroup {
	float: left;
	height: 10000px;
}
#slvilles .SlidingPanelsContent {
	float: left;
	width: 150px;
	height: 155px;
}

/* Galerie Page Ville
-------------------------------------------------------- */

#galerieVille {
	width: 515px;
	height: 55px;
}

#galerieVilleImg {
	width: 90px;
	float:left;
	height: 50px;
	margin-left:7px;
	border:#343028 2px solid;
}

#galerieVilleImg:hover {
	border:#B4B0A7 2px solid;
}

#galerieVille.SlidingPanels {
	width: 515px;
	height: 55px;
}
#galerieVille .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#galerieVille .SlidingPanelsContent {
	float: left;
	width: 515px;
	height: 55px;
}

#moncommerce {
	width:178px;
	height:auto;
	font-size:9px;
	text-align:center;
}

.planDiv {
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px dashed #B4B0A7;
	border-top:1px dashed #B4B0A7;
}


/* Guide Meodc Ad
-------------------------------------------------------- */

#GmAd {
	height:auto;
	margin-bottom:5px;
	padding-left:35px;
	padding-top:5px;
	padding-bottom:5px;
	width:560px;
	border:1px dashed #343028;
	position:relative;
}

/* Tableaux
-------------------------------------------------------- */

.tbl_bottom {
	border-bottom:1px dashed #B4B0A7;
	padding:5px;
}

.tbl_5px {
	padding:5px;
}

.tbl_2px {
	padding:2px;
	font-size:13px;
}


/* Correction IE6
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}