body {
	background: url(../images/bgGradient.png) repeat-x;
	margin:0 auto;
	background-position:top;
	font-family:arial, sans-serif;
	font-size:11px;
}

h1, h2 {
	text-indent:-9999px;
}
h3, h4 {
	font-family:arial, sans-serif;
	font-size:20px;
	color:#FFF;
	padding: 46px 0 0 70px;
}
h4 {
	padding:14px 0 30px 120px;
	color:#999;
}

h5{
	font:normal bold 13px arial, sans-serif;
	width:450px;
	color:#00BBCC;
	margin:25px 0 0 50px;
	text-align:left;
}

h5.Squares
{
    background:url("../images/smallTwoSquare.png") no-repeat scroll right 2px #E5E5E5;
    line-height:20px;
}

h6{
	width:450px;
	margin:25px 0 0 70px;
	text-align:left;
}

.vtvG, .vtvT {
    color: #99CC01;
    font-weight: 900;
}

.spacer_10{display:block; float:none; height:10px;}
.spacer_20{display:block; float:none; height:20px;}
.spacer_25{display:block; float:none; height:25px;}
.spacer_50{display:block; float:none; height:50px;}
.spacer_100{display:block; float:none; height:100px;}

.ellipsis{text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-binding: url("ellipsis-xbl.xml#ellipsis"); white-space: nowrap; overflow: hidden;}

