/***** Position générale du site *****/
/** {
  margin:                 0 auto;
  padding:                0;
}*/

html, body {
	height: 100%;
}



body {
	margin: 0 ;
	padding: 0 ;
  font-size: 13px;
	font-family: Helvetica;
	color: #646567;
	/*background: #cecece;/*#DBDBDB url('../images/apps/bg-body.png') repeat-y center top*/;
}

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

#container {
  position:               relative;
  width:                  990px;
}

#header {
  width:                  990px;
  height:                 92px; /* Mettre 103 pour avoir le top de base */
  position: fixed;
  background: transparent;
  z-index: 110;
}

#header a:link.logo,
#header a:visited.logo,
#header a:hover.logo {
  display: block;
  float: left;
  width: 350px;
  height:26px;
  margin-top: 20px;
  margin-left: 20px;
  background: transparent url('../images/apps/logo.png') no-repeat left top;
}

#navigation {
  float: left;
  margin-left:183px;
  margin-top: 14px;
  height: 16px;
  z-index: 100;
  background: transparent;
}

#contentGlobalFix {
  position: absolute;
  float: left;
  width: 189px;
  top: 125px;
  left: 0px;
  background: transparent;
  z-index: 70;
}

#contentGlobalFix #sidebarLeft {
  float: left;
  width: 183px;
  margin-top: 0px;
  background: transparent;
}

/*#sidebarLeft ul li.footer {
  margin-top: 500px;
}*/

#sidebarLeft ul li.loginarea {
  margin-top: 0px;
  height: 20px!important;
  clear: both;
  overflow: hidden;
}

#sidebarLeft ul li.loginarea a {
  color: #6F6F6F;
}

#sidebarLeft ul li.loginarea a:hover {
  color: #231F20!important;
  font-weight: normal;
  text-decoration: underline;
  background:           transparent;
}

#sidebarLeft ul {
  float: left;
  list-style: none;
  width: 169px;
  background: transparent;
  padding-left: 0px;
  margin-top: 0px!important;
  }

#sidebarLeft ul li {
  padding: 0px!important;
}

#sidebarLeft ul li a {
  display: block;
  width: 163px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-left: 14px;
  /*height: auto;*/
  color: #646567;
  padding-left: 6px;
  text-decoration: none;
}

#sidebarLeft ul li a:hover {
    color: #231F20;
    font-weight: normal;
    text-decoration: underline;
    background:           transparent;
}

#sidebarLeft ul li a.selected {
  background: #FAEC43;
  color: #646567
}

#contentGlobalFix #sidebarRight {
  float: left;
  width: 168px;
  margin-left: 675px;
  background: transparent;
}


#content {
  position: absolute;
  /*float: left;*/
  margin-top: 141px;
  width: 813px;
  margin-left: 189px;
  height: auto;
  background: transparent;
  z-index: 80;
  padding-bottom: 25px;
}

#content .cadrefull {
  float: left;
  width: 801px;
}

#content .article_instagram {
  float: left;
  width: 819px;
  margin-bottom: 5px;
}

#content .article_text {
  float: left;
  width: 544px;
  margin-bottom: 5px;
}

#content .article_text p {
  margin-bottom: 7px;
}

#content .article_text a:link,
#content .article_text a:visited {
  color: #231F20;
  text-decoration: none;
}

#content .article_text a:hover {
  text-decoration: underline;
}

#content .article_text h1 {
    background: url("../images/apps/bg-titre-image.png") no-repeat scroll left bottom transparent;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 0px;
    padding-bottom: 5px;
    width: 544px;
}

#content .article_text h2 {
  float: left;
  width: 544px;
  font-weight: bold;
}

#ajaxPopup .middle .article_text {
  float: left;
  width: 544px;
  margin-bottom: 5px;
}

#ajaxPopup .middle .article_text p {
  margin-bottom: 7px;
}

#ajaxPopup .middle .article_text a:link,
#ajaxPopup .middle .article_text a:visited {
  color: #231F20;
  text-decoration: none;
}

