body {
background-color: #7a9127;
}

#global{
position:absolute;
left: 50%; 
top: 50%;
width: 952px;
height: 590px;
margin-top: -295px; /* moitié de la hauteur */
margin-left: -476px; /* moitié de la largeur */
background-image: url("images/ana_02_03.jpg"); 
background-repeat: no-repeat;
text-align: left;
}

a{
font-family: arial, sans-serif, Lucida ; 
font-size: 12px;
color:#7a9127;
text-decoration:none;
}

a:hover{
font-family: arial, sans-serif, Lucida ; 
font-size: 12px;
color:#505F1A;
text-decoration:none;
}

/*Balise contenant les balises cont(contenu principal) et les balises nomp(avec 2e menu parfois)  */
.principal{
position: absolute;
left : 193px;
top:0px;
width: 759px;
height: 538px;
}

/*Titre de la page active*/
.nomp_title{
position:absolute; 
left:38px; 
top:31px;
}

/*Elements du du menu du haut*/
.nomp {
position: absolute;
left : 245px;
top:25px;
/*float: left;*/
}

/*Contenu de la page*/
.cont {
position: absolute;
left: 15px;
top:114px;
/*background-color: #a9ca35;*/
font-family: verdana, arial, sans-serif, Lucida ; 
font-size: 15px;
padding:6px;
/*the follow part permit to avoid an internet explorer bug for the size of the div --> i work for firefox and internet explorer*/
voice-family: "\"}\"";
voice-family:inherit;
height: 424px;/*height of the div in internet explorer*/
width: 665px;/*width of the div in internet explorer*/
}
html>body .cont {
height: 412px;/*height of the div in firefox*/
width: 652px;/*width of the div in firefox*/
}


/*MENU*/
.menu {
position: absolute;
left: 0px;
top : 130px;
width: 170px;
height: 420px;
font-family: arial, sans-serif, Lucida, verdana ; 
font-size: 16px;
/*background-color: #a9ca35;*/
/*the follow part permit to avoid an internet explorer bug for the size of the div --> i work for firefox and internet explorer*/
voice-family: "\"}\"";
voice-family: inherit;
padding-top: 15px;/*height of the div in internet explorer*/
}
html>body .menu {
padding-top: 0px;/*height of the div in firefox*/
}

.menu-home{
position:relative;
left:88px;
top:193px;
}

.menu-collection{
position:relative;
left:5px;
top:189px;
}

.menu-contact{
position:relative;
left:19px;
top:193px;
}
/*FIN MENU*/

/*the color of the photos cadre in the site*/
.cadrefoto{
border-style:solid; 
border-width:1px; 
border-color:#000000;
margin:0px 0px 0px 0px;
}

/*div pour la photo dans news*/
.news_photo{
position: absolute;
left: 380px;
top : 30px;
}

/*div pour la photo dans photo*/
.photo_photo{
position: absolute;
left: 100px;
top : 20px;
height : 400px;
width: 300px;
}

/*div pour les flèches de défilement*/
.coll_fleche_gch{
float:left;
margin-top:30px;
margin-left:12px;
}

.coll_fleche_dte{
position: absolute;
left: -10px;
top : 385px;
}
/*Fin Flèches*/


/*CATALOGUE*/


.cata_photo{
position: absolute;
left: 570px;
top : 18px;
width: 80px;
/*height : 500px;*/
background-color: #aa99aa;
}

.cata_article{
position: absolute;
left: 0px;
top : 5px;
/*height : 200px;
width: 300px;*/
background-color: #bb2211;
}
/*FIN CATALOGUE*/



/*COLLECTION*/

.coll_photo {
position: absolute;
left: 20px;
top :370px;
width:600px;
/*background-color: #000000;*/
}

.coll_vignette{
position: absolute;
left: 120px;
top : 400px;
}



.coll_fond-txt{
position: absolute;
left: 299px;
top : 258px;
height:118px;
width:210px;
background-color:#ffffff;
opacity: 0.5;
filter:alpha(opacity=50);   
-moz-opacity:0.5;
}

.coll-txt{
position: absolute;
left: 299px;
top : 258px;
height:118px;
width:210px;
font-family: arial, sans-serif, Lucida, verdana ; 
font-size: 12px;
color:#000000;
padding:4px;
}

.coll_vign_gch{
position: absolute;
width:150px;
left: 368px;
top : 36px;
/*background-color:#77cc77;*/

}

.coll_vignette_01{
position: relative;
text-align:right;
/*margin-top : 20px;*/
}

.coll_vignette_02{
position: relative;
margin-top : 10px;
text-align:right;
}

.coll_vignette_03{
position: absolute;
left: 528px;
top : 104px;
}

.coll_vignette_04{
position: absolute;
left: 528px;
top : 216px;
}

.coll_vue{
position: absolute;
left: -8px;
top : 16px;
/*height : 200px;
width: 800px;*/
background-color: #bb2211;
}


/*Les plus petites vignettes dans la page collection, en bas de page*/
.coll_mini_vign_0{
float:left;
margin-right:3px;
margin-top:4px;
}

.coll_mini_vign_1{
float:left;
margin-right:3px;
margin-top:2px;
}

.coll_mini_vign_2{
float:left;
margin-right:3px;
margin-top:2px;
}

.coll_mini_vign_3{
float:left;
margin-right:3px;
margin-top:3px;
}

