
 /*corps de page général*/ 

body
{

 margin:auto;                  /*pour centrer la page*/
 margin-top:20px;              /*pour ne pas coller au haut de la fenetre*/
 font-family:Arial,Verdana,serif;
 background-color:#101112;
  color:black;

 }
 
 #blockpagentiere
 {
 width:920px;
height:780px;
 margin:auto; 

 font-family:Arial,Verdana,serif;
 background-image: url(../images/fondpage1.jpg);

  color:white;
  
 }
 
/*  pages sculpture animale*/ 
#blokpageaccueil
{
 width:600px;
height:450px;
margin:auto;
background-color:
clear:both;
border:4px solid white;

}
 #marionaccueil
{
 width:270px;
height:300px;
float:left;
margin-top:70px;
margin-left: 40px;

}
 #presenteaccueil
{
 width:220px;
height:60px;
float:left;
margin-left:25px;
margin-bottom:10px;
margin-top:15px;
}

 #imageaccueil
{
 width:550px;
height:500px;
float:right;
margin-right: 40px;
margin-top:30px;


border:2px solid #b5b9bc;

}

#blokpageaccueil4
{
 width:100px;
height:20px;
float:right;
margin-right: 280px;
margin-top:60px;
text-align:center;

}
#fontmini2b
{

width: 500px;
height: 30px;
font-size:60%;
font-family:arial;
text-align :center;
margin-top:89px;
float:left;
margin-left:210px;
}
#blokentete                                                       /*  entete page sculpture animale*/  
{
width:920px;
height:70px;
margin-bottom:25px;
border-bottom: 1px solid #b5b9bc;
background-image: url(../images/banniererelook.jpg);
}

#blokentete a img                                                       /*  entete page sculpture animale*/  
{
border:none;
}

.blockliens
{

float:left;




}
.blockliens a
{
color:white;
}
 .blockpartenaires
{
width:300px;
height:550px;
margin:15px;
padding:5px;
border:1px solid #b5b9bc;
float:left;

}
 #blokimage                                               /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
 width:420px;
height:326px;
border:2px solid #b5b9bc;
margin-right:35px;
margin-bottom:20px;
float:right;

}
#lignehorizontale
{
width:68%;
height: 1px;
background-color:red;
float:left;
}
 #bloktextaccueil                                            
 {
 width:220px;
height:150px;
margin-top:30px;
margin-left:40px;


float:left;

}
#blokimagelezard                                               /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
 width:70px;
height:89px;
float:right;
margin-right:30px;
}
#blokimagestivant                                               /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
 width:70px;
height:89px;
float:left;
margin-right:20px;
margin-top:20px;
}
#blokimagescarte   img                                      /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
border: 2px solid black;
}
#blokimagescarte                                            /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
 width:200px;
height:181px;
margin-right:20px;

border:none;
float:left;
}

#blokimagescarte2                                            /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
 width:787px;
height:712px;
margin:auto;
background-color:green;
border: 5px solid #b5b9bc;
margin-bottom:20px;

}
#blokimagesarete                                              /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
 width:56px;
height:29px;
float:right;
margin-left:7px;
}
#blokimagesbeteonglous                                             /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
 width:220px;
height:160px;
float:left;
clear:both;
border:2px solid white;
margin-bottom:15px;
margin-right:20px;
}

#blokimageskarim                                              /* image page : la vie des animaux morts ( ancetre des dorades ) */  
 {
 width:100px;
height:200px;
float:left;
margin-right:7px;
border:2px solid white;
margin-bottom:17px;
}


#blokminitexte
{
width:175px;
height:120px;
float: right;
margin-bottom:95px;
background-color:#fcf9ef;
text-align:left;
}

#blokminitexte2
{
width:410px;
height:250px;
margin:auto;
margin-bottom:20px;
background-color:#fcf9ef;
text-align:left;
}
.bloktexteint1                                            /* texte  page sculpture animale*/ 
{
width:390px;
height:265px;

font-size:0.9em;
margin:auto;
margin-top:20px;
margin-bottom:5px;



}
#bloktexte                                             /* texte  page sculpture animale*/ 
{
width:415px;
height:326px;
border:2px solid white;
font-size:0.9em;
float: left;
margin-left:35px;
margin-bottom:20px;
color: black;
background-color:#fcf9ef;
}

#parchemin
{
width:150px;
height:150px;
float: left;

border-left: 2px solid black;
border-top: 2px solid black;
border-right: 4px solid black;
border-bottom: 4px solid black;
margin-right: 20px;
}
#decotexterc
{
width:50px;
height:120px;
float: left;
clear:both;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
}

#decotexterc2
{
width:100px;
height:75px;
float: right;
clear:both;
margin-left:20px;


}
#blockgallerie                                  /* Block qui englobe les miniatures*/ 
{
width:80px;
height:18px;
margin-left:39px;
font-weight:bold;
margin-bottom:8px;
margin-top:35px;

color:white;
padding-left: 5px;

}
#galerieentiere
{
width:880px;
height:170px;
padding-top:5px;


padding-left:39px;

}

