/*!
Theme Name: Galerie d'Art - JERRY
Description: Thème pour la Galerie d'Art - JERRY
Version: 3.0
Author: Marie-Brigitte Vautrin

*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:100%;font-family:Cambria}body{-webkit-font-smoothing:antialiased}*{-webkit-box-sizing:border-box;box-sizing:border-box}* html .clearfix{height:1%;overflow:visible}*+html .clearfix{min-height:1%}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0}.clr{clear:both}.titrephoto{text-align:center;font-size:2em;color:#ff3f00;font-weight:bold}.container-double-photo{margin-left:0.5%;display:grid;grid-template-columns:33.33% 33.33% 33.33%}.cardBox{float:left;font-size:1.2em;margin:1% 0 0 1%;-webkit-perspective:800px;perspective:800px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:25%}.cardBox:hover .card{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card{cursor:default;height:250px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.4s ease 0s;transition:-webkit-transform 0.4s ease 0s;transition:transform 0.4s ease 0s;transition:transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;width:100%;-webkit-animation:giro 1s 1;animation:giro 1s 1}.couleurcard1{background:#24283e}.couleurcard2{background:#ff8600fa}.couleurcard3{background:#06571efa}.card p{margin-bottom:1.8em}.card .front,.card .back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;color:white;display:block;font-size:1.2em;height:100%;padding:0.8em;position:absolute;text-align:center;width:100%}.card .front strong{border-radius:100%;font-size:1.5em;line-height:30px;padding:0 7px 4px 6px}.card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card .back a{padding:0.3em 0.5em;background:#333;color:#fff;text-decoration:none;border-radius:1px;font-size:0.9em;-webkit-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s}.card .back a:hover{background:#fff;color:#333;text-shadow:0 0 1px #333}.cardBox:nth-child(1) .card .back{background:cornflowerblue}.cardBox:nth-child(2) .card .back{background:orange}.cardBox:nth-child(3) .card .back{background:yellowgreen}.cardBox:nth-child(4) .card .back{background:tomato}.cardBox:nth-child(2) .card{-webkit-animation:giro 1.5s 1;animation:giro 1.5s 1}.cardBox:nth-child(3) .card{-webkit-animation:giro 2s 1;animation:giro 2s 1}.cardBox:nth-child(4) .card{-webkit-animation:giro 2.5s 1;animation:giro 2.5s 1}@-webkit-keyframes giro{from{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes giro{from{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@media screen and (max-width: 767px){.cardBox{margin-left:2.8%;margin-top:3%;width:46%}.card{height:285px}.cardBox:last-child{margin-bottom:3%}}@media screen and (max-width: 480px){.cardBox{width:94.5%}.card{height:260px}}@media (min-width: 768px){.boxesContainer{display:-webkit-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.titrepage{font-size:2.5em;text-align:center;color:#ff5722;font-weight:bold;font-family:Cambria;margin-bottom:2%;margin-top:2%}div.wpcf7{margin-top:15%;text-align:center;margin:0;padding:1.5em;background:url("http://www.jerry-art-gallery.com/wp-content/uploads/2020/07/Biot.jpg");background-repeat:no-repeat;background-position:center;border-radius:3px}.wpcf7 label,.wpcf7-submit{color:white;font-size:1.2em;font-weight:bold;}.wpcf7 .wpcf7-form-control{margin:10px 0 20px 0;}.wpcf7-submit{background-color:darkorange}.wpcf7 .wpcf7-submit:hover{background:#186d8e}.wpcf7-form-control:focus{border:2px solid #289dcc}div.wpcf7-response-output{background:orange;text-align:center;margin:1em 0em 1em 0em;color:white;font-weight:bold;font-size:110%;}span.wpcf7-not-valid-tip{background:#F8F8F8;display:inline-block;width:auto;padding:1%;border-radius:3px}button,.button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"],.bg-accent,.bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color,.comment-reply-link{background-color:darkorange !important}.unj,.deuxj,.troisj{font-size:1.3em;text-align:center;margin-bottom:1.2%;line-height:0.7;margin-left:1%;margin-right:1%}.quatrej{font-size:1.3em;text-align:center;margin-bottom:2%;line-height:0.7;margin-left:1%;margin-right:1%}.unsn,.deuxsn,.troissn{font-size:1.3em;margin-bottom:1.2%;line-height:1.3;margin-left:4%;margin-right:4%}.quatresn{font-size:1.3em;margin-bottom:7%;line-height:1.3;margin-left:4%;margin-right:4%}@media (max-width: 768px){.unj,.deuxj,.troisj{font-size:1.1em;line-height:1.3}.quatrej{font-size:1.1em;line-height:1.3}.unsn,.deuxsn,.troissn{font-size:1.1em;line-height:1.3}.quatresn{font-size:1.1em;line-height:1.3}}.intertitrej1{margin-top:3%;margin-bottom:3%;font-size:2em;text-align:center}.titresite{margin-bottom:0.01em;font-size:4em;color:#ff3f00;margin-top:7.5%;font-weight:bold}.titresitemobile{margin-bottom:0.01em;font-size:1.7em;color:#ff3f00;margin-top:10%;font-weight:bold}@media (min-width: 768px){.navbar-nav>li>a{font-size:1.7em;font-weight:bold;color:orange}}.icon-cards{position:relative;width:60vw;height:40vw;max-width:380px;max-height:250px;margin:0;color:white;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-origin:center;transform-origin:center}@media (min-width: 591px){.icon-cards__content{height:400px}}@media (max-width: 590px){.icon-cards__content{height:130%}}.icon-cards__content{position:absolute;width:100%;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-30vw) rotateY(0);transform:translateZ(-30vw) rotateY(0);-webkit-animation:carousel 10s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards;animation:carousel 10s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards}.icon-cards__content.step-animation{-webkit-animation:carousel 8s infinite steps(1) forwards;animation:carousel 8s infinite steps(1) forwards}.icon-cards__item{position:absolute;left:0;right:0;bottom:0;width:60vw;max-width:390px;-webkit-transform-origin:center;transform-origin:center}.icon-cards__item:nth-child(1){background-image:url("http://www.jerry-art-gallery.com/wp-content/uploads/2020/07/Maryline-1.png");background-repeat:no-repeat;-webkit-transform:rotateY(0) translateZ(35vw);transform:rotateY(0) translateZ(35vw);background-position-x:center;background-position-y:center}.icon-cards__item:nth-child(2){background-image:url("http://www.jerry-art-gallery.com/wp-content/uploads/2020/07/Dame-2.png");background-repeat:no-repeat;-webkit-transform:rotateY(120deg) translateZ(35vw);transform:rotateY(120deg) translateZ(35vw);background-position-x:center;background-position-y:center}.icon-cards__item:nth-child(3){background-image:url("http://www.jerry-art-gallery.com/wp-content/uploads/2020/07/1-1.png");background-repeat:no-repeat;-webkit-transform:rotateY(240deg) translateZ(35vw);transform:rotateY(240deg) translateZ(35vw);background-position-x:center;background-position-y:center}@-webkit-keyframes carousel{0%,17.5%{-webkit-transform:translateZ(-35vw) rotateY(0);transform:translateZ(-35vw) rotateY(0)}27.5%,45%{-webkit-transform:translateZ(-35vw) rotateY(-120deg);transform:translateZ(-35vw) rotateY(-120deg)}55%,72.5%{-webkit-transform:translateZ(-35vw) rotateY(-240deg);transform:translateZ(-35vw) rotateY(-240deg)}82.5%,100%{-webkit-transform:translateZ(-35vw) rotateY(-360deg);transform:translateZ(-35vw) rotateY(-360deg)}}@keyframes carousel{0%,17.5%{-webkit-transform:translateZ(-35vw) rotateY(0);transform:translateZ(-35vw) rotateY(0)}27.5%,45%{-webkit-transform:translateZ(-35vw) rotateY(-120deg);transform:translateZ(-35vw) rotateY(-120deg)}55%,72.5%{-webkit-transform:translateZ(-35vw) rotateY(-240deg);transform:translateZ(-35vw) rotateY(-240deg)}82.5%,100%{-webkit-transform:translateZ(-35vw) rotateY(-360deg);transform:translateZ(-35vw) rotateY(-360deg)}}@-webkit-keyframes jelly{from{-webkit-transform:scale(1, 1);transform:scale(1, 1)}30%{-webkit-transform:scale(1.25, 0.75);transform:scale(1.25, 0.75)}40%{-webkit-transform:scale(0.75, 1.25);transform:scale(0.75, 1.25)}50%{-webkit-transform:scale(1.15, 0.85);transform:scale(1.15, 0.85)}65%{-webkit-transform:scale(0.95, 1.05);transform:scale(0.95, 1.05)}75%{-webkit-transform:scale(1.05, 0.95);transform:scale(1.05, 0.95)}to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes jelly{from{-webkit-transform:scale(1, 1);transform:scale(1, 1)}30%{-webkit-transform:scale(1.25, 0.75);transform:scale(1.25, 0.75)}40%{-webkit-transform:scale(0.75, 1.25);transform:scale(0.75, 1.25)}50%{-webkit-transform:scale(1.15, 0.85);transform:scale(1.15, 0.85)}65%{-webkit-transform:scale(0.95, 1.05);transform:scale(0.95, 1.05)}75%{-webkit-transform:scale(1.05, 0.95);transform:scale(1.05, 0.95)}to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}.imagejerry{margin-top:7%;width:80%}.imagejerry2{margin-top:15%;width:35%}.imagejerrymobile{width:50%}@media (min-width: 768px){.grid-container{display:grid;grid-template-columns:25% 50% 25%}}@media (max-width: 767px){.grid-container{visibility:hidden;display:none}}@media (min-width: 767px){.grid-container-mobile{visibility:hidden;display:none}}.deuxiemeheader{text-align:center;margin-top:7.5%}.premierheader{text-align:center}.troisiemeheader{text-align:center}.deuxiemeheadermobile{text-align:center;margin-top:7.5%}.premierheadermobile{text-align:center;margin-top:10%}hr{height:25px;background-color:orange;width:100%}.navbar-default{background-color:white !important;border-color:white !important}.navbar-default .navbar-nav>.active>a{background-color:white !important}.navbar-default .navbar-nav>li>a{color:orange !important}@media (max-width: 768px){.navbar-default .navbar-nav>li>a{font-size:1.3em;font-weight:bold;margin-left:35%}}.adresseheader{font-size:1.5em;line-height:1.3}.adresseheadermobile{font-size:1.2em;line-height:1.3}@media (min-width: 768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:auto;margin-left:auto;width:550px}}@media (min-width: 591px){.containd{height:500px}}@media (max-width: 590px){.containd{height:300px}}.containd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vertical-center h3{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:300px;padding:20px;text-align:center}@media (max-width: 590px){.icon-cards__item{top:-50px}}@media (min-width: 591px){.icon-cards__item{top:-140px}}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:orange !important}ul .dropdown-menu{font-size:1.5em;width:195%;padding:5%}#zo .owl-item{-webkit-animation:scale 40s linear infinite;animation:scale 40s linear infinite;width:100%;height:auto;top:0;bottom:0;left:0;right:0;margin:auto;display:block}@-webkit-keyframes scale{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes scale{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}footer{color:black;text-align:center;margin-bottom:1.5%;display:block}footer li a{color:#ff5722;text-decoration:none;font-size:1.3em;font-weight:bold}footer li{list-style-type:none}footer li a:hover{color:black;text-decoration:none}#footer-widget{margin-top:10%}

/*# sourceMappingURL=style.css.map */

