/* styles.css for www.tarifasmile.com */

/* Les couleurs
Noir  : #000000
Jaune : #FFF557
Vert  : #97B712
Violet: #DC0067
Gris: #878787
*/

body {
  background-color:#000000; 
    font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: small;
  /*line-height: 110%  */
  text-align: left; 
}

img {
  border: 0px;
}

.img-float-gauche  {
 border: solid 3px #000000;
 margin: 10px; 
 float: left;
}

.img-float-droite  {
 border: solid 3px #000000;
 margin: 10px; 
 float: right;
}

.img-centre  {
 border: solid 3px #000000;
 margin: 10px; 
 text-align: center;
}

.img-float-gauche-noborder  {
 border: 0px;
 margin: 0px; 
 float: left;
}

.img-float-droite-noborder  {
 border: 0px;
 margin: 10px; 
 float: right;
}

.img-centre_TV  {
 border: solid 3px #000000;
 margin: 40px; 
 text-align: left;
}

.img-gauche_TV  {
 border: solid 3px #000000;
 margin: 0px; 
 text-align: left;
}
table,th,td,tr {
  border: solid 0px;
}

h1 {
  color: #DC0067;
  font-size: x-large;
  clear: left;
}

h2 {
  color: #DC0067;
  font-size: x-large;
  clear: left;
}

h3 {
  color: #DC0067;
  font-size: large;
  clear: left;
}

h1.inline {
  display:inline;
}

h2.inline {
  display:inline;
}

h3.inline {
  display:inline;
}

span.doublepoints {
  color: #DC0067;
  font-size: x-large;
  display:inline;
}

p.alaligne {
  clear : left;
}

a:link {
  color: #DC0067; 
  text-decoration: none; 
  background-color: transparent 
}

a:link_TV {
  color: #FFFFFF; 
  text-decoration: none; 
  background-color: transparent 
}

 a:visited {
  color: #DC0067; 
  text-decoration: none; 
  background-color: transparent 
}
a:hover {
  color: #DC0067; 
  text-decoration: underline; 
  background-color: transparent 
}
a:active { 
  color: #DC0067; 
  text-decoration: underline; 
  background-color: transparent 
}
/*TV*/
/*Definition de zones:le menu, la courbe, etc.*/
/*La partie menu en gris*/
#div-menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 240px;
   height: 1800px; 
  /*border: solid 1px #0000FF;*/
  background-color:#878787; 
  text-align: center; 
  overflow: none;
}

#div-courbe {
  position: absolute;
  top: 0px;
  left: 240px;
  width: 64px;
  height: 1800px;
  /*border: solid 1px #00FF00;*/
  background: url(images/courbe-900x65.png ) no-repeat;
  background-color:#878787; 
}

#div-haut {
  background-color: #000000;
  position: absolute;
  top: 0px;
  left: 310px;
  width: 550px;
  height: 70px;
  /*border: solid 1px #FF0000;*/
  overflow: none;
}

#div-droite {
  background-color: #000000;
  position: absolute;
  top: 81px;
  left: 870px;
  width: 120px;
  height: 260px;
  /*border: solid 1px #FF0000;*/
  overflow: none;
}

#div-bas {
  background-color: #000000;
  position: absolute;
  top: 1640px;
  left: 50px;
  width: 100px;
  height: 50px;
  /* border: solid 1px #FF0000; */
  overflow: none;
}

#div-texte {
  background-color:#000000; 
  position: absolute;
/*
  top: 81px;
  left: 310px;
  width: 550px;
  height: 450px;
*/
  top: 70px;
  left: 310px;
  width: 720px; 
  /* height: 510px; */
  overflow: auto;
  margin: 10px;
  
  /* Compatible seulement IE */
  scrollbar-face-color: #97B712;
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #000000;
  scrollbar-arrow-color: #000000;  
}

#div-rondimage {
  position: absolute;
  top: 370px;
  left: 750px;
  width: 284px;
  height: 392px;
  /*border: solid 1px #FF0000;*/
}


/* LANGUE MENU */

#langue_menu {
   width: 75px;
   height: 16px;
   background: url(images/langue_menu-75x32.png);
   margin: 10px auto;
   padding: 0;
   /*position: relative;*/
  position: absolute;
  top: 180px;
  left: 80px;
}

#langue_menu li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
}
#langue_menu li, #langue_menu a {
   height: 16px;
   display: block;
}

#langue_menu_es { left: 0;    width: 25px;  }
#langue_menu_en { left: 25px; width: 25px;  }
#langue_menu_fr { left: 50px; width: 25px; }

#langue_menu_es a:hover {
background: transparent url(images/langue_menu-75x32.png)
               0 -16px no-repeat;
}
#langue_menu_en a:hover {
background: transparent url(images/langue_menu-75x32.png)
               -25px -16px no-repeat;
}
#langue_menu_fr a:hover {
background: transparent url(images/langue_menu-75x32.png)
               -50px -16px no-repeat;
}