#ajaxPopup .middle .article_text a:hover {
  text-decoration: underline;
}

#ajaxPopup .middle .article_text h1 {
    background: url("../images/apps/bg-titre-image.png") no-repeat scroll left bottom transparent;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 0px;
    padding-bottom: 5px;
    width: 544px;
}

#ajaxPopup .middle .article_text h2 {
  float: left;
  width: 544px;
  font-weight: bold;
}

#content .article_1_image{
  float: left;
  width: 801px;
  height: auto;
  margin-bottom: 9px;
}

#ajaxPopup .middle .article_1_image {
  float: left;
  width: 641px;
  height: auto;
  margin-bottom: 9px;
}


#content .article_1_image img,
#ajaxPopup .middle .article_1_image img {
  border: none;
}

#content .article_1_image div.titre {
  float: left;
  width: 544px;
  background: transaprent;
  font-weight: bold;
  font-size: 24px;
  margin-top: 2px;
  padding-bottom: 5px;
  margin-bottom: 12px;
  background: url('../images/apps/bg-titre-image.png') no-repeat left bottom;
} 

#ajaxPopup .middle .article_1_image div.titre {
  float: left;
  width: 641px;
  background: transaprent;
  font-weight: bold;
  font-size: 24px;
  margin-top: 2px;
  padding-bottom: 5px;
  margin-bottom: 12px;
  background: url('../images/apps/bg-titre-image.png') no-repeat left bottom;
}

#content .article_1_image div.titre p {
} 

#content .article_1_image .description,
#ajaxPopup .middle .article_1_image .description {
  float: left;
  width: 544px;
  margin-top: 6px;
  margin-bottom: 0px;
  background: transaprent;
  font-weight: normal;
} 

#ajaxPopup .middle .article_1_image .description p{
  margin-bottom: 7px;
} 

a.previewcontenu:link,
a.previewcontenu:visited {
  display: block;
  float: left;
  width: 180px;
  border: 1px solid #cecece;
  margin-top: 15px;
  padding: 10px;
  padding-left: 40px;
  color: #646567;
  text-decoration: none;
  font-weight: bold;
  background: #cecece url('../images/ajax/preview.png') no-repeat left center
}

a.previewcontenu:hover {
  text-decoration: underline;
}

#content .article_2_image {
  float: left;
  width: 812px;
  height: auto;
  margin-bottom: 9px;
}

#content .article_2_image .separateImage{
  float: left;
  width: 12px;
  height: auto;
}

#content .article_2_image img {
  border: none;
}

#content .article_2_image img {
  padding-bottom: 9px;
}

#content .article_2_image .cadreimage_moyenne,
#content .article_2_image .cadreimage_3_colonnes {
  float: left;
  width: 483px;
}

#content .article_2_image .cadreimage_moyenne .titre,
#content .article_2_image .cadreimage_3_colonnes .titre {
  float: left;
  width: 318px;
  background: transaprent;
  font-weight: bold;
} 

#content .article_2_image .cadreimage_moyenne .description,
#content .article_2_image .cadreimage_3_colonnes .description {
  float: left;
  width: 318px;
  background: transaprent;
  font-weight: normal;
} 

#content .article_2_image .cadreimage_petite,
#content .article_2_image .cadreimage_2_colonnes {
  float: left;
  width: 318px;
}

#content .article_2_image .cadreimage_petite .titre,
#content .article_2_image .cadreimage_2_colonnes .titre {
  float: left;
  width: 318px;
  background: transaprent;
  font-weight: bold;
} 

#content .article_2_image .cadreimage_petite .description,
#content .article_2_image .cadreimage_2_colonnes .description {
  float: left;
  width: 318px;
  background: transaprent;
  font-weight: normal;
} 

#content .article_2_image .cadreimage_mini,
#content .article_2_image .cadreimage_1_colonne {
  float: left;
  width: 153px;
}