.imageSN{margin-left:18%;width:70%;}
.videoSN{margin-right:18%;width:60%;}
.texteSN{font-size:120%;}
@media (min-width: 1167px){.grid-Sylv{margin-left:0.5%; display:grid; grid-template-columns:30% 37% 32%;}}
@media (max-width: 1166px){.grid-Sylv{display:none;visibility:hidden;}}
@media (min-width: 1167px){.grid-Sylv-mob{display:none;visibility:hidden;}}
@media (min-width: 1167px){.Sylv-mob{display:none;visibility:hidden;}}
@media (max-width: 1166px){#grid-Sylv-mob{display:grid; grid-template-columns:50% 50%;}}

    
pre, fieldset, input, textarea, table, table *, hr {
    border-color: transparent!important; color:black;
}

@media (min-width: 768px){.mentionslegales{margin-left:25%; margin-right:25%; font-size:110%;line-height: 1.5;}}
@media (max-width: 767px){.mentionslegales{margin-left:10%; margin-right:10%; font-size:100%;line-height: 1;}}

.navbar-default .navbar-nav>.open>a{background-color: white;}
.navbar-default .navbar-toggle .icon-bar{background-color:white !important;}
.navbar-default .navbar-toggle{border-color:white !important;}

@media (max-width: 767px){.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{background-color: white !important;}
}



.tcarole{font-size:1.6em;text-align:center;margin-top:25px;font-weight:bold;margin-top:2%;margin-bottom:1%;}
.CSG{margin-top:1%;font-size:1.2em;margin-left:15%;margin-right:15%;margin-bottom:30px;line-height: 1.5;margin-bottom:2%;}
.TSN{font-size:2em;text-align:center;margin-top:25px;font-weight:bold;margin-top:1%;margin-bottom:3%;}

@media (max-width: 768px){
.wpcf7 #Personal-Details, .wpcf7 #Education, .wpcf7 #Profession, .wpcf7 #To-Teach, .wpcf7 #Timings, .wpcf7 #Colscol, .wpcf7 #Upload {
height:auto;
padding: 20px;
}
#Teacher-column #left {
width: 100%;
float: none;
margin-bottom: 20px;
}

