﻿/* CSS de Reference pour tous les browsers*/

@import url(./importCss/fondPageDefault.css);
@import url(./importCss/diffEnteteMaster.css);

body 
{
    background-image : url(./images/FondMaster_DegBleu.jpg);
    background-repeat : repeat-x;    
    background-color : white;
    margin : 0px 0px 0px 0px;
    font-size: 10px;
    font-family: verdana, tahoma, sans-serif;
    color: #333333;
    line-height : 16px;
}

a:visited, a:active, a:link, a
{
 color: #333333;
 text-decoration: none;  
}

a:hover
{
 color: #333333;
 text-decoration: underline;
}



/* TAS Link : Tirage au sort */

a.CssClassImgTASLinkIE6
{
    /*ceci pour IE6*/
    display: block;
    position : absolute;
    top: 20px;
    left: 620px;
    height: 66px;
    width: 155px;
    background: transparent url(./images/LinkTas.gif) top left no-repeat;
    background-position: 0px 0px;
}


a.CssClassImgTASLinkPng
{
    /*ceci pour PngBrowser*/
    display: block;
    position : absolute;
    top: 20px;
    left: 620px;
    height: 74px;
    width: 150px;
    background: transparent url(./images/LinkTas.png) top left no-repeat;
    background-position: 0px 0px;
}

/* Fin TAS  */




/*Page Accueil Bridge --------------------------------------------------------------------------------- */


#pBridgeAccueilHeaderSpe
{
    margin: 2px 0px 0px 15px;   
    
}

#divBridgeAccueilColGauche 
{
    position : relative;     
    float: left;            
    width: 325px;      
    margin-left : 0px;    
    margin-top : 0px;         
}


#divBridgeAccueil1
{
    position : relative;                   
    width: 325px;      
    height: 830px;
    margin-left : 0px;    
    margin-top : 0px;     
    background-image: url(./imagesCommunesThemes/accueilBridgePhotosGauche.jpg);
    background-repeat: no-repeat;   
    background-position: 0px 0px;   
}

#divBridgeAccueilColdroite
{
    position : relative;                
    float: right;
    width : 590px;     
    margin-left : 10px;
    margin-top : 0px;      
    
}