.bm1                                                  /* miniatures*/ 
{
width:100px;
height:75px;

}


 /* Pages pour les images hautes definition*/ 



#blokgallery                              /*  images ht la vie des animaux morts*/ 
{
padding:0px;
width:600px;
height:450px;
margin-top:50px;
border:2px solid #b5b9bc;
float:right;
margin-right:130px;

}
#blokgallery2                          
{
width:350px;
height:426px;

margin-top: 74px;
border:2px solid #b5b9bc;

float:right;
margin-right:15px;
}
#blokgallery3                           
{
width:400px;
height:487px;

margin-top: 72px;
border:2px solid #b5b9bc;

float:right;
margin-right:270px;
}
#titre3                                       
{
width:150px;
height:25px;
margin-left:40px;
margin-top: 225px;
margin-bottom:10px;
border:2px solid #7a6052;
text-align:center;
padding-top:5px;
background-color:#fcf9ef;
float:left;
font-weight:bold;
color:black;
}

#titre                                        
{
width:150px;
height:25px;
margin-left:10px;
margin-top: 225px;
margin-bottom:10px;
border:2px solid #7a6052;
text-align:center;
padding-top:5px;
background-color:#fcf9ef;
float:left;
font-weight:bold;
color:black;
}
#titre2                                        
{
width:150px;
height:45px;
margin-left:10px;
margin-top: 225px;
margin-bottom:10px;
border:2px solid #7a6052;
text-align:center;
padding-top:5px;
background-color:#fcf9ef;
float:left;
font-weight:bold;
color:black;
}
#titre4                                       
{
width:150px;
height:45px;
margin-left:40px;
margin-top: 225px;
margin-bottom:10px;
border:2px solid #7a6052;
text-align:center;
padding-top:5px;
background-color:#fcf9ef;
float:left;
font-weight:bold;
color:black;
}
#soustitre
{
width:150px;
height:25px;
margin-left:40px;
font-size:85%;

text-align:center;
padding-top:5px;

float:left;
}
#soustitre2
{
width:150px;
height:25px;
margin-left:10px;
font-size:85%;

text-align:center;
padding-top:5px;

float:left;
}
/*balises*/
.fontmini3
{
font-size:75%;
font-family:arial;
margin-bottom:22px;
}
.fontmini
{
font-size:60%;
font-family:arial;

}
.fontmoyen
{
font-size:70%;
font-family:arial;

}

.fontitreaccueil
{
font-size: 140%;
font-family:arial;
}
.fontmini2
{
font-size:60%;
font-family:arial;
color:white;
}
#p1
{
width:400px;
height:50px;
text-align:left;
font-size:1.5em;
margin-bottom:15px;
float: right;
font-family: "arial";
margin-right:220px;
padding-top:10px;

}
#p1bis
{width:600px;
height:50px;
text-align:left;
font-size:1.5em;
margin-bottom:15px;
float: right;
font-family: "arial";
margin-right:20px;
padding-top:10px;
}

#imagechapitre
{
width:55px;
height:55px;
margin-left:210px;
margin-bottom:20px;
float: left;

}


.p2
{
margin-left:10px;
font-size:12px;
}

a
{
text-decoration:none;
outline: none;

color:orange;
}

a img
{
text-decoration:none;
border:0px;
border:1px solid #a8acaf;
}

a:hover
{
text-decoration:none;
border:0px;
color:#cae0c0;
}

.dessous
 { 
 clear:both;
 }
 
 #fleche
  { 
width:10px;
height:11px;
float:right;
margin-right: 20px;
margin-top: 10px;
 }
 #flechebis3
  { 
width:10px;
height:11px;
float:right;
margin-right:440px;
margin-top:10px;
 }
 #flechebis5
  { 
width:10px;
height:11px;
float:right;
margin-right:450px;
margin-top:10px;
 }
#flechebis
  { 
width:10px;
height:11px;
float:right;
margin-right:440px;
margin-top:10px;
 }
  #fleche2
  { 
width:10px;
height:11px;
float:left;
margin-left:370px;
margin-top:10px;
 }

 #fleche2bis
  { 
width:10px;
height:11px;
margin:auto;
margin-top:20px;

 }
 
  #fleche3
  { 
width:10px;
height:11px;
float:left;
margin-left:450px;
margin-bottom:119px;
margin-top:10px;
 }
 #fleche3bis
  { 
width:10px;
height:11px;
float:left;
margin-left:450px;
margin-bottom:30px;
margin-top:10px;
 }
 #fleche4
  { 
width:10px;
height:11px;
float:left;
margin-left:440px;
margin-bottom:60px;
margin-top:10px;
 }
 #fleche4bis
  { 
width:10px;
height:11px;
float:left;
margin-left:535px;
margin-bottom:30px;
margin-top:10px;
 }
 .blanc
 {
 color: white;
 }
  #flechesc1g
  { 
width:10px;
height:11px;
float:right;
margin-bottom:50px;
border:2px solid black;
 }