.bottomLine{width:960px; height:15px; background-color:#00b9c9; position:absolute; left:0px; top:-16px;}

.SearchTextbox{
    border:none; margin:4px 0 0 2px; font-weight:bold;
}

.OneSectionOffer{
    border-bottom:1px solid #00BBCC;
    width:100%;
    padding:10px 0 25px;
    margin-bottom:5px;
}

.OneSectionOffer span{
    color:#99CC00;
    font-weight:bold;
    font-size:16px;
    margin: 10px 0;
    display:block;
}

.OneSectionOffer p{
    font-size:14px;
    margin-bottom:5px;
}

.OneRow{
    height: 16px;
    line-height: 16px;
    margin-bottom: 10px;
}

.OneRow span{
    color:#99CC00;
    font-weight:bold;
    font-size:14px;
    float:left;
    margin: 0;
}

.OneRow p
{
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    vertical-align: bottom;
}

.GreenBar{width:625px; margin-right:10px; height:20px; padding-top:5px; background-color:#99CC00; float:left;}
.OneSectionOffer .GreenBar span{ margin: 0; display:inline;}
.BlueBar{width:35px; height:20px; padding-top:5px;  background-color:#00BBCC; float:left;}
.OneSectionOffer .BlueBar span{ margin: 0; display:inline;}


.logo {
	float:left;
	height:110px;
	width:590px;
}

.logoWrap{
	height:156px;
	position:relative;
}

span.tel
{ 
    display:block;
}
span.tel a
{ 
    text-decoration:none;
}

.social{
	float:left;
	padding-top:15px;
}
.social p{
	font-family:Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#666;
	
	float:left;
	padding:10px 10px 0 0;
}
.social img{
	margin:3px;
}

.social .ILike
{
    width:90px;
    margin-top:5px;
    float:left;
    margin-left:20px;
}

.social .miniVTV img
{
    width:25px;
}

.meteo{
	text-align:center;
	float:left;
	background:url(../images/meteoBox.png) no-repeat;
	width:186px;
	height:87px;
}

.UniqueCodeGo
{background:url(../images/BOUTON-GO-code-video.png) no-repeat; width:46px; height:22px; display:block; text-indent:-9999px; margin-left:5px;}

p .PubItem
{
      background:url("../images/smallGreenArrow.png") no-repeat scroll left center;
      padding-left:25px;
      margin:4px 0 4px 8px;
      display:block;
        
}

.TreeView{margin-top:10px; font-size:12px; color:#777777; margin-left:-40px;}
.TreeView tr{width:240px; display:block;}
.TreeView td{line-height:16px; vertical-align:middle;}
.TreeView td span {color:#aaaaaa;}
.TreeView td a, .TreeView td a:visited {color:#777777;}
.TreeView td a:hover{color:#444444;}
.TreeView .SelectedNode{color:#00b9c9; font-weight:bold;}

/***************** MENU ***************/
.menuWrap{
	display:block;
	height:34px;
	position:relative;
}

.OngletInfoLettre
{
    position:absolute;
    right:96px;
}

.IMGInfoLettre
{
    padding-top:5px;
}
.OngletYoutube 
{
    width:123px;
}
.menuWrap ul li a.OngletYoutube span
{
    padding-left:12px;
}
.OngletYoutube img
{
    border-width: 0;
    height: 26px;
    margin-left: -12px;
    margin-right: 5px;
    margin-top: 5px;
    width: 25px;
    position:absolute;
}
.menuWrap ul {
    padding: 0px;
    margin: 0 0 0 5px;
    list-style: none;
    float: left;
    width:960px;
}

.menuWrap ul li {
    float: left;
    display: inline; /*For ignore double margin in IE6*/
    margin: 0 7px;
    position:relative;
}

.menuWrap ul li a {
    text-decoration: none;
    float:left;
    color: #999;
    cursor: pointer;
	font: 16px/34px arial, serif;  /*15px/34px 'Nobile', arial, serif;*/
	/*font: 15px/34px 'Josefin Sans', arial, serif;*/
	
	background: url(../images/gris.png) no-repeat top right;
}

.menuWrap ul li a span {
    margin: 0 10px 0 -10px;
    padding: 1px 8px 5px 18px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
	background: url(../images/gris.png) no-repeat top left;
}
.menuWrap ul li a:hover span {
	color:#666;

}

.menuWrap ul.menu li a.current {
    background: url(../images/green.png) no-repeat top right;
    color: #FFF;
}

.menuWrap ul.menu li a.current span { 
    background: url(../images/green.png) no-repeat top left;
}

/* ---------- POSITION DU TAB S'INSCRIRE --------- */
.menuWrap ul.menu li.last{margin-left:85px; float:right;}
/* ----------------------------------------------- */

.menuWrap ul.menu li a.blue {
    background: url(../images/blue.png) no-repeat top right;
    color: #FFF;
}

.menuWrap ul.menu li a.blue span { 
    background: url(../images/blue.png) no-repeat top left;
}


.blockRegion{
	height:106px;
	position:relative;
}
.blockVille{
	height:98px;
}
.blockRegion .cboChoice, .blockVille .cboChoice
{
    float:left;
    margin-top:45px;
}

.blockRegion .cboChoice select, .blockVille .cboChoice select
{
   width:395px; height:25px; font-size:17px;    
} 
.blockVille .cboChoice .cboFilters
{
    width: 230px; font-size: 15px; height: 24px; margin-left:75px; line-height:24px;
}

.blockVille h5
{
    text-align: left; margin-top: 13px; width:185px; margin-left:75px;
}

.blockVille .NoCity 
{
 width:640px;
}

.blockVille .NoCity h3, .topSectionText h3
{
    color:#99CC00;font-size:25px; padding-top:20px;
}

.blockVille p, .topSectionText p
{
    font-size:15px;margin-left:72px;margin-top:8px;
}

.blockBanner{
	float:left;
	width:960px;
	height:96px;
	text-align:center;
	padding-top:5px;
}

.siteWrap{
	width:1060px;
	height:494px; /*474px*/
	margin: 0 auto;
	background:url(../images/bgShadow.png) no-repeat 0 25px;
}
.siteWrapFirstStepOnly
{
    width:1060px;
	height:499px;
	margin: 0 auto;
    background:url(../images/bgShadowFirstStepOnly.png) no-repeat 0 25px;
}

.BannerGif
{
    width:728px;
    height:90px;
    margin:auto;
}

.mainWrap{
	width:1060px;
	background:url(../images/bgShadow-y.png) repeat-y;
	z-index:1000;
	margin: 0 auto;
	position:relative;
}

.contentWrap{
	width:900px;
	padding:0 10px 0 50px;
	margin: 0 auto;
	
}
.number3{
	position:absolute;
	margin-top:-20px;
	left: 42px;
	z-index:500;
}

.col1, .col2, .col3{
	float:left;
	width:240px;
	/*height:656px;*/
	min-height:656px;

  height:auto !important;

  height:656px;
}

.col123Full
{
  	float:left;
	width:720px;
	min-height:656px;  
}

.col123Full p
{
font-size:15px;
margin-left:70px;
margin-top:15px;
}

.col1{
	background:url(../images/bgCol1.png) no-repeat;
}
.col2{
	background:url(../images/bgCol2.png) no-repeat;
}
.col3{
	background:url(../images/bgCol3.png) no-repeat;
}
.col4{
	width:180px;
	text-align:center;
	float:left;
}

.col1234Full
{
  	float:left;
	width:910px;
	min-height:656px;  
	margin-left:-25px;
}

.contentWrap ul li a .smallNum
{
    color:#00BBCC;
    font-size:10px;
    /*display:block;
    margin-top:-15px;
    left:70px;
    position:absolute;
    top:14px; */
}

.contentWrap ul {
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	line-height:14px;
	color:#666;
}

.contentWrap ul li.OneRow{height:auto;}

.contentWrap ul li{
	padding:30px 0 0 70px;
	float:left;
	width:170px;
	height:41px;

}

.contentWrap ul li span{
	font-size:12px;
}



.contentWrap ul li a,
.contentWrap ul li span a{
    color:#ccc;
	text-decoration:none;
	cursor:default;
}

.contentWrap ul li a.active,
.contentWrap ul li span a.active{
	color:#666;
	cursor:pointer;
	text-decoration:none;
}

.contentWrap ul li a.active:hover,
.contentWrap ul li span a.active:hover{
	color:#00BBCC;
}

.footer{
	width:900px;
	font-size:10px;
	color:#2E210F;
	padding: 25px 30px;
	margin-left:-50px;
	margin-top:55px;
	border-top: 1px solid #DDD;
	position:relative;
}
.footer p, .footer p a{
	float:left;
    padding-right:20px;
    text-align:left;
    width:260px;
}

.footer a {
	float:right;
	color:#666;
	text-decoration:none;
}
.footer a:hover,
.footer a:visited:hover{
	color:red;
}

.footer .blue{
	float:right;
	font-size:15px;
	font-weight:bold;
	color:#00BBCC;
	width:180px;
	margin: -12px 20px 5px 0;/*-4px 10px 5px 0;*/
}

.footerBG{
	width:100%;
	height:225px;
	background:url(../images/bgFooter.png);
	margin-top:-225px;
	background-position:top;
	z-index:1;
	position:relative;
}

.LetterA
{
    float:left;
    margin:8px 13px 0 16px;   
}
.LetterB
{
    float:right;
    margin:31px 20px 0 0px;   
}

div.onePostit
{
    margin:40px 3px 0 4px;
    background-color:#ededed; 
    width:197px; 
    float:left;
    height:350px;
    position:relative;
    border: 1px solid #BFBFBF;
}

div.onePostit h5
{
    margin: 3px 0 3px 8px;
    width:208px;
}
div.onePostit p
{
    margin:3px 0 3px 10px; line-height:13px;
}

div.onePostit p.lastP
{
    margin-bottom:10px;
    padding-bottom:10px;    
}

div.onePostit p.firstP
{
    margin-top:0px;
    padding-top:10px;    
}

div.onePostit hr
{
    width:125px;
    height:1px;
    text-align:left;
    margin: 0 auto 0 10px;
}

div.onePostit .imgPromoSmall
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;  
    height:197px;
    position:relative;
    width:197px;
}

div.onePostit .imgPromoSmall a
{
    text-align:center;
    position:relative;
}
div.onePostit .imgPromoSmall *
{
    vertical-align: middle;
    display:block;
}

div.onePostit .imgPromoSmall img
{
    display:inline;
}

div.onePostit p, div.onePostit h5
{
    font-size:11px;
    width:183px;
}

div.onePostit .lastP
{
    width:170px;
}


.onePostit .imgPromoSmall {
    display: block;
}
.onePostit .imgPromoSmall span {
    display: inline-block;
    height: 100%;
    width: 1px;
}


/*div.onePostit .imgPromoSmall img
{
    margin:15px 0;
}*/


div.onePostit .imgPromoSmall .pinBabillard
{
    background:url(../images/pinBabillard.png) no-repeat; 
    width:47px; 
    height:46px; 
    position:absolute; 
    top:-30px; 
    margin-left:72px;   
}

div.onePostit p.moreSpace
{
    margin-bottom:10px;
}

div.onePostit .playButton
{
    position:absolute;
    height:35px;
    right:11px;
    top:107px;
    width:35px;
}

.ConcoursDiv
{
    width:910px;
    height:1700px;
    background:url(../images/Page_Concours.png) no-repeat -25px top;
    margin:auto;
    position:relative;
}

.ConcoursPlayButton:hover
{
    background:url(../images/Concours_PlayHover.png) no-repeat left top;
    cursor:pointer;
}

.ConcoursCheckedBox
{
    background:url(../images/concours_CheckedBox.png) no-repeat left top;
}

.ConcoursSendButton:hover
{
    background:url(../images/Concours_Envoyer.png) no-repeat left top;
    cursor:pointer;
}

.CustomTextbox{display:block; width:320px; padding:0 10px; height:40px; background:url(../images/TextBox_Infolettre.png) no-repeat left top;margin-top: 5px;}
.CustomTextbox input, .CustomCombobox label.select{border:none; background:none; font-size:16px; height:24px; font-weight:bold; margin-top:5px; width:300px;}
.CustomCombobox{display:block; width:320px; padding:0 10px; height:40px; background:url(../images/Combobox_Infolettre.png) no-repeat left top;}
.CustomCombobox:hover{background:url(../images/Combobox_Infolettre_Hover.png)no-repeat left top; cursor:pointer;}
.CustomCombobox label.select{cursor:pointer;}

.CustomTextArea{background-color: #CACACA; border-radius: 5px 5px 5px 5px; margin-top: 5px; padding: 10px; width: 300px;}
.CustomTextArea textarea{border:none; background-color: transparent;}

.PanelRegion{width:300px; background:#CACACA; padding:10px; height:195px; margin-top:-3px;}
.PanelRegion div{float:left; width:145px;}



.ulHeader
{width:580px;margin-top:15px; position:relative;}
.ulHeader li.divider
{background: url(../images/bgShadowListingBusiness.png) no-repeat top center; padding:20px 0 0 0; margin-top:5px; height:10px; width:100%;}
.ulHeader li.nolisting
{float: none;line-height: 16px; text-align: center; margin: 0 0 10px 0; padding-top: 30px; height: 130px;width: 453px;}

.ulHeader li.levelsize 
{background:url(../images/BgRegionTitleLong.jpg) no-repeat top left; margin:-20px 0 0; padding:1px 0 0 0; height: 52px; width: 580px;}
.ulHeader li.levelsize span.levelsize
{margin-left: 8px; margin-top: 24px; display:block; }
.ulHeader li .levelsize span.CurrentVsOthers
{display: block; top:12px;}
.ulHeader li span label
{font-size:15px; font-weight:bold;}
.ulHeader li span label.lblFirst
{color:#00BBCC;}
.ulHeader li span label.lblSecond
{color:#99CC00;}


.ulOtherListing
{background: none no-repeat scroll -52px -26px transparent; margin-left: 0px;}
.ulOtherListing li.otherregion
{background:url(../images/BgAutresRegions.jpg) no-repeat top left; padding-left:0; height: 19px;text-align: left; position:relative; width: 453px; padding-bottom:0px; padding-top: 6px;}
.ulOtherCities
{background: none repeat scroll 0 0 white;margin-left: -43px;}
.ulOtherCities li.cityName
{background-color: white;background:none;height: 20px;  padding-left: 5px; padding-top: 5px; width: 445px;  margin-top:0px; text-align:center;}
.ulOtherCities li.cityName span
{display:block; margin-left:43px;}
.ulOtherCities li.cityName span a
{background: url(../images/Puce-List-Triangle.jpg) no-repeat scroll 1px 1px transparent;float:left;padding-left:16px;padding-right: 35px; font-size:13px;color:#1abcca;}