BODY, p, span, font, td, a, div{
      font-family:Arial,Verdana,Helvetica,sans-serif;
      font-size:12px;
      font-weight:normal;
      font-style:normal;
      color:#000000;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      border:#FFFFFF 0px solid;      
}
BODY
{
	 background-color:#FFFFFF;
}

FORM {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;      
}
SELECT
{
	 background-color:#FFFFFF;
}

img.png
{
      behavior: url(/Design/png.htc);
}

div.divTipNiveau
{
	font:12px Arial,Helvetica,sans-serif; 
	border:solid 1px #666666; 
	width:200px; 
    padding:1px; 
    position:absolute; 
    z-index:8; 
    color:#000;    
    background-color:#FFFFCC; 
	top:0px;
}

.iframetip 
{
	TOP:0px;
    position:absolute;
    width:200px;
    height: 50px;
    z-index:7;	
	
}

a.ItemsFichesConseilsGras
{
    font-size: 14px;
    text-decoration: none;
}

div.Div_Lien_Forum_Fiche_Conseil
{
    margin-top: 20px;
    margin-bottom: 30px;
}

div.Div_Lien_Forum_Fiche_Conseil a
{
    height: 30px;
    line-height: 38px;
    text-decoration: none;
}

div#maincol
{
    width: 720px;
}

/* popup*/

table.PagePopUp td.ZoneDroite
{
	width:744px;
	
}

table.PagePopUp td.ZoneDroite div.ContenuPage
{
	margin: 5px 10px 5px 10px;
	
}

span.TxtErreur
{
	color: Red;
	font-size: 12px;
	font-weight: bold;
	
}

#divMessageErreur
{
	color: Red;
	font-size: 12px;
	font-weight: bold;
	
}

span.TxtInfo
{
	font-size: 12px;
	font-weight: bold;
	
}
span.TxtInfo a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;	
}
span.TxtInfo a:visited
{
	font-size: 12px;
	font-weight: bold;	
	text-decoration:none;
}
span.TxtInfo a:hover
{
	font-size: 12px;
	font-weight: bold;	
	text-decoration:underline;
}

#divMessageInfo
{
	font-size: 12px;
	font-weight: bold;

}


input.boiteCP
{
	width: 80px;
}

input.boiteCPInsc
{
	width: 50px;
}

.PoliceBlancGras14px
{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;	
}
.PoliceBlanc12px
{
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;	
}


/* Oxylane Id */

input.openid-identifier
{
	width:180px;
	height:20px;
	background: url(../images/Logo/logoXY-mini.png) no-repeat;
	background-color: #fff;
	background-position: 0% 50%;
	padding-left: 20px;
	border:solid 1px grey;
}

A.buttonNoir
{
	background-image:URL(../Images/btn_noir.gif);
	background-repeat:no-repeat;	
	width:107px;
	height:24px;
	text-align:center;
	color:#ffffff;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin:2px;
	padding-top:4px;
	display:block;
}
A.buttonNoirGD 
{
	background-image:URL(../Images/btn_noir_gd.gif);
	width:200px;
}
A.buttonNoirLarge
{
	background-image:URL(../Images/btn_noir_large.gif);
	width:240px;
}

