body {
color:white;
font-family: Verdana;
font-size: 8pt;
}

div.bandeau {
 position: absolute;
 top: 0px;
 left: 0px;
background-image:url(img/bandeau.jpg);
width: 970px;
height: 146px;
  }

/* DEBUT SOUSMENU */
div.submenu  {
color:white;
text-decoration:none;
font-family: Verdana;
font-size: 9pt;
width:150px;
position:absolute;
top: 130px;
left:200px;
}


#lien {
border:none;}



a.submenu {
color:white;
text-decoration:none;
}

a.submenu:hover {
text-decoration:none;
color:#660000;
border:1px solid #660000;
}
a.submenuactiv {
color:#660000;
text-decoration:none;
}

a.submenuactiv:hover {
text-decoration:none;
color:#660000;
border:1px solid #660000;
}


/*  - - - - - - FIN SOUS MENU - - - - - - -  */


div.menu {
background:url(img/menu.jpg);
width: 212px;
height: 448px;
 position: absolute;
 top: 146px;
 left: 0px;
 }

/*  - - - - - - LIENS SUR LES ONGLETS - - - - - - -  */

a.gra {
position: relative;
top: 0px;
left: 0px;
}

a.log {
position: relative;
top: -8px;
left: 0px;
}

a.web {
position: relative;
top: -16px;
left: 0px;
}

a.anim {
position: relative;
top: -25px;
left: 0px;
}

a.deco {
position: relative;
top: -33px;
left: 0px;
}

a.con {
position: relative;
top: -41px;
left: 0px;
}

a.cv {
position: relative;
top: -49px;
left: 0px;
}


img.marie {
position: relative;
top: -53px;
left: 0px;
}

/*  - - - - - - FIN LIENS SUR LES ONGLETS - - - - - - -  */



div.contenu {
background:url(img/contenu.jpg);
width: 757px;
height: 432px; 
position: absolute;
 top: 146px;
 left: 211px;
}


/*  - - -position des vignettes : page graphisme faire part- -  */
div.dht {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 170px;
}



div.gbas {
width: 150px;
height: 150px; 
position: absolute;
 top: 170px;
 left: 0px;
}


div.bdte {
width: 150px;
height: 150px; 
position: absolute;
 top: 170px;
 left: 170px;
}


div.txt_fairepart {
width: 150px;
height: 150px; 
position: absolute;
 top: 310px;
 left: 0px;
}

div.droite {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 370px;
}

/*  - - -position des vignettes : page graphisme blizart- -  */
div.txt_blizart {
width: 340px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 0px;
}


div.bliz_hautg {
width: 300px;
height: 77px; 
position: absolute;
 top: 50px;
 left: 0px;
}


div.bag {
width: 300px;
height: 200px; 
position: absolute;
 top: 150px;
 left: 0px;
}


div.hautd {
width: 300px;
height: 42px; 
position: absolute;
 top: 50px;
 left: 350px;
}


div.milieud {
width: 300px;
height: 42px; 
position: absolute;
 top: 100px;
 left: 350px;
}


div.bd {
width: 300px;
height: 200px; 
position: absolute;
 top: 150px;
 left: 350px;
}



/*  - - -position des vignettes : page graphisme recyclage- -  */


div.lyon1 {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 0px;
}



div.lyon2{
width: 100px;
height: 133px;
position: absolute;
 top: 0px;
 left: 120px;
}


div.lyon0 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 0px;
}

div.lyon3 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 120px;
}


div.txt_recyclage {
width: 150px;
height: 150px; 
position: absolute;
 top: 300px;
 left: 0px;
 }
 
/*  - - -position des vignettes : page graphisme musik- -  */

