body
{
background-color: #ededed;
font-size: 18px;
font-family: helvetica;
width: 1024px;
margin: auto;
}

header
{
margin-top: 15px;
}

nav
{
margin-top: 15px;
width: 1020px;
height: 40px;
}

.presentg
{
display: inline-block;
width: 170px;
height: 40px;
background: url(images/liens/1.png) left;
text-align: center;
line-height: 40px;
text-decoration: none;
font-size: 20px;
color:rgba(0,0,0,0.5);
}

.presentg:hover
{
color:rgba(0,0,0,0.5);
text-decoration: none;
}

.presentg:active
{
color:rgba(0,0,0,0.5);
}

.presentm
{
display: inline-block;
width: 170px;
height: 40px;
background: url(images/liens/1.png) center;
text-align: center;
line-height: 40px;
text-decoration: none;
font-size: 20px;
color:rgba(0,0,0,0.5);
}

.presentm:hover
{
color:rgba(0,0,0,0.5);
text-decoration: none;
}

.presentm:active
{
color:rgba(0,0,0,0.5);
}

.presentd
{
display: inline-block;
width: 170px;
height: 40px;
background: url(images/liens/1.png) right;
text-align: center;
line-height: 40px;
text-decoration: none;
font-size: 20px;
color:rgba(0,0,0,0.5);
}

.presentd:hover
{
color:rgba(0,0,0,0.5);
text-decoration: none;
}

.presentd:active
{
color:rgba(0,0,0,0.5);
}

.absentg
{
display: inline-block;
width: 170px;
height: 40px;
background: url(images/liens/g.png) left;
text-align: center;
line-height: 40px;
text-decoration: none;
font-size: 20px;
color:rgba(0,0,0,0.5);
}

.absentg:hover
{
background: url(images/liens/g.png) center;
color:rgba(0,0,0,0.5);
text-decoration: none;
}

.absentg:active
{
background: url(images/liens/g.png) right;
color:rgba(0,0,0,0.5);
}

.absentm
{
display: inline-block;
width: 170px;
height: 40px;
background: url(images/liens/m.png) left;
text-align: center;
line-height: 40px;
text-decoration: none;
font-size: 20px;
color:rgba(0,0,0,0.5);
}

.absentm:hover
{
background: url(images/liens/m.png) center;
color:rgba(0,0,0,0.5);
text-decoration: none;
}

.absentm:active
{
background: url(images/liens/m.png) right;
color:rgba(0,0,0,0.5);
}

.absentd
{
display: inline-block;
width: 170px;
height: 40px;
background: url(images/liens/d.png) left;
text-align: center;
line-height: 40px;
text-decoration: none;
font-size: 20px;
color:rgba(0,0,0,0.5);
}

.absentd:hover
{
background: url(images/liens/d.png) center;
color:rgba(0,0,0,0.5);
text-decoration: none;
}

.absentd:active
{
background: url(images/liens/d.png) right;
color:rgba(0,0,0,0.5);
}

section
{
margin-top: 30px;
}

footer
{
width: 1024px;
position: static; 
margin-top: 40px;
margin-bottom: 7px;
padding-top: 7px;
text-align: center;
font-size: 12px;
border-top: 1px solid rgba(0,0,0,0.2);
color: rgba(0,0,0,0.4);
}