.txtvert{color:#709A23;}

.services
{
	list-style:none;
	margin:0;
	padding:0;
	height:100%;
}
.services li{height:65px;}
.services .serviceg
{
	float:left;
	width:250px;
	margin:2px;
}
*html .services .serviceg{width:230px;}
*+html .services .serviceg{width:230px;}
.services .serviced
{
	float:right;
	width:100px;
	text-align:right;
	margin:20px 2px;
}
div.ListeServiceHP div.TexteLienServiceHP{margin-top:5px;}
.ContenuBlocPublicHP{position:relative;height:139px;}
*html .ContenuBlocPublicHP{height:140px;}
*+html .ContenuBlocPublicHP{height:140px;}
.ContenuBlocPublicHP .prevbutton,.ContenuBlocPublicHP .nextbutton{height:6px;width:11px;position:absolute;right:5px;z-index:999;cursor:pointer;}
.ContenuBlocPublicHP .prevbutton{background:url(../images/prev.gif) top no-repeat;top:5px;}
.ContenuBlocPublicHP .nextbutton{background:url(../images/next.gif) bottom no-repeat;bottom:5px;}

.btnbg{margin:0 7px;text-align:center;font-weight:bold;}
.btnbgleft,.btnbgright,.btnbg{padding:5px 0 5px 0;font-size:11px;}
*html .btnbgleft,*html .btnbgright,*html .btnbg{height:24px;line-height:10px;}
*+html .btnbgleft,*+html .btnbgright,*+html .btnbg{height:24px;line-height:10px;}

.btnbgleftnoir{background:url(../images/Bouton/btnnoirleft.gif) no-repeat;background-position:left top;}
.btnbgrightnoir{background:url(../images/Bouton/btnnoirright.gif) no-repeat;background-position:right top;}
.btnbgnoir{background:url(../images/Bouton/btnnoirbg.gif) repeat-x;color:#FFFFFF;text-decoration:none;}
a.btnbgnoir:hover{text-decoration:underline;}
*html .btnbgleftnoir{background-position:left 10px;}
*html .btnbgrightnoir{background-position:right 5px;}
*+html .btnbgleftnoir{background-position:left 10px;}
*+html .btnbgrightnoir{background-position:right 5px;}

.tabAccueil .ContenuDernierBillet{width:360px;}
.tabAccueil .ContenuDernierMessage{width:350px;}
.tabAccueil .ContenuDernierForum{width:auto;padding:0;margin:0;}
.annoncesindex .liensAnnonces{padding-right:20px;}



/*########HOMEPAGE#########*/

.bandeJaune
{
    width: 744px;
    height: 71px;
    background-image: url(../images/HP/936/BandeJaune.png);
    background-repeat : no-repeat;
    margin: -5px -10px;
    position: relative;
}

.bandeJaune .inscription
{
    position:absolute;
    top:25px;
    right:40px;    
}

/*TOP DIV*/
#topDiv{width: 744px;clear: left;}
#acceuil_non_loggue #topDiv{height: 260px;}
#acceuil_loggue #topDiv{height: 340px;margin-left: 7px;}

/*MIDDLE DIV*/
#middleDiv{height:260px;margin-left: 7px;}

#bottomDiv{width: 744px;}
#acceuil_non_loggue  #bottomDiv{height:260px;}
#acceuil_loggue  #bottomDiv{height:340px;margin-left: 7px;}


/*FORUM*/

#blocForum{width: 363px;position:relative;float:left;}  
#acceuil_loggue #blocForum{height: 330px;}  
#acceuil_non_loggue #blocForum{height: 250px;}    
#titleBlockForum
{
  width: 363px;
  height: 51px;  
  background-image: url(../images/HP/936/BandeForum.png);
  background-repeat : no-repeat;
}
#titleBlockForum span
{
  font-size: 14px;
  font-weight: bold;
  color: #444444;   
  padding-top : 15px;
  padding-left : 55px;
  display: block; 
}

/*BLOG*/

#blocBlog{width: 363px;position:relative;float:left;}
#acceuil_loggue #blocBlog{height: 330px;}
#acceuil_non_loggue #blocBlog{height: 250px;margin-left:10px;}
#titleBlockBlog
{
  width: 363px;
  height: 51px;
  background-image: url(../images/HP/936/BandeBlog.png);  
  background-repeat : no-repeat;
}
#titleBlockBlog span
{
  font-size: 14px;
  font-weight: bold;
  color: #444444;   
  padding-top : 15px;
  padding-left : 55px;
  display: block; 
}


.blocTitre 
{
  position: relative;
  left: 55px;
  top: -35px;
  font-size: 14px;
  font-weight: bold;
  color: #444444;
}

#titleBlocAnnonce
{
  width: 363px;
  height: 51px;  
  background-image: url(../images/HP/936/BandeAnnonce.png);
  background-repeat : no-repeat;
  font-size: 14px;
  font-weight : bold;
  color : #444444;
}

#titleBlocAnnonce span
{
  font-size: 14px;
  font-weight : bold;
  color : #444444;  
  padding-top : 15px;
  padding-left : 55px;
  display: block;
}


#blocAnnonce
{
    width: 363px;
    height: 250px;
    position:relative;
    float:left;
}

#blocAnnonce tbody tbody
{
    height: auto;    
}


.AnnonceCadre tr 
{
    background: none !important;
    background-color: #fff;
}


.AnnonceCadre
{
    width: 116px;
    height:145px;
    background-image: url(../images/HP/936/CadreAnnonce.gif);
    background-repeat : no-repeat;
    position: relative;
    margin-top:20px;
}

/* ITINERAIRE */

#titleBlocItineraire
{
  width: 363px;
  height: 51px;  
  background-image: url(../images/HP/936/BandeItineraire.png);
  background-repeat:no-repeat;
} 

#blocItineraire
{
    width: 363px;
    height: 250px; 
    position:relative;
    float:left;
    margin-left: 10px;
}

    
#blocItineraire #titleBlocItineraire span
{
  font-size: 14px;
  font-weight : bold;
  color : #444444;  
  padding-top : 15px;
  padding-left : 55px;
  display: block;
}


/* PHOTO VIDEO */

#blocPhotoVideo
{
    width: 363px;
    height: 330px; 
    position:relative;
    float:left;
}

#acceuil_loggue #blocPhotoVideo
{
    margin-left: 10px;
}

#titleBlockPhotoVideo
{
    width: 363px;
    height: 51px;  
    background-image: url(../images/HP/936/BandePhotoVideo.png);
    background-repeat : no-repeat;
}
    
#blocPhotoVideo #titleBlockPhotoVideo span
{
  font-size: 14px;
  font-weight : bold;
  color : #444444;  
  padding-top : 15px;
  padding-left : 55px;
  display: block;
}

#divPhotoAndVideo
{
    position:relative;  
    width: 363px;  
    background-image: url(../images/HP/936/BandeRow.png);
    background-repeat : repeat-x;
    height:210px;
}

#blocMonthlyPhoto
{
    position:absolute;
    top:0;
    left:0;
    height: 210px;
    width:180px;
}

#divMonthlyPhoto
{
    position:relative;
    top:20px;
    width: 145px;
    height:153px;  
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/HP/936/cadreMonthlyPhoto.gif);  
    background-repeat : no-repeat;
}

#infoMonthlyPhoto
{
    position: absolute;
    bottom: 0px;  
    text-align: center;
    width:100%;
}

#infoMonthlyPhoto a
{
    font-weight:bold;
    color: #808080; 
    text-decoration: underline;
}

#infoVideoDate
{
    position: absolute;
    bottom: 0px;
    left:13px;   
    text-align: center;      
}

#infoVideoDate VideoAuteur a {font-weight:bold;color:#000;}
#infoVideoDate VideoDate a {}


#blocMonthlyVideo
{
    position:absolute;
    top:0;
    right:0;
    height: 210px;
    width:180px;
}

#divMonthlyVideo
{
    position:relative;
    top:20px;
    width: 164px;
    height:153px;  
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/HP/936/cadreMonthlyVideo.gif);  
    background-repeat : no-repeat;
}