#content .article_2_image .cadreimage_mini .titre,
#content .article_2_image .cadreimage_1_colonne .titre {
  float: left;
  width: 153px;
  background: transaprent;
  font-weight: bold;
} 

#content .article_2_image .cadreimage_mini .description,
#content .article_2_image .cadreimage_1_colonne .description {
  float: left;
  width: 153px;
  background: transaprent;
  font-weight: normal;
} 

#content .article_2_image .cadreimage_intermediaire,
#content .article_2_image .cadreimage_1_5_colonnes {
  float: left;
  width: 208px;
}

#content .article_2_image .cadreimage_intermediaire .titre,
#content .article_2_image .cadreimage_1_5_colonnes .titre {
  float: left;
  width: 208px;
  background: transaprent;
  font-weight: bold;
} 

#content .article_2_image .cadreimage_intermediaire .description,
#content .article_2_image .cadreimage_1_5_colonnes .description {
  float: left;
  width: 208px;
  background: transaprent;
  font-weight: normal;
} 

#content .article_2_image .cadreimage_double,
#content .article_2_image .cadreimage_2_5_colonnes {
  float: left;
  width: 208px;
}

#content .article_2_image .cadreimage_double .titre,
#content .article_2_image .cadreimage_2_5_colonnes .titre {
  float: left;
  width: 428px;
  background: transaprent;
  font-weight: bold;
} 

#content .article_2_image .cadreimage_double .description,
#content .article_2_image .cadreimage_2_5_colonnes .description {
  float: left;
  width: 428px;
  background: transaprent;
  font-weight: normal;
} 

#content .article_video {
	margin-bottom: 20px;
}

#content .article_video div.titre,
#content .article_sonore div.titre {
  float: left;
  width: 544px;
  background: transaprent;
  font-weight: bold;
  font-size: 24px;
  margin-top: 2px;
  padding-bottom: 5px;
  margin-bottom: 12px;
  background: url('../images/apps/bg-titre-image.png') no-repeat left bottom;
} 


#content ul {
  margin-left: 14px;
  list-style-type:square;
}

#content h1 {
  font-weight: bold;
}

#content h2 {
  font-weight: bold;
}

#content h3 {
  font-weight: bold;
  font-style: italic;
}

div.texte {
  position: absolute;
  color: transparent;
  background: transparent;
  padding-left: 6px;
  padding-right: 4px;
  padding-bottom: 6px;
}

div.overlay_img {
  position: absolute;
  background: transparent url('../images/apps/overlay-img.png') repeat left top;
}

div.postit {
  position: absolute;
  width: 156px;
  background: #F7EC3C; /*#FEEC45;*/
  /*padding: 6px;
  padding-top: 5px;
  padding-bottom: 4px;*/
  /*padding-left: 4px;*/
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 3px;
  z-index: 130;
}

div.postit p {
  margin:0px;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  color: #393900;
}

div.postit:hover {
  cursor: pointer;
}

#contentGlobalFix #sidebarLeft #loginSpaceFooter {
  float: left;
  width: 174px;
  background: transparent;
}

#contentGlobalFix #sidebarLeft #loginSpaceFooter input.fieldSmall {
  width: 126px;
  height: 20px;
  margin-left: 24px;
  margin-top: 5px;
  border: 1px solid #646567;
  color: #646567;
}

#contentGlobalFix #sidebarLeft #loginSpaceFooter input.connectButton {
  width: 137px;
  height: 22px;
  margin-left: 24px;
  border: 1px solid #646567;
  color: #646567;
}

#searchBlockForm {
  float: left;
  width: 169px!important;
  background: #D1D3D4!important;
  clear: both;
  overflow: hidden;
  height: 16px!important;
  border: 0px solid #dedede!important;
  margin-left: 14px!important;
}

#searchBlockForm input.fieldSmall {
    float: left;
    border: 0px solid #646567;
    margin-left: 0;
    width: 146px;
    height: 16px;
    color: #231F20!important;
    padding-left: 6px;
    background: #D1D3D4
}

