/* @override Credits */
/*
Date : 04.05.2010
Auteur : Rémi Buisson
Projet : Fifrelin
Logiciel : 
Commentaire : 

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

/* générique */
.bandeau{
    display: none;
}
.bandeau .blocBandeau{
    width: 660px;
    height: 293px;
    position: relative;
    background: transparent;
}

.bandeau .blocBandeau.hover{
    background-position: 0px -293px;
}

.bandeau a{
    position: absolute;
    display: block;
}






/* spécifique */

/* les background de chaque div */
.bandeau .bourg{
    background: url(../images/bandeau/bourg.png) no-repeat;
}
.bandeau .chatillon{
    background: url(../images/bandeau/chatillon.png) no-repeat;
}
.bandeau .cerdon{
    background: url(../images/bandeau/cerdon.png) no-repeat;
}
.bandeau .courmangoux{
    background: url(../images/bandeau/courmangoux.png) no-repeat;
}
.bandeau .montrevel{
    background: url(../images/bandeau/montrevel.png) no-repeat;
}


.bandeau .azalee{
    background: url(../images/bandeau/azalee.png) no-repeat;
}
.bandeau .chapondor{
    background: url(../images/bandeau/chapondor.png) no-repeat;
}
.bandeau .basileetlao{
    background: url(../images/bandeau/basileetlao.png) no-repeat;
}
.bandeau .chevre{
    background: url(../images/bandeau/chevre.png) no-repeat;
}
.bandeau .rocky{
    background: url(../images/bandeau/rocky.png) no-repeat;
}
.bandeau .aaron{
    background: url(../images/bandeau/aaron.png) no-repeat;
}
.bandeau .elsajonatan{
    background: url(../images/bandeau/elsajonatan.png) no-repeat;
}








/* la position des liens de chaque div*/

.bandeau .bourg a.perso1{
    width:100px;
    height:155px;
    left:100px;
    top:30px;
}
.bandeau .bourg a.perso2{
    width:120px;
    height:200px;
    left:445px;
    top:0px;
}
.bandeau .bourg a.perso3{
    width:60px;
    height:100px;
    left:575px;
    top:20px;
}


.bandeau .chatillon a.perso1{
    width:150px;
    height:200px;
    left:390px;
    top:10px;
}



.bandeau .cerdon a.perso1{
    width:130px;
    height:185px;
    left:45px;
    top:20px;
}
.bandeau .cerdon a.perso2{
    width:130px;
    height:175px;
    left:505px;
    top:10px;
}



.bandeau .courmangoux a.perso1{
    width:400px;
    height:135px;
    left:60px;
    top:90px;
}




.bandeau .montrevel a.perso1{
    width:100px;
    height:250px;
    left:40px;
    top:10px;
}
.bandeau .montrevel a.perso2{
    width:120px;
    height:130px;
    left:350px;
    top:35px;
}
.bandeau .montrevel a.perso3{
    width:90px;
    height:120px;
    left:560px;
    top:60px;
}




.bandeau .azalee a.perso1{
    width:70px;
    height:100px;
    left:120px;
    top:85px;
}
.bandeau .azalee a.perso2{
    width:80px;
    height:195px;
    left:540px;
    top:25px;
}


.bandeau .chapondor a.perso1{
    width:110px;
    height:200px;
    left:110px;
    top:50px;
}


.bandeau .basileetlao a.perso1{
    width:85px;
    height:150px;
    left:220px;
    top:5px;
}
.bandeau .basileetlao a.perso2{
    width:130px;
    height:65px;
    left:470px;
    top:35px;
}




.bandeau .chevre a.perso1{
    width:70px;
    height:175px;
    left:100px;
    top:20px;
}
.bandeau .chevre a.perso2{
    width:60px;
    height:160px;
    left:550px;
    top:10px;
}



.bandeau .rocky a.perso1{
    width:175px;
    height:215px;
    left:100px;
    top:70px;
}





.bandeau .aaron a.perso1{
    width:120px;
    height:210px;
    left:260px;
    top:30px;
}
.bandeau .aaron a.perso2{
    width:85px;
    height:75px;
    left:535px;
    top:85px;
}





.bandeau .elsajonatan a.perso1{
    width:205px;
    height:165px;
    left:50px;
    top:10px;
}