#divBridgeAccueilColdroiteHaut
{
    position : relative;                
    background-image: url(./imagesCommunesThemes/pave_texte_590px_Haut.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 590px;   
    height: 15px;  
    margin-left : 0px;
    margin-top : 0px;      
}
#divBridgeAccueilColdroiteBas
{
    position : relative;                
    background-image: url(./imagesCommunesThemes/pave_texte_590px_Bas.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    width : 590px;     
    margin-left : 0px;
    margin-top : 0px;      
}

#divContentBridgeAccueilColDroite
{
    position: relative;
    width: 570px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 18px;
}

h1.CssH1Accueil
{    
    display: inline;
    margin: 0px;
    color: red;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    font-family: Comic Sans MS, verdana, tahoma, sans-serif; 
}

h2.CssH2Accueil
{
    display: inline;
    margin: 0px;
    color: #4069FF;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    font-family: Comic Sans MS, verdana, tahoma, sans-serif; 
}

/* Fin Page Accueil Bridge */

/* Page Training Bridge --------------------------------------------------------------------------------- */


#pBridgeTrainingHeaderSpe
{
    margin: 2px 0px 0px 15px;   
    
}

#divBridgeTrainingColGauche 
{
    position : relative;     
    float: left;            
    width: 325px;      
    margin-left : 0px;    
    margin-top : 0px;         
}


#divBridgeTraining
{
    position : relative;                   
    width: 325px;      
    height: 851px;
    margin-left : 0px;    
    margin-top : 0px;     
    background-image: url(./imagesCommunesThemes/ColGauche_AideBrochure.jpg);
    background-repeat: no-repeat;   
    background-position: 0px 0px;   
}

#divBridgeTrainingColdroite
{
    position : relative;                
    float: right;
    width : 590px;     
    margin-left : 10px;
    margin-top : 0px;      
    
}

#divBridgeTrainingColdroiteHaut
{
    position : relative;                
    background-image: url(./imagesCommunesThemes/pave_texte_590px_Haut.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 590px;   
    height: 15px;  
    margin-left : 0px;
    margin-top : 0px;      
}
#divBridgeTrainingColdroiteBas
{
    position : relative;                
    background-image: url(./imagesCommunesThemes/pave_texte_590px_Bas.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    width : 590px;     
    margin-left : 0px;
    margin-top : 0px;      
}

#divContentBridgeTrainingColDroite
{
    position: relative;
    width: 570px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 18px;
}

/* Fin Page Training Bridge */

/* Page Accueil intervenants Bridges */


#pBridgeIntervHeaderSpe
{
    margin: 2px 0px 0px 0px;       
}

#divBridgeIntervenantsHaut
{
    position : relative;                
    background-image: url(./imagesCommunesThemes/intervenantsBridge_fondHaut.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 924px;   
    height: 11px;  
    margin-left : 0px;
    margin-top : 0px;      
    line-height : 0px;
    font-size : 0px;
}

#divBridgeIntervenantsBas
{
    position : relative;                
    background-image: url(./imagesCommunesThemes/intervenantsBridge_fondBas.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    width : 924px;     
    margin-left : 0px;
    margin-top : 0px;      
    padding-left: 0px;
    /*border-color: red;
    border-width: 1px;
    border-style: solid;*/
    overflow: hidden; /* pour eviter le blanc entre les div haut et bas*/
    
}

#tableIntervenants
{
    display: block;
    position : relative;
    width : 924px;
    margin-top: 5px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    padding: 0px;
    border-collapse: collapse; /* permet de confondre les bords des cellules*/
    
    
}
#tableIntervenants td.tdInterv1
{
    width: 334px;
    text-align: left;
    padding: 0px;
    margin: 0px;
    /*border-color: Black;
    border-width: 1px;
    border-style: solid;*/
    vertical-align: top;
}

#tableIntervenants td.tdInterv2
{
    
    width: 587px;
    text-align: left;
    padding: 0px;
    margin: 0px;
    /*border-color: Black;
    border-width: 1px;
    border-style: solid;*/
    vertical-align: top;
}

#tableIntervenants td.tdInterv1 img
{    
    margin: 5px 0px 0px 0px; 
}

span.spanBridgeDescProf
{    
    display: block;
    margin: 5px 5px 5px 12px; 
    font-size: 12px;
    font-family: verdana, tahoma, sans-serif;
    color: #333333;
    line-height : 16px;
}

span.spanBridgeDescProf h1
{
    display: inline;
    margin: 0px;
    font-size: 12px;
    font-family: verdana, tahoma, sans-serif;
    color: red;
    line-height : 16px;
}

span.spanBridgeDescProf a:visited, a:active, a:link, a
{
 color: red;
 text-decoration: none;  
}

span.spanBridgeDescProf a:hover
{
 color: red;
 text-decoration: underline;
}


/* Fin Page Accueil intervenants Bridges */


/* Page Liste Recherche Voyages Bridge */

#pListRechVoyHeaderSpe
{    
    margin: 0px 0px 0px 23px;    
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    color: #4069FF;   
}


#divListRechColGauche
{
    position : relative;     
    float:left;            
    width : 590px;     
    margin-left : 0px;    
    margin-top : 0px;      
}

#divListRechColDroite
{
    position : relative;                
    float:right;
    width : 325px;     
    margin-left : 10px;
    margin-top : 0px;      
}

.ClsdivListRechContent
{
    background-image : url(./imagesCommunesThemes/FondItemListRech_590px.jpg); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 590px;    
    height: 225px; 
    margin-left : 0px;
    margin-top : 0px;
}


.ClsdivListRechContent img.ClsImageVoy
{
  position: absolute;
  top: 21px;
  left: 16px;
  display : block;
  margin-left : 0px;
  margin-top : 0px;    
}


.ClsdivListRechContent p.ClsTitreTexteResume
{
    margin: 0px;
    position: absolute;
    top: 10px;
    left: 234px;
    height: 165px;
    width: 334px;
    /* border: solid 2px black;*/
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    
}

.ClsdivListRechContent p.ClsTitreTexteResume span.ClsspanTitreVoy
{
    color: red; 
    font-weight: bold;
    font-size: 14px;    
}

.ClsdivListRechContent p.ClsTitreTexteResume span.ClsspanSousTitreVoy
{
    
    color: #ff7f00; /* Orange fonce*/
    font-weight: bold;
    font-size: 10px;    
    font-style: italic;
}

.ClsdivListRechContent span.ClsspanListRechJours
{
    position: absolute;
    display: block;    
    top: 165px;
    left: 17px;
    margin-left: 0px;
    margin-top: 0px;    
    color: #ff7f00; /* Orange fonce*/
    font-weight: bold;
    font-size: 14px;    
    font-family: verdana, tahoma, sans-serif; 
    text-align: left;
    
}

.ClsdivListRechContent span.ClsspanListRechPrix span.ClsspanListRechApartirDe
{
    display: inline;
    color: #ff7f00; /* Orange fonce*/
    font-weight: bold;
    font-size: 9px;    
    font-family: verdana, tahoma, sans-serif; 
    text-align: right;
    margin-right: 5px;
}
 
.ClsdivListRechContent div.ClsPictosBleu 
{
    position: absolute;
    display: block;    
    top: 185px;
    left: 15px;
    margin-left: 0px;
    margin-top: 0px;  
    text-align: left; 
    
}

.ClsdivListRechContent div.ClsPictosBlanc
{
    position: absolute;
    display: block;    
    top: 140px;
    left: 232px;
    margin-left: 0px;
    margin-top: 0px; 
    text-align: left;  
}
 
 
.ClsdivListRechContent span.ClsspanListRechPrix
{
    position: absolute;
    display: block;    
    top: 165px;
    right: 376px;
    text-align: right;
    margin-left: 0px;
    margin-top: 0px;    
    color: #ff7f00; /* Orange fonce*/
    font-weight: bold;
    font-size: 14px;    
    font-family: verdana, tahoma, sans-serif; 
}      

/* Porte coulissantes */    
.ClsdivListRechContent a
{
    position: absolute;
    top: 188px;
    right: 5px;
    display : block;
    margin-left : 0px;
    margin-top : 0px;
    height: 28px; /* moitie de la hauteur de l'image*/ 
    width: 124px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonVoirDetail_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}    

.ClsdivListRechContent a:hover
{
     background-position: 0px -28px;
}    
    
    
#divFinListRechContent
{
    background-image : url(./imagesCommunesThemes/FinFondItemListRech_590px.jpg); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 590px;    
    height: 2px; 
    margin-left : 0px;
    margin-top : 0px;
}

/* Mini Pave Fidelité Bridge */ 
#divModMiniFideliteHautBridge
{
    margin-left : 0px;
    margin-top : 0px;
    height: 129px; 
    width: 325px;
    background: transparent url(./imagesCommunesThemes/pave_mini_fidel_325px_haut.jpg) top left no-repeat;
    background-position: 0px 0px;
}
/* Technique portes coulissantes*/
a.CssClassImageModMiniFidelbas
{
    display : block;
    margin-left : 0px;
    margin-top : 0px;
    height: 40px; /* moitie de la hauteur de l'image*/ 
    width: 325px;
    background: transparent url(./imagesCommunesThemes/pave_mini_fidel_325px_bas_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}
a.CssClassImageModMiniFidelbas:hover
{
    background-position: 0px -40px;
}

/* Fin Page Liste Recherche Voyages Bridge */

/* Description voyage */

#pDescVoyHeaderSpe
{
    margin: 0px 0px 0px 23px;
    font-size: 11px;
    font-weight: bold;
    color: #4069FF;
    
}

#divDescVoyColGauche
{
    position : relative;     
    float:left;            
    width : 590px;     
    margin-left : 0px;    
    margin-top : 0px;      
}


#divDescVoyColDroite
{
    position : relative;                
    float:right;
    width : 325px;     
    margin-left : 10px;
    margin-top : 0px;      
}


#divDescVoyEntete
{
    background: transparent url(./imagesCommunesThemes/FondEnteteDescripVoy.jpg) no-repeat;
    position: relative;
    width: 590px;
    height: 220px; /* avant V2.3 => 240 */
    background-position: 0px -29px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 18px;
    
}

.ClsimgImageVoyage1
{
  position: absolute;
  top: 21px;
  left: 16px;
  display : block;
  margin-left : 0px;
  margin-top : 0px;    
}

#divContentCadreDescVoyEntete
{
  position: absolute;
  top: 0px;
  left: 233px;
  color: Red;  
  margin-left : 0px;
  margin-top : 0px;    
  width: 334px; 
  height: 145px;
  /* border: solid 2px black; */
}

#divTitreDescVoyEntete
{
  position: relative;
  margin-left : 0px;
  margin-top : 10px;    
  width: 334px; 
  font-size: 15px;
  font-weight: bold;
  font-family: Comic Sans MS, verdana, tahoma, sans-serif; 
  text-align: left;
  /* border: solid 2px red; */
}


#divTitreDescVoyEntete span
{
  font-size: 10px;   
  font-family: verdana, tahoma, sans-serif;
  color: #555555;
}

#divNbJoursDescVoy
{
  position: relative;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;    
  width: 334px; 
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ff7f00; /* orange v1 */
  /* border: solid 2px orange;*/
  
}

#divPictosDescVoyEntete
{
  position: absolute;
  top:70px;
  margin-left : 0px;
  margin-top : 0px;    
  width: 334px; 
  height: 80px;
  /* border: solid 2px Gray; */
}

#divPrixDescVoyEntete
{
  position: absolute;
  bottom: -3px;
  right: 2px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: 200px; 
  height: 15px;
  color: #ff7f00;  
  font-weight: normal;
  font-size: 16px;
  text-align: right;
  font-family: Comic Sans MS, verdana, tahoma, sans-serif;
  /* border: solid 2px brown; */
}

#divPrixDescVoyEntete span
{
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}      

#divVideoProg
{    
    background: transparent url(./imagesCommunesThemes/FondContentDescripVoy.jpg) top left repeat-y;
    position: relative;
    width: 590px;
    height: 360px;
    margin-left: 0px;
    font-size: 12px;
    line-height: 18px;
}


#divDescVoyProg
{
    background: transparent url(./imagesCommunesThemes/FondContentDescripVoy.jpg) top left repeat-y;
    position: relative;
    width: 590px;
    margin-left: 0px;    
    font-size: 12px;
    line-height: 18px;
}


/* Porte coulissantes */    
.CssClassaReserver
{
    position: absolute;
    top: 160px;
    right: 5px;
    display : block;
    margin-left : 0px;
    margin-top : 0px;
    height: 28px; /* moitie de la hauteur de l'image*/ 
    width: 124px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonReserver_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}    

.CssClassaReserver:hover
{
     background-position: 0px -27px;
}    


/* Porte coulissantes */    
.CssClassaRetourListe
{
    position: absolute;
    top: 195px;
    right: 5px;
    display : block;
    margin-left : 0px;
    margin-top : 0px;
    height: 28px; /* moitie de la hauteur de l'image*/ 
    width: 124px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonRetourListe_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}    

.CssClassaRetourListe:hover   
{
     background-position: 0px -27px;
}    

a.CssClassHyperLinkVoyBenefPromo
{
    display: block;
    position: absolute;
    height: 59px;
    width: 212px;
    top: 160px;
    left: 11px;    
    background: transparent url(./imagesCommunesThemes/boutons/VoyageGagne_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}

a.CssClassHyperLinkVoyBenefPromo:hover
{
    background-position: 0px -59px;
}

img.CssClassImageTexteLivretPresentation
{
    display: block;
    position: absolute;
    height: 62px;
    width: 264px;
    top: 157px;
    left: 11px;    
    
}

a.CssClassHyperLinkLivretAnim
{
    display: block;
    position: absolute;
    height: 62px;
    width: 77px;
    top: 155px;
    left: 200px;
    z-index: 1000;
    background: transparent url(./imagesCommunesThemes/livretPresentationAnim62pxH.gif) top left no-repeat;
    background-position: 0px 0px;
}




img.CssClassImagePoints
{
    display: block;
    position: absolute;
    height: 61px;
    width: 91px;
    top: 160px;
    left: 10px;
}

img.CssClassImagePoints2
{
    display: block;
    position: absolute;
    height: 61px;
    width: 91px;
    top: 160px;
    left: 227px;
}

img.CssClassPictoPromo
{
    display: block;
    position: absolute;
    top: 160px;
    left: 130px;
}

img.CssClassPictoPromo2
{
    display: block;
    position: absolute;
    top: 160px;
    left: 327px;
}

#divContentDescVoyProg
{
    position: relative;
    width: 570px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 18px;
}

#divDescVoyBasPage
{
    background: transparent url(./imagesCommunesThemes/FondBasPageDescripVoy.jpg) no-repeat;
    background-position: left -110px;
    position: relative;
    width: 590px;
    height: 65px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 18px;
}

/* Porte coulissantes */    
.CssClassaReserverBis
{
    position: absolute;
    left: 222px;
    top: 10px;
    display : block;
    margin : 0px; 
    height: 28px; /* moitie de la hauteur de l'image*/ 
    width: 124px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonReserver_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}    

.CssClassaReserverBis:hover
{
     background-position: 0px -27px;
}    


/* Porte coulissantes */    
.CssClassaRetourDescription
{
    position: absolute;
    right: 130px;
    top: 10px;
    display : block;
    margin-left : 0px;
    margin-top : 0px;
    height: 28px; /* moitie de la hauteur de l'image*/ 
    width: 124px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonRetour_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}    

.CssClassaRetourDescription:hover   
{
     background-position: 0px -27px;
}    

/* Porte coulissantes */    
.CssClassaRetourListeBis
{
    position: absolute;
    right: 5px;
    top: 10px;
    display : block;
    margin-left : 0px;
    margin-top : 0px;
    height: 28px; /* moitie de la hauteur de l'image*/ 
    width: 124px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonRetourListe_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}    

.CssClassaRetourListeBis:hover   
{
     background-position: 0px -27px;
}    


#divDescVoyColDHaut
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/ColDroitePresentationVoy325px_haut.jpg) top left no-repeat;
    height: 52px;
    width: 325px;
}

.CssClassHyperLinkClicReserv 
{
    position: absolute;
    display: block;
    width: 263px;
    height: 37px;
    top: 0px;
    left: 20px;
    margin: 0px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonClicReserv_RO.jpg) top left no-repeat;
}

/* porte coulissante */
.CssClassHyperLinkClicReserv:hover
{
    background-position: 0px -37px;
}

#divDescColDContentLesPlus
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/ColDroitePresentationVoy325px_content.jpg) top left repeat-y;    
    width: 325px;
}

.CssClassDescVoylesPlus
{
    position: relative;
    display: block;
    top: 0px;
    left: 5px;
    margin: 0px;    
}

#divDescColDTexteLesPlus
{
    position: relative;
    margin-top: 0px; 
    margin-left: auto;
    margin-right: auto;
    width: 305px;
}

#divDescColDTitreDatesPrix
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/TitreDateEtPrix325px.jpg) top left no-repeat ;    
    width: 325px;
    height: 50px;
}

.ClsdivDescColDDatesPrixHaut
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/fondDateEtPrix325px_Haut.jpg) top left no-repeat ;    
    width: 325px;
    height: 30px;    
}
.ClsdivDescColDDatesPrixbas
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/fondDateEtPrix325px_Bas.jpg) bottom left no-repeat ;    
    width: 325px;
    padding-bottom: 10px;
}

