/* #### Generated By: http://www.cufonfonts.com #### */


@font-face {
font-family: 'CaslonishFraxx';
 font-size:2em; font-style: normal; 
font-weight: normal;
 src: local('CaslonishFraxx'), url('CaslonishFraxx.woff') format('woff');
}

@font-face {
font-family: 'Lohengrin';
font-style: normal;
font-weight: normal;
src: local('Lohengrin'), url('Lohengrin.woff') format('woff');
}
.correspondance h1 {margin-top:10px; margin-left:10px; text-align: left; font-family:'Lohengrin'; font-style:normal;color:black;}



.lettrine {
width: 50px; height: 52px; float: left;
}

h3 {
    border:0px;
     color: maroon;
     background-color: transparent;
     text-align: left;
font-family: serif; 
}
h3:first-letter{font-size:1.3em; color:red; }

h4 {
font-family: serif;

    color: maroon;
margin-left:25px;
}

div.correspondance {padding-bottom: 20px;}
.photolegende {margin-left:10px; margin-top:10px;}
.corps {padding-top: 10px;}    

}

h4 {text-align: left; font: normal 1.1em sans-serif;}
p {text-align: left; font: normal 1.0em serif;}


/* TABLETTES >640px, 768px & PORTABLES Tout affichage qui ne se fait pas sur mobile commencer détail des CSS (images, etc..) */

@media only screen and (min-width: 641px) {


.correspondance h1 {font-style:normal;color:maroon;}

.lettrine {

width: 100px; height: 104px; float: left;
display:none;
}

div.correspondance {
margin:15px; border: 1px solid orange; padding-right: 20px;padding-bottom: 20px; background-image: url(../GIF/fond-parchemin.bmp); margin-left: 40px; margin-right: 40px;
   border: 3px solid rgb(253,233,210); /* obligatoire */
   border-image: url("../GIF/border.png") 42 round stretch;
}

.corps {
   padding-left: 20px;}  
  

//fin tablettes
}