div.iot1 {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.iot2 {
width: 150px;
height: 150px; 
position: absolute;
 top: 165px;
 left: 0px;
}

div.texte_iot {
width: 133px;
height: 150px; 
position: absolute;
 top: 320px;
 left: 10px;
}

div.node {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 165px;
}

div.mark {
width: 100px;
height: 133px; 
position: absolute;
 top: 165px;
 left: 165px;
}
div.texte_mark {
width: 133px;
height: 100px; 
position: absolute;
 top: 465px;
 left: 375px;
}


  /*  - - -position des vignettes : page graphisme - -  */
  
div.gh {
width: 150px;
height: 75px; 
position: absolute;
 top: 0px;
 left: 0px;
}
 
div.dr {
width: 150px;
height: 75px; 
position: absolute;
 top: 87px;
 left: 0px;
}


div.gb {
width: 255px;
height: 352px; 
position: absolute;
 top:170px;
 left: 0px;
}

div.txt_graphisme {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 165px;
}

  /*  - - -position des vignettes : page logos - -  */
  
  
div.hgauche {
width: 150px;
height: 55px; 
position: absolute;
 top: 0px;
 left: 0px;
}
 
div.hdroite {
width: 150px;
height: 55px; 
position: absolute;
 top: 70px;
 left: 0x;
}


div.bgauche {
width: 150px;
height: 55px; 
position: absolute;
 top: 140px;
 left: 0px;
}


div.txt_logos_blizart {
width: 150px;
height: 150px; 
position: absolute;
 top: 220px;
 left: 0px;
}


div.gauche2 {
width: 150px;
height: 55px; 
position: absolute;
 top: 0px;
 left: 165px;
}


div.gauche3 {
width: 150px;
height: 55px; 
position: absolute;
 top: 70px;
 left: 165px;
}
 
 
div.texte_brindille {
width: 150px;
height: 150px; 
position: absolute;
 top: 243px;
 left: 166px;
}
  /*  - - -position des vignettes : page2_logos- -  */



div.1ergauche {
width: 150px;
height: 150px; 
position: absolute;
 top: 50px;
 left: 0px;
}
 
div.droite_haut {
width: 150px;
height: 150px; 
position: absolute;
 top: 180px;
 left: 0px;
}


div.texte_logos_brindille {
width: 150px;
height: 150px; 
position: absolute;
 top: 180px;
 left: 174px;
}

  /*  - - -position des vignettes : page logos_agme_conseil - -  */
  
  
div.htgche {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.drte_ht {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 120px;
}

div.ht_gauche {
width: 100px;
height: 67px; 
position: absolute;
 top: 120px;
 left: 0px;
}

div.milieu_gche {
width: 100px;
height: 67px; 
position: absolute;
 top: 120px;
 left: 120px;
}

div.dte_gche {
width: 100px;
height: 67px; 
position: absolute;
 top: 210px;
 left: 0px;
}


div.bas_dte {
width: 100px;
height: 67px; 
position: absolute;
 top: 210px;
 left: 120px;
}


div.texte_logos_agme_conseil {
width: 150px;
height: 100px; 
position: absolute;
 top: 290px;
 left: 0px;
}


 /*  - - -position des vignettes : page logos_prao - -  */
 
div.gh {
width: 100px;
height: 50px; 
position: absolute;
 top: 1px;
 left: -2px;
}

div.hd {
width: 100px;
height: 50px; 
position: absolute;
 top: 0px;
 left: 120px;
}

div.hg {
width: 100px;
height: 50px; 
position: absolute;
 top: 70px;
 left: 0px;
}

div.mg {
width: 100px;
height: 50px; 
position: absolute;
 top: 70px;
 left: 120px;
}

div.dg {
width: 100px;
height: 50px; 
position: absolute;
 top: 140px;
 left: 0px;
}

div.b1 {
width: 100px;
height: 50px; 
position: absolute;
 top: 140px;
 left: 120px;
}

div.txt_prao {
width: 150px;
height: 100;
position: absolute;
 top: 190px;
 left: 0px;
}


 /*  - - -position des vignettes : page deco2 - -  */
 
 
div.extra {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.diablotin {
width: 100px;
height: 100px; 
position: absolute;
 top: 120px;
 left: 0px;
}

div.xenon {
width: 100px;
height: 100px; 
position: absolute;
 top: 240px;
 left: 0px;
}

div.texte_deco2 {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 110px;
}


 /*  - - -position des vignettes : page deco3 - -  */

div.gauche_haut {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.milieu_haut_gauche {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 120px;
}

div.haut_droite {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 240px;
}

div.milieu_gauche {
width: 100px;
height: 100px; 
position: absolute;
 top: 120px;
 left: 0px;
}

div.milieu {
width: 100px;
height: 100px; 
position: absolute;
 top: 120px;
 left: 120px;
}

div.milieu_droite {
width: 100px;
height: 100px; 
position: absolute;
 top: 120px;
 left: 240px;
}

div.bas_gauche {
width: 100px;
height: 100px; 
position: absolute;
 top: 240px;
 left: 0px;
}

div.milieu_bas_droite {
width: 100px;
height: 100px; 
position: absolute;
 top: 240px;
 left: 120px;
}

div.bte {
width: 100px;
height: 100px; 
position: absolute;
 top: 240px;
 left: 240px;
}

div.texte_deco3 {
width: 300px;
height: 100px; 
position: absolute;
 top: 340px;
 left: 0px;
}



 /*  - - -position des vignettes : page deco4 - -  */

div.haut_gauche {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.mil_haut {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 170px;
}

div.bas_gche {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 338px;
}

div.bas2_gche {
width: 150px;
height: 150px; 
position: absolute;
 top: 180px;
 left: 0px;
}

div.bas3_milieu {
width: 150px;
height: 150px; 
position: absolute;
 top: 180px;
 left: 169px;
}

div.bas4 {
width: 150px;
height: 150px; 
position: absolute;
 top: 180px;
 left: 338px;
}



div.txt_deco4 {
width: 150px;
height: 150px; 
position: absolute;
 top: 0x;
 left: 510px;
}



/*  - - -position des vignettes : page graphisme_illustrations - -  */



div.gaucheht {
width: 250px;
height: 125px; 
position: absolute;
 top: 0px;
 left: 2px;
}

div.droite1 {
width: 250px;
height: 125px; 
position: absolute;
 top: 133px;
 left: 0px;
}

div.gauchebas {
width: 250px;
height: 125px; 
position: absolute;
 top: 268px;
 left: 2px;
}


div.texte_illustrations {
width: 200px;
height: 100px; 
position: absolute;
 top: 350px;
 left: 265px;
}



/*  - - -position des vignettes : page broc - -  */

div.haut2 {
width: 350px;
height: 221px; 
position: absolute;
 top: 0px;
 left: 350px;
}

div.gh {
width: 150px;
height: 75px; 
position: absolute;
 top: 0px;
 left: 0px;
}
 
div.dr {
width: 150px;
height: 75px; 
position: absolute;
 top: 87px;
 left: 0px;
}


div.gb {
width: 255px;
height: 352px; 
position: absolute;
 top:173px;
 left: 0px;
}

div.txt_graphisme {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 165px;
}

/*  - - -position des vignettes : page broc2 - -  */


div.haut2 {
width: 350px;
height: 221px; 
position: absolute;
 top: 0px;
 left: 350px;
}

div.gh {
width: 105px;
height: 57px; 
position: absolute;
 top: 0px;
 left: 0px;
}
 
div.dr {
width: 150px;
height: 75px; 
position: absolute;
 top: 87px;
 left: 0px;
}


div.gb {
width: 156px;
height: 217px; 
position: absolute;
 top:173px;
 left: 0px;
}

div.txt_graphisme {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 165px;
}


/*  - - -position des vignettes : page fp_recto1 - -  */


div.dht {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 170px;
}



div.gbas {
width: 150px;
height: 150px; 
position: absolute;
 top: 170px;
 left: 0px;
}


div.bdte {
width: 150px;
height: 150px; 
position: absolute;
 top: 170px;
 left: 170px;
}


div.txt_fairepart {
width: 150px;
height: 150px; 
position: absolute;
 top: 318px;
 left: 0px;
}

div.droite {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.grand1 {
width: 404px;
height: 300px; 
position: absolute;
 top: 0px;
 left: 370px;
}


/*  - - -position des vignettes : page conte1 - -  */

div.gaucheht {
width: 250px;
height: 125px; 
position: absolute;
 top: 0px;
 left: 2px;
}

div.droite1 {
width: 250px;
height: 125px; 
position: absolute;
 top: 133px;
 left: 0px;
}

div.gauchebas {
width: 250px;
height: 125px; 
position: absolute;
 top: 268px;
 left: 2px;
}

div.grand2 {
width: 403px;
height: 200px; 
position: absolute;
 top:0px;
 left: 270px;
}


div.texte_illustrations {
width: 200px;
height: 100px; 
position: absolute;
 top: 350px;
 left: 265px;
}



/*  - - -position des vignettes : page conte2 - -  */

div.gaucheht {
width: 250px;
height: 125px; 
position: absolute;
 top: 0px;
 left: 2px;
}

div.droite1 {
width: 250px;
height: 125px; 
position: absolute;
 top: 133px;
 left: 0px;
}

div.gauchebas {
width: 250px;
height: 125px; 
position: absolute;
 top: 268px;
 left: 2px;
}

div.grand3{
width: 403px;
height: 200px; 
position: absolute;
 top:0px;
 left: 270px;
}


div.texte_illustrations {
width: 200px;
height: 100px; 
position: absolute;
 top: 350px;
 left: 265px;
}




/*  - - -position des vignettes : page conte3 - -  */

div.gaucheht {
width: 250px;
height: 125px; 
position: absolute;
 top: 0px;
 left: 2px;
}

div.droite1 {
width: 250px;
height: 125px; 
position: absolute;
 top: 133px;
 left: 0px;
}

div.gauchebas {
width: 250px;
height: 125px; 
position: absolute;
 top: 268px;
 left: 2px;
}

div.grand4{
width: 403px;
height: 200px; 
position: absolute;
 top:0px;
 left: 270px;
}


div.texte_illustrations {
width: 200px;
height: 100px; 
position: absolute;
 top: 350px;
 left: 265px;
}


/*  - - -position des vignettes : page recyclage1- -  */


div.lyon1 {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 0px;
}



div.lyon2{
width: 100px;
height: 133px;
position: absolute;
 top: 0px;
 left: 120px;
}


div.lyon0 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 0px;
}

div.lyon3 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 120px;
}


div.recyc1 {
width: 300px;
height: 400px;
position: absolute;
 top: 0px;
 left: 270px;
}

div.txt_recyclage {
width: 150px;
height: 150px; 
position: absolute;
 top: 300px;
 left: 0px;
 }
 
 
 
/*  - - -position des vignettes : page recyclage2- -  */


div.lyon1 {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 0px;
}



div.lyon2{
width: 100px;
height: 133px;
position: absolute;
 top: 0px;
 left: 120px;
}


div.lyon0 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 0px;
}

div.lyon3 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 120px;
}


div.recyc2 {
width: 300px;
height: 400px;
position: absolute;
 top: 0px;
 left: 270px;
}

div.txt_recyclage {
width: 150px;
height: 150px; 
position: absolute;
 top: 300px;
 left: 0px;
 }
 
 
 
 /*  - - -position des vignettes : page recyclage3- -  */


div.lyon1 {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 0px;
}



div.lyon2{
width: 100px;
height: 133px;
position: absolute;
 top: 0px;
 left: 120px;
}


div.lyon0 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 0px;
}

div.lyon3 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 120px;
}