.ClsdivDescColDDatesPrixContentBas
{
    position: relative;
    width: 260px;   
    margin-left: auto;
    margin-right: auto;    
}

.ClsdivDescColDDatesPrixContentHaut
{
    position: relative;
    width: 260px;   
    margin-left: auto;
    margin-right: auto;    
    text-align: left;
    /* color: #ff7f00;  Orange fonce*/    
    color: #4069ff;
}


#divDescColDTitreInclus
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/TitreSontInclus325px.jpg) top left no-repeat ;    
    width: 325px;
    height: 50px;
}
#divDescColDContentInclus
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/ColDroitePresentationVoy325px_content.jpg) top left repeat-y;    
    width: 325px;
}
#divDescColDTexteInclus
{
    position: relative;
    margin-top: 0px; 
    margin-left: auto;
    margin-right: auto;
    width: 305px;
}
#divDescColDTitreNonInclus
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/TitreNonInclus325px.jpg) top left no-repeat ;    
    width: 325px;
    height: 50px;
}
#divDescColDContentNonInclus
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/ColDroitePresentationVoy325px_content.jpg) top left repeat-y;    
    width: 325px;
}
#divDescColDTexteNonInclus
{
    position: relative;
    margin-top: 0px; 
    margin-left: auto;
    margin-right: auto;
    width: 305px;
}

