@charset "utf-8"; 
body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif}*{margin:0;padding:0}
.container{margin: 0 auto;width:77.2%}

.btn-oeuvre {
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  padding: 12px 22px;
  background: #111;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  border-radius: 6px;
  letter-spacing: 0.5px;
  transition: all 0.25s ease;
  border: 1px solid #111;
}

.btn-oeuvre:hover {
  background: #fff;
  color: #111;
  border: 1px solid #111;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

.btn-acquerir {
  margin-top: 15px;
}

.com-box22 {
    display: flex;
    flex-direction: column;
    gap: 18px;
	width: 24%;padding-left:5%;
}
.com-box23{padding-left:2%;margin-top:0px;width:30%;text-align:left;float:left;font-size:15px;}
.titre-oeuvre {
    font-size: 1.4em;        /* plus gros */
    margin: 10px 0;
    font-weight: 700;
}


.oeuvre {
  display: inline-block;   /* la div prend juste la largeur du texte */
  background-color: #f2f2f2; /* gris léger */
  width:80%;
  padding: 10px 15px;      /* un peu d’air autour du texte */
  border-radius: 4px;     /* coins arrondis optionnels */
}
.oeuvre2 {
  display: inline-block;   /* la div prend juste la largeur du texte */ /* gris léger */
  width:80%;
  padding: 10px 15px;      /* un peu d’air autour du texte */
  border-radius: 4px;     /* coins arrondis optionnels */
}
.poppins20{font-size:20px;font-family:'Poppins, sans-serif';align:justify}
.poppins18{font-size:18px;font-family:'Poppins, sans-serif';text-align:left}
.poppins18r{font-size:18px;font-family:'Poppins, sans-serif';text-align:left;color:red;}
.poppins16r{font-size:16px;font-family:'Poppins, sans-serif';text-align:left;color:red;font-style: italic;float:left;}
.poppins15{font-size:15px;font-family:'Poppins, sans-serif';align:justify}
.etap-text{ padding: 0px 0px;font-style: italic;font-size:16px;font-family:'Poppins, sans-serif';color:black;}
.etap-text-1{ padding: 0px 0px;font-style: italic;font-size:16px;font-family:'Poppins, sans-serif';align:justify}

.centrer{text-align:center;margin-right:30px;}
.sendButton26-2 {
    background-color: #3300cc; /* couleur du bouton */
    color: white;
	text-align:center;              /* couleur du texte */
  padding: 10px 20px;
    height: auto;
    line-height: normal;
    display: inline-block;        /* espace intérieur */
    border: none;              /* enlève la bordure par défaut */
    border-radius: 10px;       /* arrondit les coins */
    cursor: pointer;           /* curseur main */
    font-size: 18px;
	width: 98%; /* 👉 change la largeur ici */
    transition: all 0.3s ease; /* animation fluide */
	 text-decoration: none;
}
.sendButton26-2:hover {
    background-color: #3300ff; /* couleur plus foncée */
    transform: scale(1.1);

    text-decoration: none;font-family: 'Montserrat', sans-serif;
    color: white; /* évite les changements de couleur */
}   /* léger zoom */
.SurO{display:block}.SurP{display:none}
.boit5 img{width:160px;height:auto;}
.boit5{width:25%;text-align:center;padding-bottom:30px;float:left;}

div#galerie2
{
margin:0 auto;
margin-left:0px;
  width: 100% ;
  height:auto;
  background: #FFF ;
  border: 0px solid #dcb ;
 text-align: center;
  font: 0.9em Georgia, serif ;
   float:left;
}


.cadre-diap{width:500px;border:1px solid red}
.container-bandeau{
	margin:0 auto;
	z-index:100;
	float:left;
	width:100%;
	height:62px;
	background-color:#fff;
	border:0 solid red;
	position:relative;
	margin-bottom:5px;
	margin-top:0
}
.container-bandeau img{
	height:50px
}

.titre-en{
	position:absolute;
	font-size:14px;
	color:#000;
	line-height:1.2;
	top:10px;
	height:auto;
	right:31px;
	width:60%;
	text-align:right;
	border:0 solid red
}
.titre-en img{
	height:15px
}
.engage{margin: 0 auto;width:60%;text-align:center;margin-top:30px;}
.center{text-align:center;padding-left:50px;}

.liv{font-size:17px;font-family: Cambria,serif;color:#000000;}
.liv2{font-size:17px;font-family: Cambria,serif;color:#000000;}
.marge-ajust{height:10px;}
.marge-ajust2{height:5px;}
.green{color:green; font-size:14px;}

.orange{color:#000; font-size:12px;}
h4{font-size:16px;color:#000}
.nav{width:100%;padding-left:0px}
.marge-1{width:100%;height:1px;}
.marge-5{width:100%;height:5px;clear:both}
.marge-8{width:100%;height:8px;clear:both}
.marge-20{width:100%;height:20px;clear:both}
.marge-10{width:100%;height:10px;clear:both}
.marge-15{width:100%;height:15px;clear:both}

.marge-25{width:100%;height:25px;clear:both}
.marge-30{width:100%;height:30px;clear:both}
.marge-40{width:100%;height:40px;clear:both}
.marge-60{width:100%;height:60px;clear:both}
.com-oeuvre{margin-left:0px;margin-right:0px;text-align:left;margin-bottom:20px;line-height:1.0;
 font-size:17px;color:#000000;}
 .com-oeuvre a{color:#000;background-color:#fff; text-decoration:none;}
  .com-oeuvre a:visited{color:#000;background-color:#fff; text-decoration:none;}
   .com-oeuvre a:hover{ color:#fff;background-color:#C00; text-decoration:none;}
.text1{font-size:17px;color:#000000;font-family: Cambria, serif;}
.text2{font-size:17px;color:#C00;font-family: Cambria, serif;;marging-top:3px;}
.text3{font-size:18px;font-family: Helvetica, sans-serif;color:#000}
.text4{font-size:17px;font-family: Helvetica, sans-serif;color:#9F8A60;}
.text14{font-size:13px;font-family: Helvetica, sans-serif;}
.text5{font-size:16px;font-family: Helvetica, sans-serif;color:#000;}
.text7{font-size:15px;font-family: Helvetica, sans-serif;color:#000;}
.text6{font-size:13px;font-family: Helvetica, sans-serif;color:#000;font-style: italic;}

.com-artiste{margin-left:0px;margin-right:0px;text-align:left;margin-bottom:20px;line-height:1.5;font-size:15px;color:#000000}
.com-nom{font-size:20px;color:#000}
.nom{font-size:20px;color:#000}
.com-titre{font-size:18px;color:#000}
.com-titre3{font-size:18px;color:#000}
.com-dim{font-size:14px;color:#444444}
.com-tech{font-size:12px;color:#444444}
.com-techr{font-size:12px;color:#C00}
.com-titre2{font-size:17px;color:#000;font-family: Cambria, serif;}
.com-box100{margin:0px 0px 0px 10px;width:100%;text-align:left;border:solid 0px grey}
.com-box101{margin:0 auto;font-size:14px;padding-right:10px;width:80%;text-align:left;border:solid 0px grey}
.com-box1{padding:0px;top:0px;margin-left:0px;text-align:center;width:67%;float:left}

.com-box2-1{position:relative;float:right;margin-right:40px;margin-top:10px;width:33%;text-align:left;padding-left:0px 20px;font-size:15px;color:#444444;border:solid 0px #C00}

.com-prix{background-color:#FFF;color:#000}
.reservation{width:70%;height:28px;padding-top:1px;background-color:#444444;font-size:17px;color:#000000;font-family: Cambria, serif;text-align:center;border:1px solid#000;}
.reservation a{font-size:16px;color:#FFF;font-family: Cambria, serif;padding:2px;background-color:#444444;text-decoration:none;}
.reservation a:visited{font-size:16px;color:#FFF;font-family: Cambria, serif;padding:2px;background-color:#444444;text-decoration:none;}
.reservation a:hover{font-size:18px;color:#FFF;font-family: Cambria, serif;padding:2px;background-color:#444444;text-decoration:none;}

.offre{margin-top:20px;width:70%;height:28px;padding-top:1px;background-color:#FFF;font-size:17px;color:#000000;font-family: Cambria, serif;text-align:center;border:1px solid#444444;}
.offre a{font-size:16px;color:#000000;font-family: Cambria, serif;padding:2px;background-color:#FFF;text-decoration:none;}
.offre a:visited{font-size:16px;color:#000000;font-family: Cambria, serif;padding:2px;background-color:#FFF;text-decoration:none;}
.offre a:hover{font-size:18px;color:#000000;font-family: Cambria, serif;padding:2px;background-color:#FFF;text-decoration:none;}
.com2{margin: 0 auto;padding:2px;width:100%;text-align:left;font-size:17px;margin-left:25px;float:left;}

.com2 a{font-size:16px;color:#000000;font-family: Cambria, serif;background-color:#fff; text-decoration:underline;}
.com2 a:visited{padding:0px;font-size:16px;color:#000000;font-family: Cambria, serif;background-color:#fff; text-decoration:none;}
.com2 a:hover{padding:0px; font-size:18px;color:#000000;font-family: Cambria, serif;background-color:#fff; text-decoration:none;}	
.com{text-align:left;margin-left:180px;}
.com a{font-size:14px;padding:2px; color:#444444;background-color:#fff; text-decoration:none;}
.com a:visited{font-size:14px;padding:2px; color:#444444;background-color:#fff; text-decoration:none;}
.com a:hover{font-size:14px;padding:2px; color:#fff;background-color:#C00; text-decoration:none;}

.content{text-align:center;position:relative;z-index:8;clear:both;width:100%;font-size:14px;line-height:1.2;top:0px;}
.content-1{text-align:center;position:relative;z-index:8;clear:both;width:100%;font-size:14px;line-height:1.2;top:0px;color:#C00}
a:visited{color:#fff;margin-left:15px;text-decoration:none}.engagements{width:90%;position:relative;margin-top:10px;margin-left:40px;float:left}.mini-box{width:24.5%;float:left;height:50px;font-size:12px;border:0px solid gray}.mini-box img{width:auto;height:30px;vertical-align:middle}.nonO{display:none;text-align:center}.logo{height:55px;width:auto;}
.engagement{width:100%;position:relative;margin-top:10px;margin-left:10px;float:left; border:1px solid gray}.mini-box{width:24%;float:left;padding-left:10px;height:75px;font-size:13px;}.mini-box img{width:auto;height:30px;vertical-align:middle}
.engagement p{font-size:11px;padding-left:5px;padding-right:0px;color:#333}
.engagements a{margin-right:5px;margin-left:0px;font-size:14px;text-decoration:none;color:#444 ;}
.engagements a:visited{margin-right:5px;margin-left:0px;color:#444 ;text-decoration:none;background-color:#fff;}
.engagements a:hover{margin-right:5px;margin-left:0px;color:#fff;background-color:#C00;}

@media only screen and (max-width:810px){
	.SurP{display:block}.SurO{display:none}
	.etap-text-1{ padding: 0px 0px;font-style: italic;font-size:16px;font-family:'Poppins, sans-serif';width:100%;}

	.oeuvre {
  display: inline-block;   /* la div prend juste la largeur du texte */
  background-color: #f2f2f2; /* gris léger */
  width:100%;
  padding: 10px 5px;      /* un peu d’air autour du texte */
  border-radius: 4px;     /* coins arrondis optionnels */
}

    .titre-oeuvre {
        font-size: 1.4em;
    }

	.sendButton26-2 {

    background-color: #3300cc; /* couleur du bouton */
    color: white;margin-left:30px;
	text-align:center;              /* couleur du texte */
  padding: 10px 20px;
    height: auto;
    line-height: normal;
    display: inline-block;        /* espace intérieur */
    border: none;              /* enlève la bordure par défaut */
    border-radius: 10px;       /* arrondit les coins */
    cursor: pointer;           /* curseur main */
    font-size: 16px;
	width: 100%; /* 👉 change la largeur ici */
    transition: all 0.3s ease; /* animation fluide */
	 text-decoration: none;
}
.sendButton26-2:hover {
    background-color: #3300ff; /* couleur plus foncée */
    transform: scale(1.1);

    text-decoration: none;
    color: white; /* évite les changements de couleur */
}   /* léger zoom */
	
	.content{margin:0 auto;padding:0px;text-align:center;}.com-box100{margin:0 auto;width:90%;text-align:left;border:solid 0px red}.com-box-1{top:0px;margin-left:0px;padding:0px 0px;text-align:center;width:100%;float:left}.logo{height:42px;width:auto}
.container{margin:0 auto;width:100%;font-size:12px;}
.marge{float:left;height:1px;width:100%}.engagements{left:30px;text-align:center;width:85%;position:relative;top:50px}.mini-box{width:100%;float:left;height:50px;vertical-align:middle;border:1px dashed gray}.mini-box img{max-width:10%}.nonP{display:none}.nonO{display:inline-block; }
.reservation{width:80%;height:24px;padding-top:0px;margin-left:10%;background-color:#444444;color:#FFF;font-size:16px;text-align:center;border:1px solid#000;}
.offre{margin-top:30px;width:80%;height:24px;margin-left:10%;padding-top:0px;background-color:#FFF;color:#444444;font-size:16px;text-align:center;border:1px solid#444444;}
.com2{margin: 0 auto;padding:2px;width:80%;text-align:center;font-size:15px;margin-left:10%;margin-top:40px;}
.titre-en{position:absolute;font-size:14px;color:#000000;right:20px;line-height:1.2;top:20px;height:18px;width:10%;border:0px solid red}.titre-en img{height:15px;width:auto}
.com-artiste{margin:0 auto;margin-bottom:0px;margin-left:15px;font-size:12px;}

.com-box2{margin:0 auto;top:0px;width:100%;height:auto;margin-left:0px;text-align:left;float:left;padding-left:0px;border:solid 0px grey}
.com-nom{font-size:14px;color:#000}
.nom{font-size:14px;color:#000}
.com-titre{font-size:14px;color:#000}
.com-titre3{font-size:13px;color:#000}
.com-oeuvre{padding-left:0px;margin-right:0px;text-align:left;margin-bottom:20px;line-height:1.0;font-size:16px;color:#000000}



/*.container-bandeau img{height:52px}*/
.titre-en{position:absolute;font-size:14px;color:#000000;line-height:1.2;top:10px;height:auto;right:31px;width:60%;text-align:right;border:0px solid red}
.titre-en img{height:15px}


.contacts {left:30px;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 2.0;
	font-weight: 500;
	color : #000;
	text-align: left;
}
div#galerie2
{  padding: 0px 0px 0px 0px;
  width: 100% ;
margin-left:0px;
  background: #FFF ;
  border: 0px solid red ;
  text-align: center;
  font: 0.9em Georgia, serif ;
   float:left;
}
div#galerie2 img{

  border: 1px solid #dcb ;
	width:90%;
	height:auto;	
}
@media screen and (max-width:810px){
	
	.sendButton26-2 {

    background-color: #3300cc; /* couleur du bouton */
    color: white;
	text-align:center;              /* couleur du texte */
  padding: 10px 20px;
    height: auto;
    line-height: normal;
    display: inline-block;        /* espace intérieur */
    border: none;              /* enlève la bordure par défaut */
    border-radius: 10px;       /* arrondit les coins */
    cursor: pointer;           /* curseur main */
    font-size: 16px;
	width: 80%; /* 👉 change la largeur ici */
    transition: all 0.3s ease; /* animation fluide */
	 text-decoration: none;
}
.sendButton26-2:hover {
    background-color: #3300ff; /* couleur plus foncée */
    transform: scale(1.1);

    text-decoration: none;
    color: white; /* évite les changements de couleur */
}   /* léger zoom */
	.com-box101{margin:0 auto;font-size:12px;padding:0px;width:100%;text-align:left;}
		.container-bandeau{
		width:100%;height:52px;margin-bottom:0px;
		
}
	.liv{font-size:15px;font-family: Cambria,serif;color:#000000;}
.liv2{font-size:15px;font-family: Cambria,serif;color:#000000;}.com-oeuvre{padding-left:0px;margin-right:5px;text-align:left;margin-bottom:20px;line-height:1.0;font-size:16px;color:#000000}
	.container-bandeau img{
		height:52px;
}

	.titre-en{
		position:absolute;
		font-size:14px;
		color:#000;
		right:20px;
		line-height:1.5;
		top:20px;
		height:18px;
		width:10%;
		border:0 solid red
}
	.titre-en img{
		height:15px;
		width:auto
}
.center{text-align:left;padding-left:0px;margin-left:0px;font-size:12px;}
.centre{float:left;font-size:12px; text-align:left;width:98%;}



div#galerie2
{  padding: 0px 0px 0px 0px;
  width: 100% ;
margin-left:0px;
  background: #FFF ;
  border: 0px solid red ;
  text-align: center;
  font: 0.9em Georgia, serif ;
   float:left;
}
div#galerie2 img{

  border: 1px solid #dcb ;
	width:100%;
	height:auto;	
}

INPUT{color:#000;font-size:11px;font-family:verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;background-color:#EEEEEE}TEXTAREA{color:#000;font-size:11px;font-family:verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;background-color:#EEEEEE}*{margin:0;padding:0}
html{height:70%}body{font-size:16px;padding-bottom:5px;} p{color:#000}p{line-height:1.2em;margin-bottom:12px}#notreformulaire{text-shadow:0 1px 0 #FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#F9F9F9;padding:8px;font-size:12px;border:solid 1px grey;width:90%}#formulairedecontact label{margin-left:0px;color:#000000;display:block;font-size:13px;font-weight:500}input{display:block;width:95%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4;color:#000;border:1px solid #5f5f5f;padding:2px;margin-bottom:10px}textarea{display:block;width:95%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4;color:#000;border:1px solid #5f5f5f;padding:2px;margin-bottom:0px}.sendButton{-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;box-shadow:inset 0px 1px 0px 0px #fce2c1;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffc477),color-stop(1,#fb9e25));background:-moz-linear-gradient(center top,#C00 5%,#C00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C00', endColorstr='#C00');background-color:#C00;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;border:1px solid #eeb44f;color:#ffffff;font-family:Arial;font-size:14px;width:25%;font-weight:500;text-shadow:1px 1px 0px #cc9f52}
@media screen and (max-width:810px){
#notreformulaire{text-shadow:0 1px 0 #FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#F9F9F9;margin-left:15px;padding:8px;font-size:12px;border:solid 1px grey;width:92%}
#formulairedecontact{width:98%}
.sendButton26-2 {

    background-color: #3300cc; /* couleur du bouton */
    color: white;
	text-align:center;              /* couleur du texte */
  padding: 10px 20px;
    height: auto;
    line-height: normal;
    display: inline-block;        /* espace intérieur */
    border: none;              /* enlève la bordure par défaut */
    border-radius: 10px;       /* arrondit les coins */
    cursor: pointer;           /* curseur main */
    font-size: 16px;
	width: 80%; /* 👉 change la largeur ici */
    transition: all 0.3s ease; /* animation fluide */
	 text-decoration: none;
}
.sendButton26-2:hover {
    background-color: #3300ff; /* couleur plus foncée */
    transform: scale(1.1);

    text-decoration: none;
    color: white; /* évite les changements de couleur */
}   /* léger zoom */
}
@media only screen and  (min-width:751px) and (max-width:1200px){
	.com-box1{padding:0;top:0px;margin-left:0px;text-align:center;width:60%;float:left}
.com-box2{padding-left:0%;margin-top:10px;width:31%;text-align:left;float:left;font-size:15px;color:#444444;border:solid 1px #C00}
.com-oeuvre{padding-left:0px;margin-right:0px;text-align:left;margin-bottom:20px;line-height:1.0;font-size:16px;color:#000000}
.sendButton26-2 {

    background-color: #3300cc; /* couleur du bouton */
    color: white;
	text-align:center;              /* couleur du texte */
  padding: 10px 20px;
    height: auto;
    line-height: normal;
    display: inline-block;        /* espace intérieur */
    border: none;              /* enlève la bordure par défaut */
    border-radius: 10px;       /* arrondit les coins */
    cursor: pointer;           /* curseur main */
    font-size: 16px;
	width: 80%; /* 👉 change la largeur ici */
    transition: all 0.3s ease; /* animation fluide */
	 text-decoration: none;
}
.sendButton26-2:hover {
    background-color: #3300ff; /* couleur plus foncée */
    transform: scale(1.1);

    text-decoration: none;
    color: white; /* évite les changements de couleur */
}   /* léger zoom */
	}