.coll_mini_vign_4{
float:left;
margin-right:3px;
margin-top:2px;
}

.coll_mini_vign_5{
float:left;
margin-right:3px;
margin-top:5px;
}

.coll_mini_vign_6{
float:left;
margin-right:3px;
margin-top:6px;
}

.coll_mini_vign_7{
float:left;
margin-right:3px;
margin-top:7px;
}

.coll_mini_vign_8{
float:left;
margin-right:3px;
margin-top:8px;
}

.coll_mini_vign_9{
float:left;
margin-right:3px;
margin-top:9px;
}

.coll_mini_vign_10{
float:left;
margin-right:3px;
margin-top:13px;
}

.coll_mini_vign_11{
float:left;
margin-right:3px;
margin-top:15px;
}

.coll_mini_vign_12{
float:left;
margin-right:3px;
margin-top:17px;
}

.coll_mini_vign_13{
float:left;
margin-right:3px;
margin-top:17px;
}

.coll_mini_vign_14{
float:left;
margin-right:3px;
margin-top:18px;
}

.coll_mini_vign_15{
float:left;
margin-right:3px;
margin-top:15px;
}



/***********FIN  Les plus petites vignettes dans la page collection, en bas de page**********/

.coll_cache_coin{
position: absolute;
left: -9px;
top : 15px;
width:20px;
height:20px;
background-color:#ffffff;
}

.coll_cache_haut_gd_img{
position: absolute;
left: -1px;
top : 14px;
}

.coll_cache_bas_gd_img{
position: absolute;
left: -3px;
top : 304px;
}

.coll_cache_gch_gd_img{
position: absolute;
left: -40px;
top : 16px;
}

/*vignette haut*/
.coll_cache_haut_vig_01{
position: absolute;
left: -9px;
top : 358px;
}

.coll_cache_haut_vig_02{
position: absolute;
left: 214px;
top : 368px!important;
top : 367px;
}

.coll_cache_haut_vig_03{
position: absolute;
left: 272px;
top : 372px!important;
top : 373px;
}

.coll_cache_haut_vig_04{
position: absolute;
left: 330px;
top : 380px;
}

.coll_cache_haut_vig_05{
position: absolute;
left: 557px;
top : 380px;
}

/*vignette bas*/
.coll_cache_bas_vig_01{
position: absolute;
left: -9px;
top : 413px!important;
top : 410px;
}

.coll_cache_bas_vig_02{
position: absolute;
left: 214px;
top : 416px;
}

.coll_cache_bas_vig_03{
position: absolute;
left: 271px;
top : 420px;
}

.coll_cache_bas_vig_04{
position: absolute;
left: 340px;
top : 426px;
}

/*.coll_cache_bas_vig_05{
position: absolute;
left: 567px;
top : 481px;
}*/
/*FIN COLLECTION*/


/*CONTACT*/
.cont_permanent{
position: absolute;
left: 40px;
top : 20px;
height: 351px;
width: 185px;
border-style:solid; 
border-width:1px; 
border-color:#999999;
font-family: arial, sans-serif, Lucida, verdana ; 
font-size: 16px;
text-align:center;
/*font-weight:bold;*/
background-image: url("images/anakronik-adresse.jpg");
background-repeat: no-repeat;
/*the follow part permit to avoid an internet explorer bug for the size of the div --> i work for firefox and internet explorer*/
voice-family: "\"}\"";
voice-family: inherit;
padding:40px 0px 0px 0px;/*padding of the div in internet explorer*/
margin:0px;
}
html>body .cont_permanent{
padding:0px 0px 0px 0px;/*padding of the div in firefox*/

}

/*balise contenant les différentes adresses contact*/
.contact{
position: absolute;
left: 280px;
top : 20px;
font-family: arial, sans-serif, Lucida, verdana ; 
font-size: 16px;
color:#000000;
}

.cont_add01{
position: relative;
left: 5px;
top : 0px;
width: 270px;
padding :5px;
border:solid 1px #999999; 
}

.cont_add02{
position: relative;
margin-top:12px;
margin-left:80px;
margin-right:-112px;
padding :5px;
border:solid 1px #999999; 
width: 246px;
}

.cont_add03{
position: relative;
margin-top:14px;
margin-left:26px;
margin-right:-16px;
padding :5px;
border:solid 1px #999999; 
width: 275px;
}

.cont_add04{
position: relative;
margin-top:10px;
margin-left:50px;
margin-right:6px;
padding :5px;
border:solid 1px #999999; 
}

.cont_add05{
position: relative;
margin-top:14px;
margin-left:50px;
margin-right:-26px;
padding :5px;
border:solid 1px #999999; 
}

.cont_add06{
position: relative;
margin-top:12px;
margin-left:50px;
margin-right:-26px;
padding :5px;
border:solid 1px #999999; 
}

.cont_add07{
position: relative;
margin-top:16px;
margin-left:50px;
margin-right:-26px;
padding :5px;
border:solid 1px #999999; 
}

.cont_add08{
position: relative;
margin-top:14px;
margin-left:50px;
margin-right:-26px;
padding :5px;
border:solid 1px #999999; 
}

.cont_add09{
position: relative;
margin-top:10px;
margin-left:50px;
margin-right:-26px;
padding :5px;
border:solid 1px #999999; 
}

/*FIN CONTACT*/