#divDescColDTitreFormalites
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/TitreFormalites325px.jpg) top left no-repeat ;    
    width: 325px;
    height: 50px;
}
#divDescColDContentFormalites
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/ColDroitePresentationVoy325px_content.jpg) top left repeat-y;    
    width: 325px;
}
#divDescColDTexteFormalites
{
    position: relative;
    margin-top: 0px; 
    margin-left: auto;
    margin-right: auto;
    width: 305px;
}

#divDescVoyColDBas
{
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent url(./imagesCommunesThemes/ColDroitePresentationVoy325px_Bas.jpg) bottom left no-repeat ;    
    width: 325px;
}


.CssClassLinkButtonCGV 
{
    position: relative;
    display: block;
    width: 325px;
    height: 50px;
    top: 0px;
    left: 0px;
    margin: 0px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonCGV_RO.jpg) top left no-repeat;
}
/* porte coulissante */
.CssClassLinkButtonCGV:hover
{
    background-position: 0px -50px;
}

.CssClassLinkButtonContratAss 
{
    position: relative;
    display: block;
    width: 325px;
    height: 50px;
    top: 0px;
    left: 0px;
    margin: 0px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonContratAss_RO.jpg) top left no-repeat;
}
/* porte coulissante */
.CssClassLinkButtonContratAss:hover
{
    background-position: 0px -50px;
}