#infoMonthlyVideo
{
    position: absolute;
    bottom: 0px;
    text-align: center;
    width:100%;
}

.infoVideoName a{font-weight:bold;  }
.infoVideoDate a{ }

#cocarde
{
    position:absolute;
    width: 52px;
    height:63px;    
    background-image: url(../images/HP/936/cocarde.gif); 
    background-repeat : no-repeat; 
}

.positionMonthlyPhoto
{
    position:relative;
    top:5px;
    left:5px;    
}

.positionMonthlyVideo
{
    position:relative;
    top: 16px;
    left: 15px;    
}

/* AGENDA*/

#blocAgenda
{
    width: 363px;
    height: 330px; 
    position:relative;
    float:left;
    margin-left:10px;
}

#titleBlockAgenda
{
    width: 363px;
    height: 51px;  
    background-image: url(../images/HP/936/BandeAgenda.png);
    background-repeat : no-repeat;
}
 
#blocAgenda #titleBlockAgenda span
{
  font-size: 14px;
  font-weight : bold;
  color : #444444;  
  padding-top : 15px;
  padding-left : 55px;
  display: block;
}


/**/

#bandeNoirLeftBtn
{
    width: 60px;
    height: 89px;
    background-image: url(../images/HP/936/BandeNoireLeftBtn.png);
    background-repeat : no-repeat;
    float:left;
}

