/* nom   : MenuDVS.css                                     */
/* auteur: Gilles BOISAUBERT                               */
/* cre   : 10/01/2009                                      */
/* maj   : 29/01/2009 - jpg pour tous les fonds            */
/*         11/05/2012 - ajustement menu regater et niv. 3  */
/*           /  /     -                                    */
/* notes :                                                 */

html {height: 100%; with: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; overflow: auto}  
body {font-family: "Verdana", sans-serif; font-size: 1.0em; color: #808080; background: #303030; width: 100%; heigth: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
a {text-decoration: none}

/* ================================================== */
/* squelette du code                                  */
/* une identification #toto d'une ul                  */
/* celle-ci a une nouvelle ul de niveau inferieur     */
/* le niveau inferieur est cache en standard (display */
/* none) et montre en hover sur la ul de niveau       */
/* superieur (display: block)                         */
/* html:                                              */
/*   <ul id="toto">                                   */
/*     <li>                                           */
/*       <ul class="nivinf">                          */
/*         <li> ... </li>                             */
/*         <li> ... </li>                             */
/*       </ul>                                        */
/*     </li>                                          */
/*     ...                                            */
/*   </ul>                                            */
/* css:                                               */
/*   #toto                                            */
/*       {list-style-type: none}                      */
/*   #toto .nivinf                                    */
/*       {display: none; list-style-type: none}       */
/*   #toto li:hover > .nivinf                         */
/*       {display: block}                             */                                           
/* ================================================== */
 
/* gestion des niveaux deroulants */
#menusnipe
/* centrage a cause du bug de IE7 (les 2px de border) */
  {list-style-type: none; width: 150px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; border-style: none}
#menusnipe .mensni2
  {display: none; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: none; font-size: 1.0em}
#menusnipe .mensni2 .mensni3
  {display: none; list-style-type: none; margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px} /* decalage de tout le block ul du bord */
#menusnipe li:hover > .mensni2
  {display: block}
#menusnipe li:hover > .mensni2 li:hover > .mensni3
  {display: block}

/* gestion du style par niveau */                  
#menusnipe li
  {font-weight: 200; text-align: center; margin: 6px 0px 6px 0px; padding: 7px 0px 0px 0px} /* decalage en padding pour centrer sur le fond; en plus, voir remarque bug IE7 (taille caracteres) */
#menusnipe li:hover
  {font-weight: 700}
#menusnipe li > .mensni2 li
  {font-family: "Verdana", sans-serif; font-size: 0.8em; font-style: normal; font-weight: 200; letter-spacing: 0em; text-align: right; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px}
#menusnipe li > .mensni2 li > .mensni3 li
  {font-family: "Verdana", sans-serif; font-size: 0.75em; font-style: normal; font-weight: 200; letter-spacing: 0em; text-align: left; margin: 0px 0px 0px 0px; padding: 1px 3px 1px 3px}
/* le niv 3 est sorti du flow normal pour ne pas decaler le niv 2 par rapport au fond */
#regphotxt
  {position: absolute; top: 191px; left: 0px; background: #F0F0F0; border: 1px solid #C0C0C0} 

/* bug IE7: la taille du caractere de la li de niveau superieur (menusnipe) gere l'espacement de la li de niveau inferieur (menusni2), lorsque la taille du caractere de niveau superieur est plus grande que celle du niveau inferieur. Donc avec rien on herite du font-size du body et span pour le titre */  
span.tit {font-family: "Times New Roman", serif; font-size: 16pt; letter-spacing: 0.05em; text-align: center; font-style: italic}

/* Challenge Yves Le Bour */
/* Gestion des fonds a partir des li de menusnipe */
li.titylb
  {with: 150px; height: 38px; background: url("bckylbB.jpg") no-repeat 0px 0px; color: #606060}
li.titylb:hover
  {with: 150px; height: 76px; background: url("bckylb2.jpg") no-repeat 0px 0px}

.ylb {color: #606060}
a.ylb:hover {color: #FFDA86; background: #606060}

/* Sites Snipe (sci for SCIRA) */
li.titsci
  {with: 150px; height: 38px; background: url("bcksciC.jpg") no-repeat 0px 0px; color: #800000}
li.titsci:hover
  {with: 150px; height: 76px; background: url("bcksci5.jpg") no-repeat 0px 0px}

.sci {color: #800000}
a.sci:hover {color: #FFE0E0; background: #000080}

/* Federations */
li.titfed
  {with: 150px; height: 38px; background: url("bckfedB.jpg") no-repeat 0px 0px; color: #000080}
li.titfed:hover
  {with: 150px; height: 76px; background: url("bckfed4.jpg") no-repeat 0px 0px}

.fed {color: #000080}
a.fed:hover {color: #F0F0FF; background: #000080}

/* Regater */
li.titreg
  {with: 150px; height: 38px; background: url("bckregE.jpg") no-repeat 0px 0px; color: #ED6300}
li.titreg:hover
  {with: 150px; height: 100px; background: url("bckreg4.png") no-repeat 0px 0px}

.reg {color: #ED6300}
.reg:hover {color: #FFF8F0; background: #783200}