/* CSS de Reference pour tous les browsers WEB 3D*/

@import url(./importCss/diffEnteteMaster.css);
@import url(./importCss/fondPageDefault.css);
@import url(./importCss/mapPlanIle3D.css);

body 
{ 
    background-image: url(./images/fondMasterDegBleu_Web3D.jpg);
    background-repeat: no-repeat;    
    background-color: white;
    background-position: top center;
    /* background-attachment: scroll; */
    margin : 0px 0px 0px 0px;
    font-size: 10px;
    font-family: verdana, tahoma, sans-serif;
    color: #333333;
    line-height : 14px;
}

a:visited, a:active, a:link, a
{
 color: #333333;
 text-decoration: none;  
}

a:hover
{
 color: #333333;
 text-decoration: underline;
}
/* ---- General pour les div Mod */

div.ClsModExposant1Haut
{
    background-image : url(./images/pavetCoteGrisNeutreExposantHaut.png); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;    
    height: 45px; 
    margin-left : 0px;
    margin-top : 0px;
}

div.ClsModExposant1Bas
{
    background-image : url(./images/pavetCoteGrisNeutreExposantBas.png); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 15px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}


div.ClsModArtistique1Haut
{
    background-image : url(./images/pavetCoteBleuArtisteHaut.png); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;    
    height: 45px; 
    margin-left : 0px;
    margin-top : 0px;
}

div.ClsModArtistique1bas
{
    background-image : url(./images/pavetCoteBleuArtisteBas.png); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 15px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}

div.ClsModArtistique2Haut
{
    background-image : url(./images/pavetCoteRougeArtisteHaut.png); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;    
    height: 45px; 
    margin-left : 0px;
    margin-top : 0px;
}

div.ClsModArtistique2bas
{
    background-image : url(./images/pavetCoteRougeArtisteBas2.png); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 15px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}

div.ClsModArtistique3Haut
{
    background-image : url(./images/pavetCoteOrangeArtisteHaut.png); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;    
    height: 45px; 
    margin-left : 0px;
    margin-top : 0px;
}

div.ClsModArtistique3bas
{
    background-image : url(./images/pavetCoteOrangeArtisteBas2.png); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 15px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}

div.ClsModClassic1Haut
{
    background-image : url(./images/pavetCoteBleuClassicHaut.png); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;    
    height: 44px; 
    margin-left : 0px;
    margin-top : 0px;
}


div.ClsModClassic1Bas
{
    background-image : url(./images/pavetCoteBleuClassicBas2.png); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 15px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}

div.ClsModClassic2Haut
{
    background-image : url(./images/pavetCoteRougeClassicHaut.png); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;    
    height: 44px; 
    margin-left : 0px;
    margin-top : 0px;
}


div.ClsModClassic2Bas
{
    background-image : url(./images/pavetCoteRougeClassicBas2.png); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 15px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}

div.ClsModClassic3Haut
{
    background-image : url(./images/pavetCoteOrangeClassicHaut.png); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;    
    height: 44px; 
    margin-left : 0px;
    margin-top : 0px;
}


div.ClsModClassic3Bas
{
    background-image : url(./images/pavetCoteOrangeClassicBas2.png); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 210px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 15px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}

div.ClsMod210pxHautContent 
{
    position: relative;
    display: block;
    width: 130px;
    height: 20px; 
    margin-left: 34px;
    top: 11px;
    font-size: 12px;    
    color: white;
    font-weight: bold;
    background-color: Transparent ;
}

div.ClsMod210pxHautContentLarge 
{
    position: relative;
    display: block;
    width: 154px;
    height: 20px; 
    margin-left: 37px;
    top: 5px;
    font-size: 10px;    
    color: white;
    font-weight: bold;
    background-color: Transparent ;
}


div.ClsMod210pxContent 
{
    position: relative;
    display: block;
    width: 180px;    
    padding-left: 10px;
    margin-left: auto;    
    margin-right: auto;    
    font-size: 10px;    
    color: #333333;
    font-weight: bold;
    background-color: Transparent;
    
}
div.ClsMod210pxContentLight 
{
    position: relative;
    display: block;
    width: 180px;    
    padding-left: 10px;
    margin-left: auto;    
    margin-right: auto;    
    font-size: 10px;    
    color: #333333;
    font-weight: normal; 
    background-color: Transparent;
    
}
div.ClsTexte559pxFondHaut
{
    background-image : url(./images/FondPave_texte_milieu_559px_Haut.png); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 559px;        
    height: 15px;
    margin-left: 0px;
    margin-top: 0px;     
}