#bandeNoirRightBtn
{
    width: 60px;
    _width: 57px !important;
    height: 89px;
    background-image: url(../images/HP/936/BandeNoireRightBtn.png);
    background-repeat : no-repeat;
    float:left;
}

#bandeNoirMiddle
{
    width: 624px;
    height: 89px;
    background-image: url(../images/HP/936/BandeNoire.png);
    background-repeat : repeat-x;
    float:left;
    overflow: hidden;
}

#bandeNoir
{
    margin-left:-10px;
    margin-top: 5px; 
    width: 744px;
}

#bandeNoirMiddle .servicescontainer
{
    width: 624px !important;
}

#bandeNoirMiddle .servicescontainer ul
{
    list-style:none;
	margin:0;
	padding:0;  
}

#bandeNoirMiddle .servicescontainer li
{
    height:89px;
    width:290px;
    float:left;
}

#bandeNoirMiddle .servicescontainer .bloc
{
    width:270px;
    height:79px;
    margin-left:10px;
    margin-top:5px;
    margin-right:10px;
    margin-bottom:5px;
    position:relative;

}


#bandeNoirMiddle .servicescontainer .bloc .text
{
    width:190px;
    height:60px;
    position: absolute;
    text-align: left;
    right:5px;
    top: 10px;
}

#bandeNoirMiddle .servicescontainer .bloc .btn
{
     position:absolute;
     bottom:5px;
     right:15px;  
}

#bandeNoirMiddle .servicescontainer .bloc .btn a
{
     color: #D0D404;
}


#bandeNoirMiddle .servicescontainer .bloc .TitreService
{
    color: #fff;
    font-weight: bold;
}

#bandeNoirMiddle .servicescontainer .bloc .STitreService
{
    color: #D0D404;
    font-weight: bold;
}

#bandeNoirLeftBtn
{
    cursor:pointer;
}

#bandeNoirRightBtn
{
    cursor:pointer;
}

#bandeNoirMiddle .servicescontainer .bloc .separator{
    position: absolute;
    right: 0px;
    top: -5px;
    *top:0px;
}


#bandeNoirMiddle .servicescontainer .bloc .picto{
  position:relative;
  top:10px;
  width:70px;
}

#acceuil_loggue
{
    margin: -5px -10px;
}


.divListeNomEvenement 
{
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;    
}

#BlocItineraire td
{
     vertical-align: top !important;    
     padding: 0px;
}

.divListeInfosPost
{
    margin: 0 !important;
    padding: 0 !important;    
}

/* PAGE D'ACCEUIL LOGGUE*/


BlocAnnonce tr
{
    background:none;
}

#ssMenuBtn
{
    height: 32px;    
}

#ssMenuIndicateur
{
    height:26px;    
}

#ssMenuIndicateur div
{
    height: 26px;
    width: 149px;  
    float: left;  
}

#ssMenuBtn a
{
     font-weight:bold;
     text-align:center;
     position:relative; 
     margin-top: 10px;
}

#ssMenuBtn .btnChangeZone
{
    height: 22px;
    width: 149px; 
    float:left;  
    background-image: url(../images/HP/936/btnZone.png);
    background-repeat: no-repeat;
}

#ssMenuBtn .last
{
    background-image: url(../images/HP/936/btnZoneLast.png);
    background-repeat : no-repeat;
    *width:148px !important;
}


