@font-face{font-family:"perso1";src:url("apparence/perso1.ttf") format("truetype");}
*{margin:0px 0px;padding:0px 0px;color:#000;text-align:center;vertical-align:top;}

body{max-width:1400px;margin:0 auto;text-align:center;background-image:url('apparence/fond-.jpg');background-repeat:repeat;background-attachment:fixed;}

img{width:100%;border:solid 0px #00F;vertical-align:0px;margin:3px;}/*transition: transform .1s;*/

a{text-decoration:none;color:#55B;background:transparent;cursor:pointer;}
.zoom{text-decoration:none;color:#55B;background:transparent;cursor:url('apparence/loupe.png'), zoom-in;}

.divpage{width:100%;border:solid 0px #99f;border-spacing:0px;font:normal 18px 'perso1','Arial';line-height:20px;margin:0px auto;text-align:left;}

.divbandeau{display:grid;max-width:100%;grid-template-columns:repeat(auto-fill,minmax(220px,auto));grid-gap:10px;align-items:start;padding:0px 0px 5px 5px;margin:0px 12px 0px 0px;border:solid 0px #ccc;background:#E9D6BC;overflow:hidden;}
.textebandeau{clear:both;background:#AA9162;color:#FFF;padding:0px 5px;font:normal 16px 'perso1','Arial';line-height:1.8;text-align:center;border:solid 0px #ccc;border-radius:0 30px;overflow:hidden;} 

.div1article,.div2article,.div3article,.div4article{display:grid;max-width:100%;grid-template-columns:repeat(1fr,minmax(480px,auto));grid-gap:10px;align-items:start;padding:5px 0px 10px 5px;margin:5px 12px 5px 0px;border:solid 0px #ccc;background:#E9D6BC;overflow:hidden;}
.div2article{grid-template-columns:repeat(auto-fill,minmax(500px,auto));}
.div3article{grid-template-columns:repeat(auto-fill,minmax(360px,auto));}
.div4article{grid-template-columns:repeat(auto-fill,minmax(300px,auto));}

.textearticle{clear:both;background-color:transparent;padding:0px 5px;font:normal 22px 'perso1','Arial';line-height:1.35;text-align:center;border:solid 0px #ccc;overflow:hidden;} 
.textearticle p{text-align:justify;margin:5px 10px;}
.textearticle img{width:100%;margin-bottom:25px;cursor:pointer;}

.oeuvre{clear:both;background-color:transparent;padding:0px 5px;font:normal 22px 'perso1','Arial';line-height:1.35;text-align:center;border:solid 0px #ccc;overflow:hidden;} 
.oeuvre p{text-align:justify;margin:5px 10px;}
.oeuvre img{width:100%;margin-bottom:25px;cursor:url('apparence/loupe.png'), zoom-in;}
//*img:hover{-ms-transform: scale(2); /* IE 9 */ -webkit-transform: scale(2); /* Safari 3-8 */transform: scale(2);}*//
/*box-shadow:2px 2px 6px 0px  rgba(0,0,0,0.3);*/

.clic{position:absolute;width:60px;height:25px;font-size:20px;color:#fff;margin: -35px 0 10px 2%;text-align:center;cursor: pointer;background:transparent;border-radius:5px;}

.imgscrolly{width:auto;text-align:center;overflow:hidden;overflow-y:scroll;}
.imgscrollx{width:auto;text-align:center;overflow:hidden;overflow-x:scroll;}

h1{background:#AA9162;color:#FFF;font:normal 24px 'perso1','Arial';line-height:1.5;text-align:center;vertical-align:top;padding:5px 0px 5px 0px;border:solid 1px #8F786D;border-radius:0 30px;cursor:default;}

.h13D{background:#AA9162;color:#FFF;font:normal 24px 'perso1','Arial';line-height:1.5;text-align:center;vertical-align:top;padding:5px 0px 5px 0px;border:solid 1px #8F786D;border-radius:0 30px;cursor:pointer;filter:drop-shadow(5px 2px 2px #555);}

.soustitre{font:normal 22px 'perso1','Arial';text-align:center;margin:0;padding:8px 8px 10px 8px;margin:0px 30px;border-radius:10px 10px 0 0;background:#94ADBC;color:#FFF;cursor:default;}
sup{color:#fff;}

hr{border-top:solid 2px #ccc;margin:10px 30px 4px 30px;}

.sep{clear:both;height:15px;border:none;font-size:0px;line-height:0;margin:0;padding:0;text-align:center;overflow:hidden;}

.sepmenus{height:9%;}
@media only screen and (min-width: 712px) {.sepmenus { height:5%;} }
@media only screen and (min-width: 1170px) {.sepmenus { height:1%;} }

.menus{width:255px;height:45px;margin-bottom:3px;"}