div.ClsTexte559pxFondBas
{
    background-image : url(./images/FondPave_texte_milieu_559px_Bas2.png); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 559px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 10px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}

div.ClsTexte559pxFondGrisHaut
{
    background-image : url(./images/FondPave_texte_milieu_Gris_559px_Haut.jpg); 
    background-repeat : no-repeat;    
    background-position : left top;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 559px;        
    height: 15px;
    margin-left: 0px;
    margin-top: 0px;     
}

div.ClsTexte559pxFondGrisBas
{
    background-image : url(./images/FondPave_texte_milieu_Gris_559px_Bas2.jpg); 
    background-repeat : no-repeat;    
    background-position : left bottom;    /* image venant par le bas et caler a gauche*/     
    position : relative;                    
    width : 559px;        
    margin-left : 0px;
    margin-top : 0px;
    padding-bottom : 10px;       
    min-height: 40px;  /* taille mini de ce bloc div */
}



div.ClsTexte559pxContent 
{
    position: relative;
    display: block;
    width: 540px;    
    padding-left: 0px;
    margin-left: auto;    
    margin-right: auto;    
    font-size: 11px;    
    color: #333333;
    font-weight: normal;
    background-color: Transparent;    
}


/* ---- General pour les div */

div.clr { /* permet que les flux float soient compris dans le conteneur
             div class=clr a placer juste apres les div float left
             nouvelle technique pour site Web 3D avant on jouait avec overflow : hidden */
    clear: both;
    font-size:0;
    line-height:0;
    border: 0px;
} 

/* -----------------------------   PAGE ACCUEIL WEB 3D ----------*/
/* -
div.ClsBackGroundAccueil
div.ClsAccueilColGauche 
div.ClsAccueilColMilieu
div.ClsAccueilColDroite

servent aussi a : AccesPresentationWeb3d.aspx
                  inscriptions.aspx
                  presentationIle3D.aspx 
                  et une partie à ... exposants.aspx
  */

/* divBackgroundFooterAccueil
{
    position: relative;
    background-image: url(./images/FondPave_texte_milieu_559px_Bas.png);
    background-position: 210px 0px;
    background-repeat: no-repeat;
    margin-top: auto;
    width: 100%;        
    height: 15px;
    min-height: 15px;
}
*/

div.ClsBackGroundAccueil
{
    position: relative;
    background-image: url(./images/FondPave_texte_milieu_559px_MilieuRep.png);
    background-position: 210px 0px;
    background-repeat: repeat-y;
    margin-top: auto;
    width: 100%;    
}

div.ClsAccueilColGauche 
{    
    position: relative;     
    margin-left: 0px;    
    margin-top: 0px;  
    float: left;            
    width: 210px;        
   
}

div.ClsAccueilColMilieu
{
    position: relative;     
    margin-left: 0px;    
    margin-top: 0px;      
    float: left;
    width: 559px; /* 769*/    
     
}


div.ClsAccueilColDroite
{
    position: relative;     
    margin-left: 0px;    
    margin-top: 0px;  
    float: right;
    width: 210px; /* 769*/             
}

/*

Ne sert qu a copie de default.aspx

 #divAccueilColGauche2 
{    
    position: relative;     
    margin-left: 0px;    
    margin-top: 0px;  
    float: left;            
    width: 210px;        
   
}

#divAccueilColMilieu2
{
    position: relative;     
    margin-left: 0px;    
    margin-top: 0px;      
    float: left;
    width: 559px; 
     
}


#divAccueilColDroite2
{
    position: relative;     
    margin-left: 0px;    
    margin-top: 0px;  
    float: right;
    width: 210px; 
}
*/

#divVideoWeb3D
{
    margin-bottom: 12px;
}

/*---------------PAGE DES EXPOSANTS WEB 3D ----------*/