#ssMenuIndicateur .indicateur1-unselected{background-image: url(../images/HP/936/vert.png);background-repeat:no-repeat;}
#ssMenuIndicateur .indicateur2-unselected{background-image: url(../images/HP/936/jaune.png);background-repeat:no-repeat;}
#ssMenuIndicateur .indicateur3-unselected{background-image: url(../images/HP/936/orange.png);background-repeat:no-repeat;}
#ssMenuIndicateur .indicateur4-unselected{background-image: url(../images/HP/936/bleu.png);background-repeat:no-repeat;}
#ssMenuIndicateur .indicateur5-unselected{background-image: url(../images/HP/936/rouge.png);background-repeat:no-repeat;width:148px}

#ssMenuIndicateur .indicateur1-selected{background-image: url(../images/HP/936/selected-vert.png);background-repeat:no-repeat;}
#ssMenuIndicateur .indicateur2-selected{background-image: url(../images/HP/936/selected-jaune.png);background-repeat:no-repeat;}
#ssMenuIndicateur .indicateur3-selected{background-image: url(../images/HP/936/selected-orange.png);background-repeat:no-repeat;}
#ssMenuIndicateur .indicateur4-selected{background-image: url(../images/HP/936/selected-bleu.png);background-repeat:no-repeat;}
#ssMenuIndicateur .indicateur5-selected{background-image: url(../images/HP/936/selected-rouge.png);background-repeat:no-repeat;width:148px}

#ssMenuBande span{color:White;font-size:15px;}
#ssMenuBande .indicateur-vert{width:744px;height:28px;background-image: url(../images/HP/936/bande-vert.png);background-repeat:no-repeat;}
#ssMenuBande .indicateur-jaune{width:744px;height:28px;background-image: url(../images/HP/936/bande-jaune.png);background-repeat:no-repeat;}
#ssMenuBande .indicateur-orange{width:744px;height:28px;background-image: url(../images/HP/936/bande-orange.png);background-repeat:no-repeat;}
#ssMenuBande .indicateur-bleu{width:744px;height:28px;background-image: url(../images/HP/936/bande-bleu.png);background-repeat:no-repeat;}
#ssMenuBande .indicateur-rouge{width:744px;height:28px;background-image: url(../images/HP/936/bande-rouge.png);background-repeat:no-repeat;}
#ssMenuBande .label{position: relative;top: 5px;left:20px;font-weight: bold;}
.Bold{font-weight: bold;}

#BlocLesAutresServices
{
    width: 736px;
    height:173px;
    position:relative;
    margin-left: 7px;
}

#BlocLesAutresServices #titre
{
    position:relative;
    background-image: url(../images/HP/936/BandeAutresServices.png);
    background-repeat : no-repeat;
    height:51px;
    width: 736px;
}

* html #BlocLesAutresServices #titre span
{
    display: block !important;
    top:auto !important;
    position:absolute !important;
    bottom: 20px !important;  
}

#BlocLesAutresServices #titre span
{
    color: #444444;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 55px;
    position: relative;
    top: 15px;
}

#acceuil_loggue .popupInfo
{
    width:100px;
    height:70px;
    border: solid 1px #000;
    position:fixed;
    display:none;    
    background-color: #fff;
    z-index:10000;
    text-align:center;
}

#acceuil_loggue .contenuPopupInfo
{
    position:relative;
    top: 10px;    
}

#acceuil_loggue .NoMessage
{
    font-weight:bold;
    position:relative;
    top:20px; 
}

.lblNoMessage
{
    width:100%;
    text-align:center; 
    position: relative;
    top: -18px;   
}

