/*commentaire céramiques thèse catalogues*/
html { 
  margin:0;
  padding:0;
body onload="ImpEcrOff()" ;
  max-width: 1500px;}


body{	
  margin:0px;
  padding:0px;
  background: url(images/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
max-width:1500 px;
body onload="ImpEcrOff()" ;
min-width : 600px}

div.fond{	
position : absolute ;
top :0px;
width:80%;
margin-left : 3% ;
 background-color : none ;
 max-width:1500 px;
}

div.corps0{
position : fixed ;
top : 0px;	
width: 18%;
margin-left : 0%;	
font-size: 1.10vw; 
font-family: verdana, Arial,"Trebuchet MS", sans-serif;}

div.corps{
position : absolute ;
top : 0px;
width: 94%;
margin-left : 25%;	
background-color : #605858;    
max-width: 1200px;
}

div.cadre1{
padding-left : 5%;
padding-right : 5%;
top : 0px;
color :#FCFAE1;
font-size: 1.10vw; 
line-height : 120%;
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
 text-align: justify;
}

div.bouton  {
margin-left : -19% ;
width:120% ;
min-width: 100px;
max-width : 400px;
height : auto; 
padding: 5px;
 -moz-box-shadow: 0px 0px 10px #343434;
 -webkit-box-shadow: 0px 0px 10px #343434;
 -o-box-shadow: 0px 0px 10px #343434;
 box-shadow: 0px 0px 10px #343434;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 border: 1px solid #656565;
 background:#cfcfcf;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#656565"); /* Pour IE seulement et mode gradient à linear */
 background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#656565));
background: -webkit-linear-gradient(#cfcfcf, #282C28);
background: -moz-linear-gradient(#cfcfcf, #282C28);
background: -o-linear-gradient(#cfcfcf, #282C28);
background: -ms-linear-gradient(#cfcfcf, #v);
background: linear-gradient(#cfcfcf, #282C28); 
text-align: center;
}


div.bouton2  {
float : left ;
width:23% ;
min-width: 100px;
max-width : 400px;
height : auto; 
padding: 5px;
 -moz-box-shadow: 0px 0px 10px #343434;
 -webkit-box-shadow: 0px 0px 10px #343434;
 -o-box-shadow: 0px 0px 10px #343434;
 box-shadow: 0px 0px 10px #343434;
 border: 1px solid #656565;
 background:#cfcfcf;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#656565"); /* Pour IE seulement et mode gradient à linear */
 background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#656565));
background: -webkit-linear-gradient(#cfcfcf, #282C28);
background: -moz-linear-gradient(#cfcfcf, #282C28);
background: -o-linear-gradient(#cfcfcf, #282C28);
background: -ms-linear-gradient(#cfcfcf, #v);
background: linear-gradient(#cfcfcf, #282C28); 
text-align: center;}

div.bouton3  {
float : left ;
width : 12% ;

height : auto; 
padding: 5px;
 -moz-box-shadow: 0px 0px 10px #343434;
 -webkit-box-shadow: 0px 0px 10px #343434;
 -o-box-shadow: 0px 0px 10px #343434;
 box-shadow: 0px 0px 10px #343434;
 border: 1px solid #656565;
 background:#cfcfcf;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#656565"); /* Pour IE seulement et mode gradient à linear */
 background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#656565));
background: -webkit-linear-gradient(#cfcfcf, #282C28);
background: -moz-linear-gradient(#cfcfcf, #282C28);
background: -o-linear-gradient(#cfcfcf, #282C28);
background: -ms-linear-gradient(#cfcfcf, #v);
background: linear-gradient(#cfcfcf, #282C28); 
text-align: center;}


h1{	
font-size: 2.00vw; 
margin : 20px;
color:  #E7E7E7;
text-shadow : 20px;	
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-align: center;
letter-spacing: 6px;
text-shadow:2px 2px 4px #FFFFFF; /*ombrage du titre*/}

h2{	
width: 92%;
color:  #505050;
font-size: 1.70vw; 
margin-top : 20px;
margin-bottom : 20px;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 120px;
background-color :#EFE4D9 ;
padding : 10px;
margin-left : auto;	
margin-right : auto;
}



div.haut{
width : 30% ;
margin-left : 65%;
border-color : none ; 
color :#FCFAE1;}

div.haut a{
color : #66FF00 ;
}

div.haut a:hover{
color : yellow ;
}


a{
color : #96FC30 ;
 font-size: 1.10vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-decoration : none ;
}

i{
 font-style : italic ;
}

a:hover{
text-decoration : underline ;
color : yellow ;}

div.espace { line-height :60%;}

ul{
padding-left : 40px ;
line-height :120%
}

div.blocgauche {
 float: left ;
 width : 47%;
}


div.blocdroit {
 float: right ;
 width : 47%;
}



 div.droitevignette { 
 float: right;
 width : 60% ;
}

div.col1{
position : absolute ;
top 0px;
 margin-left : 45%;
 width :24%;
color :#FCFAE1;
}

div.col2{
position : absolute ;
top 0px;
 margin-left : 69%;
 width : 24%;
color :#FCFAE1;
}

div.bloctitre{
float: left ;
margin-left : 5%; 
width : 23% ;
border : none ;
color :#FCFAE1 ;
 font-size: 1.1vw;
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
font-style: italic;
font-weight: bold;
color :#FCFAE1;
text-align: left;
line-height : 150% ;

}

div.blocinfo{
top : 10px;	
margin-left : 32%;
width : 63% ;
border : none ;
 font-size: 1.1vw;
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-align: left;
color :#FCFAE1 ;
line-height : 150% ;
}


div.petitblocgauche{ 
 float:left;
 width : 40% ;
 border-width :15px ;
 padding :10px;
 text-align: justify;
 font-size: 0.90vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 120% ;
 color :#FCFAE1;
 background :none ;
 position : relative ; left : 8% ;}

div.petitblocdroit{ 
 float:right;
 width : 40% ;
 border-width :15px ;
 padding :10px;
 text-align: justify;
 font-size: 0.90vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 120% ;
 color :#FCFAE1;
 background :none ;
 position : relative ; left : 8% ;}  

div.legende {
color:#000000;
line-height : 110% ;
padding : 8px;
font-size:0.9vw;
width : 95%;
text-align : center ;}

div.imacentre {
clear : both;
 margin-left: auto;
 margin-right: auto;
 width: 70%;
padding-top : 20px;
text-align: center;
background-color : #F7EBCA;
-moz-box-shadow: 10px 10px 5px #C7C7C7;
-webkit-box-shadow: 10px 10px 5px #C7C7C7;
-o-box-shadow: 10px 10px 5px #C7C7C7;
box-shadow: 10px 10px 5px #C7C7C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }

div.imamilieu {
clear : both;
 margin-left: auto;
 margin-right: auto;
 width: 40%;
padding-top : 20px;
text-align: center;
background-color : #F7EBCA;
-moz-box-shadow: 10px 10px 5px #C7C7C7;
-webkit-box-shadow: 10px 10px 5px #C7C7C7;
-o-box-shadow: 10px 10px 5px #C7C7C7;
box-shadow: 10px 10px 5px #C7C7C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }


div.imagauche {
 float: left ;
padding-top : 20px;
margin-top : 20px;
width :47% ;
background-color : #F7EBCA;
text-align: center;
-moz-box-shadow: 10px 10px 5px #C7C7C7;
-webkit-box-shadow: 10px 10px 5px #C7C7C7;
-o-box-shadow: 10px 10px 5px #C7C7C7;
box-shadow: 10px 10px 5px #C7C7C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }

div.imadroite {

 float: right ;
padding-top : 20px;
margin-top : 20px;
width :47% ;
background-color : #F7EBCA;
text-align: center;
-moz-box-shadow: 10px 10px 5px #C7C7C7;
-webkit-box-shadow: 10px 10px 5px #C7C7C7;
-o-box-shadow: 10px 10px 5px #C7C7C7;
box-shadow: 10px 10px 5px #C7C7C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }

div.viggauche{
padding-top : 20px;
float : left;
 width :32% ;
 background-color : #F7EBCA;
 text-align: center;
-moz-box-shadow: 10px 10px 5px #C7C7C7;
-webkit-box-shadow: 10px 10px 5px #C7C7C7;
-o-box-shadow: 10px 10px 5px #C7C7C7;
box-shadow: 10px 10px 5px #C7C7C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
} 

div.vigcentre{
padding-top : 20px;
float : left;
 width :32% ;
 background-color : #F7EBCA;
 text-align: center;
 margin-left :2%;
-moz-box-shadow: 10px 10px 5px #C7C7C7;
-webkit-box-shadow: 10px 10px 5px #C7C7C7;
-o-box-shadow: 10px 10px 5px #C7C7C7;
box-shadow: 10px 10px 5px #C7C7C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
} 

div.vigdroite{
padding-top : 20px;
float : left;
 width :32% ;
 margin-left :2%;
 background-color : #F7EBCA;
 text-align: center;
-moz-box-shadow: 10px 10px 5px #C7C7C7;
-webkit-box-shadow: 10px 10px 5px #C7C7C7;
-o-box-shadow: 10px 10px 5px #C7C7C7;
box-shadow: 10px 10px 5px #C7C7C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
} 

div.vignette{


padding : 2px;
padding-top : 20px;
float : left;
 width :22% ;
 margin-left :2%;
 background-color : #F7EBCA;
 text-align: center;
-moz-box-shadow: 10px 10px 5px #C7C7C7;
-webkit-box-shadow: 10px 10px 5px #C7C7C7;
-o-box-shadow: 10px 10px 5px #C7C7C7;
box-shadow: 10px 10px 5px #C7C7C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}




div.textecentre { 
 width :32% ;
float : left;
 margin-left :2%;
font-size: 1.10vw; 
line-height : 120% ;
color :#FCFAE1;
}