div.ClsBackGroundExposant
{
    position: relative;
    background-image: url(./images/FondPave_texte_milieu_Gris_559px_MilieuRep.jpg);
    background-position: 210px 0px;
    background-repeat: repeat-y;
    margin-top: auto;
    width: 100%;    
}

div.ClsBackGroundAccueilExposant
{
    position: relative;
    background-image: url(./images/FondPave_texte_milieu_559px_MilieuRep.png);
    background-position: 210px 0px;
    background-repeat: repeat-y;
    margin-top: auto;
    width: 100%;    
}

img.ClsImageColDExposant
{
    
  width: 160px;
  display: block;
  position: relative;
  background-color: #ffffff;
  border-color: #aaaaaa;
  /* border: 1px solid #aaaaaa;  Attention se gere que  dans le composant aspx*/
  padding: 7px;
    
}

img.ClsImageMilExposant
{
    
  width: 300px;
  height: 200px;
  display: block;
  position: relative;
  background-color: Transparent;
  border-color: #aaaaaa;
  /* border: 1px solid #aaaaaa;  Attention se gere que  dans le composant aspx*/
  padding: 2px;  
  margin-left: 2px;
    
}

img.ClsImageMilExposant:hover 
{
    cursor: help;
}

img.ClsImageAccesWeb3dExposant
{
    
  width: 300px;
  height: 200px;
  display: block;
  position: relative;
  background-color: white;
  border-color: #aaaaaa;
  /* border: 1px solid #aaaaaa;  Attention se gere que  dans le composant aspx*/
  padding: 3px;  
  margin-left: 2px;
    
}


.ClsPartielNewsExposant
{
    background-image: url(./images/bckgrdNews.jpg);
    background-repeat: no-repeat;
    color: black;   
}

img.ClsLivreAnime
{
    margin-left: 60px;
    margin-top: -30px;
    z-index:10;
    display: block;
    position:relative;    
}

img.CLsTexteFeuilletez
{
    margin-left: 0px;
    margin-top: -95px;
    z-index:11;
    display: block;
    position:relative;
    border-style: none;
}


/*---------------FIN PAGE DES EXPOSANTS WEB 3D -----*/

/*---------------PAGE PRESENTATION DE L ILE 3D ---------*/


.CssClassDropDownPresentationIle3D
{
    font-size: 11px;
    line-height: 14px;
    font-weight: bold; 
    margin-top: 3px;
    margin-bottom: 8px;
}

div.ClsMinHeightIle3DPola1
{
   min-height: 230px;   
}

table#tableAssistantsWeb3D
{
    font-size: 10px;
    font-family: verdana, tahoma, sans-serif;
    color: #333333;
    line-height : 14px;
    vertical-align: middle;
    border-collapse: collapse;
    border: Solid 2px #4069ff;    
    padding: 0px;
    width: 100%;
}

#tableAssistantsWeb3D th
{
    border-style: Solid;
    border-width: 1px;    
    color: #4069FF;
    text-align: left;
    background-color: #eeeeee;
    padding: 4px;    
    border-color: White;
    border-bottom-color: #4069FF;
}

#tableAssistantsWeb3D td
{    
    border: Solid 1px White;   
    text-align: left;    
    padding: 4px;
    font-weight: bold;
}

#tableAssistantsWeb3D tr:hover
{
    background-color: #ffff8f;
    cursor: text;
}

/*---------------FIN PAGE PRESENTATION DE L ILE 3D -----*/

/*--------------- PAGE INSCRIPTION JEU -----------------*/

.CssTextBoxFormulaireInscription
{
    color : #555555;
    font-size : 10px;
    font-family: verdana, tahoma, sans-serif;
    line-height : 14px;
    width: 200px;
}

.CssTextBoxFormulaireInscriptionLong
{
    color : #555555;
    font-size : 10px;
    font-family: verdana, tahoma, sans-serif;
    line-height : 14px;
    width: 280px;
}

.CssTextBoxFormulaireInscriptionPetit
{
    color : #555555;
    font-size : 10px;
    font-family: verdana, tahoma, sans-serif;
    line-height : 14px;
    width: 120px;
}

.CssDropDownListFormulaireInscription1
{
    color : #555555;
    font-size : 10px;
    font-family: verdana, tahoma, sans-serif;
    line-height : 14px;
    width: 60px;
}