.annonce-info{text-align: center;}
.annonce-info-titre{height : 35px;}
.annonce-info-titre a{text-decoration: underline;}
.annonce-info-prix span{font-weight: bold;    color:#808080;}

.boutonNoirLeft{background-image: url(../images/Bouton/btnnoirleft.gif);background-repeat:no-repeat;width:7px;height:24px;float:left;}
.boutonNoirMiddle{background-image: url(../images/Bouton/btnnoirbg.gif);background-repeat: repeat-x;height:24px;float:left;}
.boutonNoirRight{background-image: url(../images/Bouton/btnnoirright.gif);background-repeat:no-repeat;width:7px;height:24px;float:left;}
.boutonNoirMiddle a{display: block;}
.boutonNoir {float:right;margin-left:5px;}

#blocForum table
{
    background-image: url("../images/HP/936/BandeRow.png");
    background-repeat: repeat-x;  
}

#blocBlog table
{
    background-image: url("../images/HP/936/BandeRow.png");
    background-repeat: repeat-x;  
}

#blocItineraire table
{
    background-image: url("../images/HP/936/BandeRow.png");
    background-repeat: repeat-x;  
}

#blocItineraire TR.data TD 
{
   background-color: Transparent !important;
   vertical-align: top !important;
}

#blocAgenda table
{
    background-image: url("../images/HP/936/BandeRow.png");
    background-repeat: repeat-x;  
}

#blocAnnonce table
{
    background-image: url("../images/HP/936/BandeRow.png");
    background-repeat: repeat-x;  
}

div.forumMessage{margin-top: 0 !important;}

.hpRowBorder
{
    border-top: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
}

.hpLirePlus
{
    background-image: url("../images/HP/936/puce.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #4D4D4D !important;
    float: right;
    font-size: 12px;
    margin-right: 10px;
    padding-left: 12px;
    text-decoration: none;  
    font-weight: normal  !important;
    cursor:pointer;
}

.nonBtnHP a
{
    text-decoration: underline;
    color: #4D4D4D;   
    font-weight: bold;
}

.blocDerniereAnnonceBtn
{
    position:relative;    
    margin-top: 10px;
    float: right;
}


#cocardeMonthlyPhoto
{
    background-image: url(../images/HP/936/cocarde.gif);    
    background-repeat: no-repeat;
    width: 52px;
    height:63px;
    position:absolute;
    left:0px;
    top:10px;
}


.description .titre{margin-bottom: 3px;}


#btnPhotoVideo .btn1{
    float: left;
    text-align: center;
    width: 210px;
}

#btnPhotoVideo .btn2{
    text-align: center;
}

#titleBlockInscrit
{
    width: 363px;
    height: 50px;  
    background-image: url(../images/HP/936/BandeInscrit.png);
    background-repeat : no-repeat;
}

#titleBlockInscrit span
{
  font-size: 14px;
  font-weight: bold;
  color: #444444;   
  padding-top : 15px;
  padding-left : 55px;
  display: block; 
}

#titleBlockContribution
{
    width: 363px;
    height: 50px;  
    background-image: url(../images/HP/936/BandeContribution.png);
    background-repeat : no-repeat;
}

    #titleBlockContribution span
    {
      font-size: 14px;
      font-weight: bold;
      color: #444444;   
      padding-top : 15px;
      padding-left : 45px;
      display: block; 
    }

.DivDernierContribution{
    background-image: url("../images/HP/936/BandeRow.png");
    background-repeat: repeat-x;
}

.derniereContributionRow
{
    width: 363px;
}

.derniereContributionRow .date
{
    padding-left:10px;  
    float:left;  
}

.derniereContributionRow .image
{
    padding-left:10px;
    float:left;
}

.derniereContributionRow .text
{
    padding-left:10px; 
    float:left;
}


.bottomBtn
{
    position:absolute;
    right:0px;
    bottom:0px;    
}

*+html .ie7Btn
{
    padding:5px;  
}

* html .ie7Btn
{
    padding:5px;  
}

.ContenuDernierInscrit
{
    height: 200px;    
    padding: 5px;
    background-color: Transparent !important;
}

.popup .close {
    background-image: url("../images/fancybox/fancy_close.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    z-index: 1103;
}

#fancybox-wrap
{
    padding:0 !important; 
}


/*.DivDernierContribution TABLE.ModelTableauActu TR.data TD
{
    vertical-align: inherit !important;   
}*/