a
{
color: #005d85;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

a:active
{
color: rgba(0,93,133,0.7);
}

p
{
text-align: justify;
}

strong
{
text-decoration: underline;
}

.p_pres
{
text-indent: 30px;
width: 650px;
margin-left: auto;
margin-right: auto;
}

.banniere_m
{
margin: auto;
border-radius: 10px;
box-shadow: 0px 0px 3px black
}

.pres_gauche
{
float:left;
margin-top: 96px;
}

.pres_droite
{
float:right;
margin-top: 96px;
}

.couleur
{
display: inline-block;
margin-top: 20px;
}

.ph_couleur
{
margin-top: 5px;
border-radius: 3px;
}

.couleur_point
{
display: inline-block;
width: 300px;
margin-left: 106px;
margin-right: 106px;
}

.couleur_mitted
{
display: inline-block;
width: 450px;
margin-left: 31px;
margin-right: 31px;
}

.txt_acc
{
font-size: 26px;
text-decoration: underline;
font-weight: 600
}

.par_acc
{
margin-top: 30px;
height: 330px;
}

.ph_acc
{
float: right;
margin-left: 20px;
border-radius: 2px;
}



.enveloppe
{
margin-top: 40px;
width: 640px;
height: 320px;
background: url(images/enveloppe.jpg);
box-shadow: 0px 0px 5px black;
border-radius: 3px;
}

.text_enveloppe
{
padding-top: 120px;
line-height: 40px;
font-size: 20px;
}

.numero
{
padding-left: 100px;
}

.coordonnee
{
padding-top: 8px;
text-align: left;
padding-left: 160px;
line-height: 25px;
}

.ginkgo
{
border: none;
border-radius: 10px;
box-shadow: 0px 0px 6px -1px black;
}

.ginkgo:hover
{
box-shadow: 0px 0px 6px 0px black; 
}

.ginkgo:active
{
box-shadow: 0px 0px 6px -1px black
}

.glycine
{
border: none;
float:left;
margin-top: 30px;
border-radius: 10px;
box-shadow: 0px 0px 6px -1px black;
}

.glycine:hover
{
box-shadow: 0px 0px 6px 0px black; 
}

.glycine:active
{
box-shadow: 0px 0px 6px -1px black;
}

.dapsara
{
border: none;
float:right;
margin-top: 30px;
border-radius: 10px;
box-shadow: 0px 0px 6px -1px black;
}

.dapsara:hover
{
box-shadow: 0px 0px 6px 0px black; 
}

.dapsara:active
{
box-shadow: 0px 0px 6px -1px black;
}

.separation
{
margin-top: 40px;
margin-bottom: 40px;
opacity: 0.5;
}

.porte
{
border: none;
margin-bottom: 30px;
border-radius: 10px;
box-shadow: 0px 0px 6px -1px black;
}

.porte:hover
{
box-shadow: 0px 0px 6px 0px black; 
}

.porte:active
{
box-shadow: 0px 0px 6px -1px black;
}

.male
{
margin-top: 30px;
float: left;
}

.femelle
{
margin-top: 30px;
float: right;
text-align: right;
}

.petit_male
{
display: inline-block;
margin-top: 30px;
width: 1024px;
height: 220px;
padding-top: 10px;
border-radius: 10px;
box-shadow: 0px 0px 6px -1px black;
background: url(images/petit_male.png);
}

.petit_femelle
{
display: inline-block;
margin-top: 30px;
width: 1024px;
height: 220px;
padding-top: 10px;
border-radius: 10px;
box-shadow: 0px 0px 6px -1px black;
background: url(images/petit_femelle.png);
}

.ped
{
padding-left: 520px;
padding-top: 25px;
}

.chat
{
float: left;
border-radius: 10px;
box-shadow: 0px 0px 6px -1px black;
}

.small_elevage
{
margin-top: 80px;
}

.small_photos
{
margin-top: 20px;
}

.simg
{
border: none;
border-radius: 5px;
margin: 10px;
box-shadow: 0px 0px 4px 0px black;
}

.simg:hover
{
box-shadow: 0px 0px 8px 1px black;
}

.simg:active
{
box-shadow: 0px 0px 6px 0px black;
}

.bann_photo
{
border-color: transparent;  
opacity: 0.7;
}

.bann_photo:hover
{
opacity: 1;
}

.bann_photo:active
{
opacity: 0.7;
}

.prec
{
display: inline-block ;
width: 150px ;
height: 30px ;
background: url(images/precedent.png) ;
}

.prec:hover
{
display: inline-block ;
width: 150px ;
height: 30px ;
background: url(images/precedent.png) right ;
}

.prec:active
{
display: inline-block ;
width: 150px ;
height: 30px ;
background: url(images/precedent.png) ;
}

.suiv
{
display: inline-block ;
width: 150px ;
height: 30px ;
background: url(images/suivant.png) ;
}

.suiv:hover
{
display: inline-block ;
width: 150px ;
height: 30px ;
background: url(images/suivant.png) right ;
}

.suiv:active
{
display: inline-block ;
width: 150px ;
height: 30px ;
background: url(images/suivant.png) ;
}