td.ClsTDInscriptionCol1 
{
    width: 270px;    
    vertical-align: top;
    text-align: left;
    /* border: Solid 1px Black; */
}

td.ClsTDInscriptionCol2Left
{
    width: 280px;    
    vertical-align: top;
    text-align: left;
    /* border: Solid 1px Black; */
}

td.ClsTDInscriptionCol2Right 
{
    width: 280px;    
    vertical-align: top;
    /* border: Solid 1px Black; */
    text-align: right;
}

.CssButtonGen
{
   font-size : 12px; 
   font-weight: bold;
   color:#ffffff;
   background-color:#4069ff;
   border-style:groove;
   border-color:#ffffff;   
   padding: 3px;
}

.CssButtonGen:hover
{
   font-size : 12px; 
   font-weight: bold;
   color: red;
   background-color:#4069ff;
   border-style:groove;
   border-color:#ffffff;   
   padding: 3px;
   cursor: pointer;
}



/*---------------PAGE INSCRIPTION JEU -----*/


/*--------------- BOUTONS ------------------*/

/* Porte coulissantes */    
a.ClsABoutonEnvoyer
{
    position: relative;
    top: 0px;
    right: 0px;
    display : block;
    margin-left : 0px;
    margin-top : 0px;
    height: 28px; /* moitie de la hauteur de l'image*/ 
    width: 124px;
    background: transparent url(./images/boutons/BoutonEnvoyer_RO.jpg) top left no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
}    

a.ClsABoutonEnvoyer:hover
{
     background-position: 0px -28px;
     text-decoration: none;
}    

/*--------------- FIN BOUTONS ------------------*/

/*----------------CSS GENERAUX ---------------------*/

a.CssAwhite:visited, a.CssAwhite:active, a.CssAwhite:link, a.CssAwhite
{
 color: white;
 text-decoration: none;  
}

a.CssAwhite:hover
{
 color: white;
 text-decoration: underline;
}

.CssDivCadreBlancWidth525px
{
    display: block;
    position: relative;
    width: 525px;
    border: Solid 2px white;
    padding: 5px;
    margin-bottom: 5px;    
}

.CssDivCadreBleuWidth525px
{
    display: block;
    position: relative;
    width: 520px;
    /* border-bottom-style : ridge    */
    border: inset 3px #4069FF;
    padding: 5px;
    margin-bottom: 5px;    
    background-color: #f6f6f6;
    background-image: url(./images/degradeGrisCadre.jpg);
}


.CssSpanTitre12pxRed
{
    color: red;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;       
}

.CssSpanTitre12pxDarkRed
{
    color: #c9011a;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;       
}

.CssSpanDarkRed
{
    color: #c9011a;        
}


.CssSpanTitre11pxRed
{
    color: red;
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;   
    
}
.CssSpanTitre10pxRed
{
    color: red;
    font-weight: bold;
    font-size: 10px;
    line-height: 16px;
    
}

.CssSpanTitre11pxBlueV1
{
    color: #4069FF;
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    
}

.CssSpanTitre10pxBlueV1
{
    color: #4069FF;
    font-weight: bold;
    font-size: 10px;
    line-height: 16px;
    
}

.CssSpanTexte11pxBlueV1
{
    color: #4069FF;   
    font-size: 11px;
    line-height: 16px;    
}

.CssSpanTitre15pxBlueV1
{
    color: #4069FF;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}

.CssSpanColorLightGray2Italique
{
    color: #888888;
    font-style: italic;    
}

.CssSpanColorLightGrayItalique
{
    color: #aaaaaa;
    font-style: italic;    
}

.CssSpanColorLightGrayItalique11px
{
    color: #aaaaaa;
    font-style: italic;    
    font-size: 11px;
    line-height: 14px;
}

ul.CssULlittleCol
{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    padding: 0px;    
}

ul.CssULlittleCol2
{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    padding: 0px;
    list-style-type: square;   
    
}

ul.CssULlittleCol3
{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    padding: 0px;
    list-style-type: none;
    
}

li.ClsLImarginBottom1
{
    margin-bottom: 5px;
}


ul.CssULlittleColDnoneType
{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:0px;
    margin-right: 0px;
    padding: 0px;    
    list-style-type: none;
}