.input-text, input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
width: 100%;
}

span.wpcf7-list-item {
display: block;
margin: 20px 0 0 1em;
}

.wpcf7 #Upload p{
line-height:21px;
}
}

footer li{display:inline-block;margin-left:1.5%;}

.wpcf7 form .wpcf7-response-output{margin-top:0!important;margin-bottom:0!important;}
.wpcf7 form .wpcf7-response-output {margin-left:17%;margin-right:17%;}
.wpcf7 form.sent .wpcf7-response-output {background-color:#46b450;}
@media (max-width: 1024px){div.wpcf7{background-size:cover;}}
@media (max-width: 1024px){#zoslide{visibility:hidden;display:none;}}
@media (min-width: 1500px){.sylmob{visibility:hidden;display:none;}}
@media (max-width: 1499px){.sylmob{margin-bottom:2%;margin-left:2%;margin-right:2%;}}
@media (max-width: 1499px){.sylmobimg{margin-bottom:2%;margin-left:2%;margin-right:2%;width:50%; margin-left:25%;margin-right:25%;margin-top:1%;}}
@media (min-width: 1500px){.sylmobimg{visibility:hidden;display:none;}}
.rl-gallery-item-title{text-align:center;}

.sylvmobi{margin-left:0.5%; display:grid; grid-template-columns:33.33% 33.33% 33.33%;margin-bottom:2%;}
@media (max-width: 1499px){.sylvmobi{visibility:hidden;display:none;}}
.wp-block-video video {max-width: 85%!important;}

@media (max-width: 1499px){.grandegalerie{visibility:hidden;display:none;}}
@media (min-width: 1500px){.petitegalerie{visibility:hidden;display:none;}}
@media (min-width: 1500px){.grandegalerie{margin-bottom:2%;}}
@media (max-width: 1499px){.petitegalerie{margin-bottom:2%;}}
@media (max-width: 1499px){.sylmobile{margin-bottom:2%;margin-left:2%;margin-right:2%;margin-top: -7%;}}
@media (min-width: 1500px){.sylmobile{visibility:hidden;display:none;}}

.rl-gallery .rl-gallery-link .rl-gallery-caption {
   position: relative!important; 
   bottom: inherit!important;}
   
@media (max-width: 767px){.tourne{transition:0.6s;}}