#divModDescVoyAutreRechHaut
{
    background-image : url(./imagesCommunesThemes/pave_AutreRech_325px_haut.jpg); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 325px;    
    height: 70px; 
    margin-left : 0px;
    margin-top : 0px;
}

#divModDescVoyAutreRechBas
{
    background-image : url(./imagesCommunesThemes/pave_rech2009_325px_bas.jpg); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 325px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 245px;    
}

#divModDescVoyAutreRechContent
{
    width: 290px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}



/* Mini Pave Fidelité */ 


#divModDescVoyMiniFideliteHaut
{
    margin-left : 0px;
    margin-top : 0px;
    height: 129px; 
    width: 325px;
    background: transparent url(./imagesCommunesThemes/pave_mini_fidel_325px_haut.jpg) top left no-repeat;
    background-position: 0px 0px;
}

/* Technique portes coulissantes*/
a.CssClassImageModDescVoyMiniFidelbas
{
    display : block;
    margin-left : 0px;
    margin-top : 0px;
    height: 40px; /* moitie de la hauteur de l'image*/ 
    width: 325px;
    background: transparent url(./imagesCommunesThemes/pave_mini_fidel_325px_bas_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}
a.CssClassImageModDescVoyMiniFidelbas:hover
{
    background-position: 0px -40px;
}

.ClsspanTitreJour 
{
    color: #ff7f00; /* Orange fonce v1*/
    font-weight: bold;
    font-size: 12px;
}

.ClsspanTitre
{
    color: #4069FF;
    font-weight: bold;
    font-size: 12px;
}

.ClsspanExergue
{
    font-weight: bold;
}

.ClsulListeInclus
{
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: disc;
}

.ClsulListeNonInclus
{
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: disc;
}

.ClstableDatesPrix
{
    width: 100%;
    border: none 0px transparent;   
}

.ClstdDatesPrixLeft
{
    text-align: left;    
}

.ClstdDatesPrixtexteDate
{
    text-align: left;    
    margin:  0px 0px 2px 0px;
}

.ClstdDatesPrixRight
{
    text-align: right;    
}

.ClstdDatesPrixBottomLine
{
    border-bottom: dashed 1px #999999;
}

.ClshrDescVoyResa
{
    border-top: dashed 1px #999999 ;
    border-bottom: none 0px #e3e9ff;
    background-color: #e3e9ff;
}

/* Fin Description Voyage */


/* Contact --------------------------------------------------------------------------------- */

#pContactHeaderSpe
{
    margin: 0px 0px 0px 23px;
    font-size: 11px;
    font-weight: bold;
    color: #4069FF;
    
}

#divContactColGauche 
{
    position : relative;     
    float: left;            
    width: 325px;      
    height: 700px;
    margin-left : 0px;    
    margin-top : 0px;     
    background-image: url(./imagesCommunesThemes/colGaucheContact2012Bridge.jpg);
    background-repeat: no-repeat;   
    background-position: 0px 0px;   
}




#divContactColdroite
{
    position : relative;                
    float: right;
    width : 590px;     
    margin-left : 10px;
    margin-top : 0px;      
    
}

#divContactColdroiteHaut
{
    position : relative;                
    background-image: url(./imagesCommunesThemes/pave_texte_590px_Haut.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 590px;   
    height: 15px;  
    margin-left : 0px;
    margin-top : 0px;      
}
#divContactColdroiteBas
{
    position : relative;                
    background-image: url(./imagesCommunesThemes/pave_texte_590px_Bas.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    width : 590px;     
    margin-left : 0px;
    margin-top : 0px;      
}

#divContentContactColDroite
{
    position: relative;
    width: 570px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 18px;
}


.CssClassImageContactezNous
{
    position: relative;
    display: block;
    margin: 0px 0px;  
        
}

#divRetourInfoContact
{
    position: relative;
    width: 424px;
    height: 60px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 18px;
    color: Red;
    font-weight: bold;
}

#divFormulaireContact
{
    position: relative;
    margin: 10px auto 0px;
    width: 424px;
    height: 439px; /* 439px quand ok*/
    background-image: url(./imagesCommunesThemes/formulaireContact);
    background-repeat: no-repeat;
}



/* Fin Contact */

/* Live Chat  */

a.CssClassImgLiveChatIE6
{
    /*ceci pour IE6*/
    display: block;
    position : absolute;
    top: 20px;
    right: 15px;
    height: 68px;
    width: 145px;
    background: transparent url(./images/Vn1DialMini.jpg) top left no-repeat;
    background-position: 0px 0px;
}


a.CssClassImgLiveChatDefPng
{
    /*ceci pour PngBrowser*/
    display: block;
    position : absolute;
    top: 20px;
    right: 25px;
    height: 68px;
    width: 145px;
    background: transparent url(./images/Vn1DialMini.jpg) top left no-repeat;
    background-position: 0px 0px;
}

/* Fin Live Chat  */


/* Divers Texte ---------------------------------------------------------------------------------*/

.CssSpanTitre16pxBlueV1
{
    color: #4069FF;
    font-weight: bold;
    font-size: 16px;
}

.CssSpanTitre11pxBlueV1Cosmic
{
    color: #4069FF;
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    font-family: Comic Sans MS, verdana, tahoma, sans-serif; 
}

.CssSpanTitre12pxBlueV1Cosmic
{
    color: #4069FF;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    font-family: Comic Sans MS, verdana, tahoma, sans-serif; 
}

.CssSpanTitre14pxBlueV1Cosmic
{
    color: #4069FF;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    font-family: Comic Sans MS, verdana, tahoma, sans-serif; 
}

.CssSpanTitre16pxBlueV1Cosmic
{
    color: #4069FF;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    font-family: Comic Sans MS, verdana, tahoma, sans-serif; 
}


.CssSpanTitre16pxRedV1Cosmic
{
    color: red;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    font-family: Comic Sans MS, verdana, tahoma, sans-serif; 
}

.CssSpanTitre11pxRed
{
    color: red;
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    
}

.CssSpanTexte09px
{
    font-size: 9px;
    line-height: 14px;
}

.CssSpanTexte10px
{
    font-size: 10px;
    line-height: 16px;
}

.CssSpanTexte11px
{
    font-size: 11px;
    line-height: 17px;
}

.CssSpanTexte11px
{
    font-size: 12px;
    line-height: 18px;
}

.CssUpCase
{
    text-transform: uppercase;
}

.CssFontRed
{
   color: Red;
}

.CssFontOrangeV1
{
   color: #ff7f00; /* Orange fonce V1*/
}
/* modules generaux --------------------------------*/

.CssClassLinkButtonRech
{
    display : block;
    margin-left : 177px;
    margin-top : 15px;
    height: 28px; /* moitie de la hauteur de l'image*/ 
    width: 124px;
    background: transparent url(./imagesCommunesThemes/boutons/BoutonRechercher_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
}

.CssClassDropDownDeptOrDest
{
    font-size: 11px;
    line-height: 14px;
    font-weight: bold; 
    margin-top: 3px;
    margin-bottom: 8px;
}

.CssClassLinkButtonRech:hover
{
    background-position: 0px -28px;    
}


.CssClassImageTel1Logo
{  
    margin: 15px 0px 5px 0px;
}