#langue_menu_fr span { 	display: none;	}
#langue_menu_en span {	display: none;	}
#langue_menu_es span {	display: none;	}

/* MENU PRINCIPAL*/

#menu_principal {
   width: 240px;
   height: 370px;   
   background-repeat: no-repeat;
   margin: 10px auto; 
   padding: 0;        
   text-align: left;
/*position: relative;*/
  position: absolute;
  top: 240px;
  left: 0px;   
}                     
#menu_principal li {  
   margin: 0;         
   padding: 0;        
   list-style: none;  
   position: absolute;
}

#menu_principal li, #menu_principal a {
   width: 240px;
   height: 33px;
   display: block;   
}

/*#menu_principal a {border: solid 1px #FF0000;}  */

#menu_principal span { display: none; }

#menu_principal_home       { top:   2px;  }
#menu_principal_escuela    { top:  38px;  }
#menu_principal_fisica     { top:  74px;  }
#menu_principal_chiringito { top: 110px;  }
#menu_principal_events     { top: 146px;  }
#menu_principal_tienda     { top: 183px;  }
#menu_principal_plus       { top: 220px;  }
#menu_principal_multimedia { top: 257px;  }
#menu_principal_info       { top: 295px;  }
#menu_principal_contactos  { top: 331px;  }

#menu_principal_home       a:hover { background-position: 0px  -371px ; }
#menu_principal_escuela    a:hover { background-position: 0px  -407px ; }
#menu_principal_fisica     a:hover { background-position: 0px  -443px ; }
#menu_principal_chiringito a:hover { background-position: 0px  -479px ; }
#menu_principal_events     a:hover { background-position: 0px  -515px ; }
#menu_principal_tienda     a:hover { background-position: 0px  -552px ; }
#menu_principal_plus       a:hover { background-position: 0px  -589px ; }
#menu_principal_multimedia a:hover { background-position: 0px  -626px ; }
#menu_principal_info       a:hover { background-position: 0px  -663px ; }
#menu_principal_contactos  a:hover { background-position: 0px  -700px ; }


/* MENU ESCUELA VERTICAL */

#menu-escuela-v {
   width: 120px;
   height: 260px;   
   background-repeat: no-repeat;
   margin: 10px auto; 
   padding: 0;        
   position: relative;
   text-align: left;  
   background-image: url(images/menu_escuela-v.png);
}                     
#menu-escuela-v li {  
   margin: 0;         
   padding: 0;        
   list-style: none;  
   position: absolute;
}

#menu-escuela-v li, #menu-escuela-v a {
   width: 120px;
   height: 62px;
   display: block;   
}

#menu-escuela-v a:hover {    
  background-image: url(images/menu_escuela-v.png);
}

/*#menu-escuela-v a {border: solid 1px #FF0000;} */

#menu-escuela-v span { display: none; }

#menu-escuela-v-windsurf { top:   0px;  }
#menu-escuela-v-kitesurf { top:  63px;  }
#menu-escuela-v-surf     { top: 125px;  }
#menu-escuela-v-ninos    { top: 187px;  }

#menu-escuela-v-windsurf a:hover { background-position: 0px  -260px ; }
#menu-escuela-v-kitesurf a:hover { background-position: 0px  -322px ; }                                                   
#menu-escuela-v-surf     a:hover { background-position: 0px  -384px ; }                                                   
#menu-escuela-v-ninos    a:hover { background-position: 0px  -446px ; }                                                   


/* MENU ESCUELA HORIZONTAL */

#menu-escuela-h {
   width: 300px;
   height: 70px;   
   background-repeat: no-repeat;
   margin: 10px auto; 
   padding: 0;        
   position: relative;
   text-align: left;  
   background-image: url(images/menu_escuela-h.png);
}                     
#menu-escuela-h li {  
   margin: 0;         
   padding: 0;        
   list-style: none;  
   position: absolute;
}

#menu-escuela-h li, #menu-escuela-h a {
   height: 70px;
   display: block;   
}

#menu-escuela-h a:hover {    
  background-image: url(images/menu_escuela-h.png);
}

/*#menu-escuela-h a {border: solid 1px #FF0000;} */

#menu-escuela-h span { display: none; }

#menu-escuela-h-windsurf { left:   0px; width: 74px; }
#menu-escuela-h-kitesurf { left:  74px; width: 74px; }
#menu-escuela-h-surf     { left: 148px; width: 74px; }
#menu-escuela-h-ninos    { left: 222px; width: 74px; }

#menu-escuela-h-windsurf a:hover { background-position:   -5px  -70px ; }
#menu-escuela-h-kitesurf a:hover { background-position:  -80px  -70px ; }                                                   
#menu-escuela-h-surf     a:hover { background-position: -151px  -70px ; }                                                   
#menu-escuela-h-ninos    a:hover { background-position: -225px  -70px ; }