#searchBlockForm input.connectButton {
    float: left;
    background: url('../images/apps/loupe.png') no-repeat left center;
    display: block;
    margin-top: 0px;
    float: left;
    font-weight: normal;
    padding-left: 0;
    text-align: left;
    text-decoration: none;
    width: 13px;
    height: 16px;
    border: 0px solid #ffffff;
    cursor: pointer;
}

#debug {
  position: relative;
  float: left;
}

#footer_lng {
  position: fixed;
  width: 189px;
  bottom: 0;
  left: 0;
  background: transparent;
  z-index: 998;
}

#footer_lng ul {
  float: left;
  list-style: none;
  width: 169px;
  background: transparent;
  padding-left: 0px!important;
}

#footer_lng ul.ville {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 150px;
  background: green;
}
#footer_lng ul li {
  padding: 0px!important;
}

#footer_lng ul li a.private {
  color: #ffffff;
}

#footer_lng ul li a.private:hover {
  color: #646567;
}

#footer_lng ul li a {
  display: block;
  width: 163px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-left: 14px;
  /*height: auto;*/
  color: #646567;
  padding-left: 6px;
  text-decoration: none;
}

#footer_lng ul li a:hover {
    color: #231F20;
    font-weight: normal;
    text-decoration: underline;
    background:           transparent;
}

#footer_lng ul li a.selected {
  background: #FEEC45;
}

#footer_lng #loginSpaceFooter {
  float: left;
  width: 150px;
  margin-bottom: 20px;
  background: transparent;
}

#footer_lng #loginSpaceFooter input.fieldSmall {
  background: none repeat scroll 0 0 #D1D3D4;
    border: 0 solid #646567;
    color: #231F20 !important;
    float: left;
    height: 16px;
    margin-left: 0;
    padding-left: 6px;
    width: 146px;
  margin-left: 14px;
}

#footer_lng #loginSpaceFooter input.connectButton {
  float: left;
  padding: 2px;
  width: 208px;
  height: 16px;
  border: 0px solid #D1D3D4;
  background: #D1D3D4;
  margin-top: 6px;
  margin-bottom: 6px;
  width: 153px;
  height: 16px;
  padding: 0px;
  color: #646567;
  padding-left: 6px;
  background: #ffffff;
  text-align: left;
  margin-left: 14px;
}

#footer_lng #loginSpaceFooter input.connectButton:hover {
  background: #F7EC3C;
  cursor: pointer;
}

#footer_chalon {
  position: fixed;
  width: 154px;
  bottom: 32px;
  left: 186px;
  background: transparent;
  z-index: 1;
}

#footer_chalon img {
  border: none;
}

table.list {
}

table.list th {
  height: 20px;
  background: #cecece;
}

table.list td.bglight {
  background: #dedede;
  height: 20px;
}

div.warning {
  width:              648px;
  padding:            10px;
  color:              #000000;
  border:             1px solid #FF0000;
  margin-bottom:      10px;
  margin-top:         10px;
}

#content .carte {
  float: left;
  width: 812px;
  margin-bottom: 0px;
  background: transaprent;
  font-weight: normal;
  margin-bottom: 10px;
}

#content .carte h1 {
  float: left;
  width: 647px;
  margin-bottom: 10px;
  font-weight: bold;
}

#content .carte h2 {
  float: left;
  width: 647px;
  margin-bottom: 10px;
  font-weight: bold;
}

#content .carte #map_canvas {
  float: left;
  height: 300px;
  margin-left: 0;
  width: 812px;
  background: transparent;
}

#content .carte #infos {
  display: none;
}

#content .carte .itineraire {
  float: left;
  width: 483px;
  background: transparent;
  margin-bottom: 10px;
}

#content .carte .col.first {
  width: 152px;
  padding-left: 0px;
  margin-right: 7px;
}

#content .carte .col {
  float: left;
  width: 153px;
  padding-left: 5px;
  margin-right: 7px;
}