div.recyc3 {
width: 300px;
height: 400px;
position: absolute;
 top: 0px;
 left: 270px;
}

div.txt_recyclage {
width: 150px;
height: 150px; 
position: absolute;
 top: 300px;
 left: 0px;
 }
 
 
 
  /*  - - -position des vignettes : page recyclage4- -  */


div.lyon1 {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 0px;
}



div.lyon2{
width: 100px;
height: 133px;
position: absolute;
 top: 0px;
 left: 120px;
}


div.lyon0 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 0px;
}

div.lyon3 {
width: 100px;
height: 133px;
position: absolute;
 top: 150px;
 left: 120px;
}


div.recyc4 {
width: 300px;
height: 400px;
position: absolute;
 top: 0px;
 left: 270px;
}

div.txt_recyclage {
width: 150px;
height: 150px; 
position: absolute;
 top: 300px;
 left: 0px;
 }
 
 
  
/*  - - -position des vignettes : page macaron1- -  */

div.iot1 {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.iot2 {
width: 150px;
height: 150px; 
position: absolute;
 top: 165px;
 left: 0px;
}

div.texte_iot {
width: 133px;
height: 150px; 
position: absolute;
 top: 320px;
 left: 10px;
}

div.node {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 165px;
}

div.mark {
width: 100px;
height: 133px; 
position: absolute;
 top: 165px;
 left: 165px;
}


div.haut4 {
width: 300px;
height: 300px; 
position: absolute;
 top: 0px;
 left: 300px;
}
div.texte_mark {
width: 133px;
height: 100px; 
position: absolute;
 top: 465px;
 left: 375px;
}

/*  - - -position des vignettes : page macaron2- -  */

div.iot1 {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.iot2 {
width: 150px;
height: 150px; 
position: absolute;
 top: 165px;
 left: 0px;
}

div.texte_iot {
width: 133px;
height: 150px; 
position: absolute;
 top: 320px;
 left: 10px;
}

div.node {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 165px;
}

div.mark {
width: 100px;
height: 133px; 
position: absolute;
 top: 165px;
 left: 165px;
}


div.haut0 {
width: 300px;
height: 300px; 
position: absolute;
 top: 140px;
 left: 510px;
}
div.texte_mark {
width: 133px;
height: 100px; 
position: absolute;
 top: 465px;
 left: 375px;
}

/*  - - -position des vignettes : page node- -  */

div.iot1 {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.iot2 {
width: 150px;
height: 150px; 
position: absolute;
 top: 165px;
 left: 0px;
}

div.texte_iot {
width: 133px;
height: 150px; 
position: absolute;
 top: 320px;
 left: 10px;
}

div.node {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 165px;
}

div.mark {
width: 100px;
height: 133px; 
position: absolute;
 top: 165px;
 left: 165px;
}


div.haut6 {
width: 200px;
height: 283px; 
position: absolute;
 top: 0px;
 left: 300px;
}
div.texte_mark {
width: 133px;
height: 100px; 
position: absolute;
 top: 465px;
 left: 375px;
}


/*  - - -position des vignettes : page mark- -  */

div.iot1 {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.iot2 {
width: 150px;
height: 150px; 
position: absolute;
 top: 165px;
 left: 0px;
}

div.texte_iot {
width: 133px;
height: 150px; 
position: absolute;
 top: 320px;
 left: 10px;
}

div.node {
width: 100px;
height: 133px; 
position: absolute;
 top: 0px;
 left: 165px;
}

div.mark {
width: 100px;
height: 133px; 
position: absolute;
 top: 165px;
 left: 165px;
}


div.haut7 {
width: 200px;
height: 421px; 
position: absolute;
 top: 146px;
 left: 512px;
}


div.texte_mark {
width: 133px;
height: 100px; 
position: absolute;
 top: 465px;
 left: 383px;
}


  /*  - - -position des vignettes : page logos_agme_conseil - -  */
  
  
div.htgche {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.drte_ht {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 120px;
}

div.ht_gauche {
width: 100px;
height: 67px; 
position: absolute;
 top: 120px;
 left: 0px;
}

div.milieu_gche {
width: 100px;
height: 67px; 
position: absolute;
 top: 120px;
 left: 120px;
}

div.dte_gche {
width: 100px;
height: 67px; 
position: absolute;
 top: 210px;
 left: 0px;
}


div.bas_dte {
width: 100px;
height: 67px; 
position: absolute;
 top: 210px;
 left: 120px;
}


div.haut10 {
width: 150px;
height: 150px; 
position: absolute;
 top: 130px;
 left: 270px;
}

div.haut11 {
width: 200px;
height: 200px; 
position: absolute;
 top: 130px;
 left: 270px;
}

div.haut12 {
width: 200px;
height: 150px; 
position: absolute;
 top: 130px;
 left: 270px;
}

div.haut13 {
width: 200px;
height: 150px; 
position: absolute;
 top: 130px;
 left: 270px;
}

div.haut14 {
width: 200px;
height: 150px; 
position: absolute;
 top: 130px;
 left: 270px;
}

div.haut15 {
width: 266px;
height: 165px; 
position: absolute;
 top: 130px;
 left: 270px;
}


div.texte_logos_agme_conseil {
width: 150px;
height: 100px; 
position: absolute;
 top: 290px;
 left: 0px;
}


 /*  - - -position des vignettes : page bliz1 - -  */
  
  
div.hgauche {
width: 150px;
height: 55px; 
position: absolute;
 top: 0px;
 left: 0px;
}
 
div.hdroite {
width: 150px;
height: 55px; 
position: absolute;
 top: 70px;
 left: 0x;
}


div.bgauche {
width: 150px;
height: 55px; 
position: absolute;
 top: 140px;
 left: 0px;
}


div.txt_logos_blizart {
width: 150px;
height: 150px; 
position: absolute;
 top: 220px;
 left: 0px;
}


div.gauche2 {
width: 150px;
height: 55px; 
position: absolute;
 top: 0px;
 left: 165px;
}


div.gauche3 {
width: 150px;
height: 55px; 
position: absolute;
 top: 70px;
 left: 165px;
}

div.bas10 {
width: 200px;
height: 200px; 
position: absolute;
 top: 193px;
 left: 357px;
}

div.bas11 {
width: 200px;
height: 200px; 
position: absolute;
 top: 193px;
 left: 357px;
}

div.bas12 {
width: 200px;
height: 200px; 
position: absolute;
 top: 193px;
 left: 357px;
}

div.bas13 {
width: 173px;
height: 200px; 
position: absolute;
 top: 193px;
 left: 357px;
}

div.bas14 {
width: 180px;
height: 382px ;
position: absolute;
 top: 0px;
 left: 357px;
}
 
 
div.texte_brindille {
width: 150px;
height: 150px; 
position: absolute;
 top: 243px;
 left: 166px;
}

 /*  - - -position des vignettes : page prao1 - -  */
 
div.gh {
width: 100px;
height: 50px; 
position: absolute;
 top: 1px;
 left: -2px;
}

div.hd {
width: 100px;
height: 50px; 
position: absolute;
 top: 0px;
 left: 120px;
}

div.hg {
width: 100px;
height: 50px; 
position: absolute;
 top: 70px;
 left: 0px;
}

div.mg {
width: 100px;
height: 50px; 
position: absolute;
 top: 70px;
 left: 120px;
}

div.dg {
width: 100px;
height: 50px; 
position: absolute;
 top: 140px;
 left: 0px;
}

div.b1 {
width: 100px;
height: 50px; 
position: absolute;
 top: 140px;
 left: 120px;
}

div.bas15 {
width: 100px;
height: 50px; 
position: absolute;
 top: 70px;
 left: 250px;
}

div.bas16 {
width: 245px;
height: 122px; 
position: absolute;
 top: 70px;
 left: 250px;
}

div.bas17 {
width: 245px;
height: 122px; 
position: absolute;
 top: 70px;
 left: 250px;
}

div.bas18 {
width: 245px;
height: 122px; 
position: absolute;
 top: 70px;
 left: 250px;
}

div.bas19 {
width: 240px;
height: 96px; 
position: absolute;
 top: 97px;
 left: 250px;
}

div.bas20 {
width: 141px;
height: 96px; 
position: absolute;
 top: 97px;
 left: 250px;
}

div.txt_prao {
width: 150px;
height: 100;
position: absolute;
 top: 190px;
 left: 0px;
}


 /*  - - -position des vignettes : page tenture1 - -  */
 
 
div.extra {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.diablotin {
width: 100px;
height: 100px; 
position: absolute;
 top: 120px;
 left: 0px;
}

div.xenon {
width: 100px;
height: 100px; 
position: absolute;
 top: 240px;
 left: 0px;
}

div.tenture_gd1 {
width: 250px;
height: 400px; 
position: absolute;
 top: 0px;
 left: 270px;
}

div.tenture_gd2 {
width: 250px;
height: 400px; 
position: absolute;
 top: 0px;
 left: 270px;
}

div.tenture_gd3 {
width: 250px;
height: 400px; 
position: absolute;
 top: 0px;
 left: 270px;
}

div.texte_deco2 {
width: 150px;
height: 150px; 
position: absolute;
 top: 0px;
 left: 110px;
}

/*  - - -position des vignettes : page hadra1 - -  */

div.gauche_haut {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 0px;
}

div.milieu_haut_gauche {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 120px;
}

div.haut_droite {
width: 100px;
height: 100px; 
position: absolute;
 top: 0px;
 left: 240px;
}

div.milieu_gauche {
width: 100px;
height: 100px; 
position: absolute;
 top: 120px;
 left: 0px;
}

div.milieu {
width: 100px;
height: 100px; 
position: absolute;
 top: 120px;
 left: 120px;
}

div.milieu_droite {
width: 100px;
height: 100px; 
position: absolute;
 top: 120px;
 left: 240px;
}

div.bas_gauche {
width: 100px;
height: 100px; 
position: absolute;
 top: 240px;
 left: 0px;
}

div.milieu_bas_droite {
width: 100px;
height: 100px; 
position: absolute;
 top: 240px;
 left: 120px;
}

div.bte {
width: 100px;
height: 100px; 
position: absolute;
 top: 240px;
 left: 240px;
}

div.hadra_photo1 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.hadra_photo2 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.hadra_photo3 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.hadra_photo4 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.hadra_photo5 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.hadra_photo6 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.hadra_photo7 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}


div.hadra_photo8 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.hadra_photo9 {
width: 330px;
height: 330px; 
position: absolute;
 top: 0px;
 left: 370px;
}

div.texte_deco3 {
width: 300px;
height: 100px; 
position: absolute;
 top: 340px;
 left: 0px;
}