#content .carte .col.center {
  margin-right: 2px;
}

#content .carte .col.last {
  margin-right: 0px;
}

#content .carte .col input.itineraire {
  float: left;
  width: 149px;
  border: 1px solid #000000;
}

#content .carte .col a.send_itineraire {
    color: #000000;
    display: block;
    padding-bottom: 0;
    padding-left: 7px;
    padding-top: 0;
    text-decoration: none;
    width: 151px;
}

#content .carte .col a.send_itineraire:hover {
    background: #FEEC45
}

#content .carte #roadmap {
  float: left;
  width: 647px;
}

#content ul.sitemap {
  margin-left: 0px!important;
}

label.important {
  color: #f00000;
}

a.monter {
  display: block;
  float: left;
  width: 200px;
  height: 20px;
  padding-top: 10px;
  padding-left: 50px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 10px;
  background: url('../images/apps/monter.png') no-repeat left center;
}

a.monter:hover {
  background: #FEEC45 url('../images/apps/monter.png') no-repeat left center;
}

table.browse td {
  height: 30px;
}

#content .article_galerie_image {
  float: left;
  width: 544px; 
} 

/**
 * AJAX
 **/ 

.bulle_ok {
 display: block;
 position: fixed;
 padding: 20px;
 background: #DEDDDD;
 border-radius: 5px;
 border: 1px solid #000000;
 text-align: center;
 font-size: 1.4em;
 font-weight: bold;
 color: #333333;
 z-index: 2000;
}

#ajaxLightBox{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0.9;
 filter: alpha(opacity=90);
 background: transparent url(../images/apps/bg-ajax-lightbox.png) repeat left top;
 z-index: 100;
}
#ajaxLightBoxLoader{
 position: fixed;
 top: 0;
 left: 0;
 width: 210px;
 height: 15px;
 background: transparent url("../images/ajax/loading.gif") left top no-repeat;
 z-index: 910;
}

#ajaxElement {
 position: absolute;
 z-index: 920;
}

#ajaxPopup{
 /*position: fixed;*/
 /*position: absolute;*/
 margin: 25px 0 0 189px;
 width: 600px;
 border: 0px solid #c0c0c0;
 z-index: 930;
}

 #ajaxPopup .top{
  width: 655px;
  height: 28px;
  color: #646567;
  font-size: 1.2em;
  font-weight: bold;
  padding-top:15px;
  padding-left: 15px;
  border: 1px solid #646567;
  background: #ffffff;
  /*background: transparent url(../images/apps/bg-titre-ajax.png) no-repeat left center;*/
 }
 #ajaxPopup .top img{
  float: right;
  margin-top: 1px;
  margin-right:15px;
  cursor: pointer;
  border: none;
 } 
 #ajaxPopup .middle{
  width: 640px;
  /*background: transparent url(../images/apps/bg-content-ajax.png) repeat-y left top;*/
  border: 1px solid #646567;
  border-top: 0px solid #646567;
  border-bottom: 0px solid #646567;
  background: #ffffff;
  overflow: hidden;
  padding: 15px;
 }
 #ajaxPopup .bottom{
  width: 640px;
  height: 12px;
  background: #ffffff;
  border: 1px solid #646567;
  border-top: 0px solid #646567;
  border-bottom: 1px solid #646567;
  padding: 15px;
  /*background: transparent url(../images/apps/bg-footer-ajax.png) no-repeat left center;*/
 }
 #ajaxPopup .middle div.lien_box {
  float: left;
  width: 563px;
  margin-top: 20px;
  padding-top: 5px;
  background: transparent;
  text-align: right;
  border-top: 1px solid #E6E6E6;
 }
 #ajaxPopup .middle div.lien_box a:link,
  #ajaxPopup .middle div.lien_box a:visited {
  color: #555555;
  text-decoration: none;
 }
  #ajaxPopup .middle div.lien_box a:hover {
  text-decoration: underline;
 }