@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:100%;}
html, button, input, select, textarea{font-family:sans-serif;}
body{margin:0;}
a:focus{outline:thin dotted;}
a:active, a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;font-weight:lighter;}
h2{ font-size: medium; margin: 0.83em 0; text-align: left; font-weight: lighter; text-align: justify;
    max-width: 800px;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;}
h3{ font-size: medium; margin: 0.83em 0; text-align: center; font-weight: lighter; }
h4{font-size:1em;margin:1.33em 0;}
h5{font-size:0.83em;margin:1.67em 0;}
h6{font-size:0.75em;margin:2.33em 0;}
abbr[title]{border-bottom:1px dotted;}
mark{background:#ff0;color:#000;}
p, pre{margin:1em 0;}
q{quotes:none;}
q:before, q:after{content:'';content:none;}
small{font-size:75%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl, menu, ol, ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
menu, ol, ul{padding:0 0 0 40px;}
nav ul, nav ol{list-style:none;list-style-image:none;}
img{border:0;max-width:100%;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:#c0c0c0 solid 1px;margin:0 2px;padding:0.35em 0.625em 0.75em;}
button, input{line-height:normal;}
button[disabled], input[disabled]{cursor:default;}
input[type="search"]{box-sizing:content-box;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
body{ margin: 0 auto; font-family: 'Open Sans', sans-serif;}
body { background-color: white;}
.bg {max-width: 100%; height: auto; top: 0px; margin-right: auto; margin-left: auto; display: block; }
.imgMascotte {max-width: 500px; width: 100%; height: auto; top: 0px; margin-right: auto; margin-left: auto; display: block; }
.lesArtistes { max-width: 600px; width: 90%; margin-right: auto; margin-left: auto; }
.textePresentation { max-width: 600px; width: 90%; margin-right: auto; margin-left: auto; text-align: justify; }
.texteBoxShadow { max-width: 600px; margin-right: auto; margin-left: auto; display: block; box-shadow: -2px 2px 0 1px #000000; background-color: #202020; color: #e1853f; font-weight: bold; padding-top: 1em; padding-bottom: 1em; }
#page {max-width: 1280px;margin: 0 auto;}
#header { width: 100%; margin: 0; padding: 0; background-color: #da4e22; color: #ffffff; text-align: center; height: auto; }
#header h1 { color: #ffffff; margin-top: -0.1em; margin-bottom: -0.2em; padding-bottom: 10px; padding-top: 10px;}
#header p{ margin-top: -1.5em; }
#navigation { background-color: rgb(0,255,255); }
#contentfull { max-width: 1000px; width: 95%; margin-right: auto; margin-left: auto; padding-right: 1em; padding-left: 1em; }
.contentfull { max-width: 1000px; width: 95%; margin-right: auto; margin-left: auto; padding-right: 1em; padding-left: 1em; }
#contentfull a{ color: #FFF; line-height: 26px; padding-left: 5px; padding-right: 5px;text-decoration: none; width: auto; }
#contentfull a:hover,nav a:active{ box-shadow: -1px 1px 2px 1px #da4e22; background-color: #da4e22; color: #FFF; }
#contentfull li{display:inline;}
#contentfull li a{box-sizing:border-box;}
#contentfull li:last-child a{border-right:0;}
#contentfull ul{margin:0 auto;padding:0;text-align:center;width:auto;}
#contentfull .active{background-color: #eb6200;color:#FFF;}
#contentfull img{ text-align: center; display: block; max-width: 95%; height: auto; margin-right: auto; margin-left: auto; }
#contentfullNoir { max-width: 1000px; background-color: rgb(0,0,0); width: 95%; margin-right: auto; margin-left: auto; padding-right: 1em; padding-left: 1em; }
#contentfullNoir img{ text-align: center; display: block; max-width: 90%; height: auto; margin-right: auto; margin-left: auto; }
#content { float: left; width: 100%; margin: 0 0 20px 0; padding: 0;}
#content .bloc {padding: 1em; }
.sidebar { float: left; margin: 0 0 20px 1%; padding: 0; }
#bar1 { width: 35%; background-color: #f4f0e2; padding: 0.5em; font-size: x-small; }
#bar1 h3 { color: #eb6200; }
#bar2 { width: 16%; background-color: #181518; color: rgb(255,255,255); font-size: x-small; padding: 0.5em; }
#bar2 img{ text-align: center; display: block; margin-right: auto; margin-left: auto; }
#bar3 { width: 95%;color: rgb(0,0,0); font-size: medium; padding: 0.5em; border: 1px solid rgb(153,153,153); }
#bar3 img{ text-align: center; display: block; margin-right: auto; margin-left: auto; }
.orange {color: #eb6200;}
iframe { max-width: 100%; margin-right: auto; margin-left: auto; text-align: center; display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#lien { clear: both; width: 100%; padding: 0; font-size: medium; color: rgb(0,0,0); text-align: center; font-weight: lighter; margin-top: 0; margin-right: 0; margin-bottom: 1em; margin-left: 0; height: auto; text-decoration: none; }
#lien a{ text-decoration: none; border: thin solid rgb(102,102,102); padding: 0.2em; background-color: rgb(255,255,255); }
#lien a:hover { color: rgb(255,255,255); background-color: #eb6200; text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#footer { clear: both; width: 80%; padding: 0; font-size: small; color: rgb(51,51,51); text-align: center; margin-top: 1em; margin-right: auto; margin-bottom: 1em; margin-left: auto; height: auto; }
a { color: rgb(102,102,102); }
a:hover { color: #ffffff; /* [disabled]background-color: #CCCCCC; */ text-decoration: none; }
.imageLeft{float:left;margin-right:1em;}
.imageRight{float:right;margin-left:0.8em;}
.imgCentre{ display: block; margin-right: auto; margin-left: auto; text-align: center; }
.imageUp{float:right;margin-top:-150px;}
.texteLeft{text-align:left;}
.texteCentre{text-align:center;}
.texteRight{text-align:right;padding-right:1em;}
.texteJustify{text-align:justify;line-height:1.4em;}
.texte{ height: auto; width: 80%; margin-right: auto; margin-left: auto; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; color: #666; text-align: center; font-size: x-small; letter-spacing: 0.2em; font-style: italic; margin-top: 0px; }
.texteSmall{font-size:small;}
.texteCentre a{ height: 24px; font-size: medium; line-height: 14px; text-decoration: none; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px;color: #333; cursor: pointer; background-color: #CCCCCC;  }
.texteCentre a:hover{color: #FFF;background: #eb6200; }
.texteBoxShadow { box-shadow: -2px 2px 0 1px #000000; background-color: #b56617; color: #FFF; font-weight: bold; }
.texteBoldItalic { font-style: italic; font-weight: lighter; }
.texteDispo{ max-width: 450px; width: 90%; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(153,153,153); border-right-color: rgb(153,153,153); border-bottom-color: rgb(153,153,153); border-left-color: rgb(153,153,153); text-align: center; display: block; margin-right: auto; margin-left: auto; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; padding-top: 1em; padding-bottom: 1em; }
.fondCouleur { background-color : #e6ebea; padding: 1em; }
.sidecol {float: left;margin: 0 0 20px 1%;padding: 0;}
#col1,#col2,#col3,#col4,#col5,#col6,#col7 { width: 31%; background-color: #B0D243; text-align: center;}
#endCol {clear: both;width: 100%;margin: 0;padding: 0;}
.logoHandicap{ vertical-align: bottom; width: 18px; height: 21px; }
.archives { text-align: center; margin-right: auto; margin-left: auto; background-color: #da4e22; padding-bottom: 0.5em; color: rgb(255,255,255); }
.artistes2017 a{max-width: 450px; width: 90%;box-shadow: 1px 1px 1px 1px rgba(0,0,0,1); font-size: 1.17em; margin-top: 1em; margin-right: auto; margin-bottom: 1em; margin-left: auto; background-color: #f9f8c2; text-align: center; text-decoration: none; display: block; padding: 0.5em; }
.artistes2017 a:hover { color: rgb(255,255,255); background-color: #eb6200; text-decoration: none; }
.artistes2017 a .red {color: #f00;text-shadow: -1px 2px 0px rgba(0, 0, 0, 1);}
.artistes2017 a:hover .red {color: #fff;text-shadow: -1px 2px 0px rgba(0, 0, 0, 1);}

 /* les Briscarts 27*/
.atelier{ -webkit-border-radius: 100%; border-radius: 100%; color: white; background-color: #da4e22; font-weight: bold; padding-top: 0.1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; margin-right: 1em; margin-left: -2em; position: absolute; left: 2.2em; }
.atelierHorsParcours{ /* [disabled]-webkit-border-radius: 50px 50px 50px 50px; *//* [disabled]border-radius: 50%; */ color: rgb(0,0,0); background-color: #FF7E00; font-weight: bold; padding-top: 0.1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; margin-right: 1em; margin-left: -2em; position: absolute; left: 3em; }
.exterieur{ /* [disabled]box-shadow: -1px 1px 2px 1px #666; */ color: rgb(255,255,255); background-color: #da4e22; font-weight: bold; padding-top: 0.1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; margin-right: 0.2em; }

.exterieurG{ /* [disabled]box-shadow: -1px 1px 2px 1px #666; */ color: rgb(255,255,255); background-color: #e8336e; font-weight: bold; padding-top: 0.1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; margin-right: 0.2em; }

.exterieurJ{ /* [disabled]box-shadow: -1px 1px 2px 1px #666; */ color: rgb(255,255,255); background-color: #ec6726; font-weight: bold; padding-top: 0.1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; margin-right: 0.2em; }

.exterieurS{ /* [disabled]box-shadow: -1px 1px 2px 1px #666; */ color: rgb(255,255,255); background-color: #a63264; font-weight: bold; padding-top: 0.1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; margin-right: 0.2em; }

.exterieurL{ /* [disabled]box-shadow: -1px 1px 2px 1px #666; */ color: rgb(255,255,255); background-color: #5da740; font-weight: bold; padding-top: 0.1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; margin-right: 0.2em; }

.flotte { float: right; height: 25px; width: 25px; padding-right: 1em; }
.numbers { color: #707173; font-size: 14px; background-color: #FFF; text-align: center; margin-right: auto; margin-left: auto; display: block; margin-bottom: 0.2em; font-weight: lighter; padding: 0.5em;}
.numbersHandicap { color: #707173;  font-size: 14px; text-align: center; margin-right: auto; margin-left: auto; display: block; margin-bottom: 0.2em; font-weight: lighter; margin-top: 0em; background-image: url(../images/background/LogoH.gif); background-repeat: no-repeat; background-position: 19em; padding: 0.5em; }
.numbersHandicapExt { color: #707173;  font-size: 14px; text-align: center; margin-right: auto; margin-left: auto; display: block; font-weight: bold; margin-top: 0em; background-image: url(../images/background/LogoH.gif); background-repeat: no-repeat; background-position: 19em; }
.numbersExterieur { color:  #707173;   font-size: 14px; background-color: #FFF; text-align: center; margin-right: auto; margin-left: auto; display: block; font-weight: lighter; }
.numbersExterieurHandicap { color: #707173;  font-size: 14px; background-color: #FFF; text-align: center; margin-right: auto; margin-left: auto; display: block; font-weight: bold; margin-top: 0em; background-image: url(../images/background/LogoH.gif); background-repeat: no-repeat; background-position: 16.5em; }
.titre { font-size: small; color: rgb(0,0,0); text-align: center; margin-right: auto; margin-left: auto; background-color: rgb(204,204,204); margin-top: -0.005em; font-weight: lighter;  }
.nom { font-weight: bold; text-align: center; font-size: large; color: #da4e22; }
.numbersLongs { color: #707173; background-color: #FFF; text-align: center; margin-right: auto; margin-left: auto; display: block; margin-bottom: 0.2em; font-weight: bolder; font-size: 14px; padding-top: 0.7em; padding-right: 0.7em; padding-bottom: 0.7em; padding-left: 2em; }
.numbersLongsAtelier{ -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50%; color: rgb(255,255,255); background-color: #E53067; font-weight: bold; padding-top: -1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; margin-right: 1em; margin-left: -2em; position: absolute; left: 46px; font-size: large; top: 5px; }
.lesArtistes { max-width: 900px; width: 98%; margin-right: auto; margin-left: auto; font-weight: 900; color: #da4e22; text-align: center; font-size: x-large; padding-top: 1em;}
.lesArtistesHorsParcours { max-width: 900px; width: 98%; margin-right: auto; margin-left: auto; font-weight: bolder; color: #B00527; text-align: center; font-size: x-large; padding-top: 0em; background-color: rgb(204,204,204); border: thin solid rgb(0,255,0); font-family: "Arial Black", Gadget, sans-serif; }
.loupe {cursor: zoom-in;}


/*28*/
.bg {max-width: 100%; height: auto; top: 0px; margin-right: auto; margin-left: auto; display: block; }
#anciensParcours{ color: #423233; text-align: center; font-size: large; letter-spacing: 0.1em; font-weight: bold; width: 100%; height: 30px; background-color: #fff; }
.vernissageTexte{ color: #FFF; font: bolder 36px "Arial Black", Gadget, sans-serif; background: #da4e22; text-align: center; margin-right: auto; margin-left: auto; }
#plan{ margin-right: auto; margin-left: auto; text-align: center; height: auto; width: auto; font-size: large; padding-top: 10px; }
#plan a{ color: #FFF; background: #EE7338; padding: 5px; }
#plan a:hover{ color: #FFF; background: #da4e22; }
.lesArtistes { max-width: 750px; width: 90%; margin-right: auto; margin-left: auto; text-align: center; }
/*28*/




@media screen and (max-width:1000px) {
#col1,#col2,#col3,#col4,#col5,#col6,#col7{ width: 31%;}
.sidecol {float: left;margin: 0 0 20px 1%;padding: 0;}
}
@media screen and (max-width:1000px) {
#col1,#col2,#col3,#col4,#col5,#col6,#col7{ width: 31%;font-size: small; }
.sidecol {float: left;margin: 0 0 20px 1%;padding: 0;}
}
@media screen and (max-width:700px) {
#bar1,#bar2 {clear: both;width: 95%;}
#content {clear: both;width: 100%;}
#content .bloc {margin: 0;}
.noSmartphone{display:none;}
.yesSmartphone{display: block;}
}
@media screen and (max-width:640px) {
#col1,#col2,#col3,#col4,#col5,#col6,#col7 { clear: both; width: 95%; margin-right: auto; margin-left: auto; font-size: large; }
.sidecol {float: left;margin: 0 0 20px 1%;padding: 0;}
}
@media screen and (max-width:1000px) {
#bar1{ /* [disabled]width: 37%; */ }
#bar2 { width: 37%;}
.sidebar {float: left;margin: 0 0 20px 1%;padding: 0;}
}
@media screen and (max-width:540px) {
#bar1,#bar2 {clear: both;width: 100%;}
.sidebar {float: left;margin: 0 0 20px 1%;padding: 0;}
#content {clear: both;width: 100%;}
#content .bloc {margin: 0;}
}
input, textarea{border:1px solid #cccccc;padding:7px 10px 7px 10px;font-size:large;color:#000000;border-radius:3px;}
.form { width: 90%; max-width: 600px; margin-right: auto; margin-left: auto; }
.none{display:none;}
.required_info{font-size:small;margin:1em 0;}
.required_info span{color:#f00;}
.inputText{ width: 90%; height: auto; border: 1px solid #cccccc; padding: 7px; margin-right: auto; margin-left: auto; display: block; background-color: #ededed; }
.inputTextarea{ width: 90%; height: 250px; border: 1px solid #cccccc; padding: 7px; margin-right: auto; margin-left: auto; display: block; background-color: #ededed; }
.contact_form .inputText.error_class{border:3px solid #933;}
.contact_form .inputTextarea.error_class{border:3px solid #933;}
.contact_form label{ margin-right: 0.5em; font-size: small; font-weight: lighter; }
.contact_form label span{color:#f00;}
.question_box{border:1px solid #9ac1fa;background:#dbeefe;color:#4180cf;border-radius:5px;padding:8px 10px;line-height:22px;margin-bottom:10px;}
.success_box{border:1px solid #a4cb8b;background:#e9fedb;color:#488e1b;border-radius:5px;padding:8px 10px;line-height:22px;margin-bottom:10px;}
.attention_box{border:1px solid #f2c779;background:#fff8c4;color:#ed7c18;border-radius:5px;padding:8px 10px;line-height:22px;margin-bottom:10px;}
.error_box{ border: 3px solid #933; background: #CCC; color: #d93e39; border-radius: 5px; padding: 8px 10px; line-height: 22px; margin-bottom: 10px; text-align: center; }
label{margin:0 0 5px 0;font-size:small;font-weight:bold;cursor:pointer;display:block;}
label span{color:#dc4b46;}
.comments_form{margin:20px -20px 0 0;}
.comments_form input{width:169px;}
.comments_form textarea{height:140px;width:590px;}
.comments_form{max-width:100%;}
.comments_form .comment_wrap{float:left;margin:0 20px 20px 0;}
.comments_form .comment_wrap:nth-child(3n){margin-right:0;}
.comments_form .textarea_wrap{clear:both;}
a.button{ height: auto; display: inline-block; text-decoration: none; font-size: medium; margin-top: 0; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; }
a.button.large{height:24px;padding:11px 10px 0 10px;font-size:medium;line-height:14px;}
a:hover.button{}
a:hover.button.large{}
a.button.green{ color: #333; cursor: pointer; background-color: #CCCCCC; margin-right: auto; margin-left: auto; text-align: center; display: block; max-width:300px; }
a:hover.button.green{color: #FFF;background: #eb6200; }
@media only screen and (max-width:480px){.inputText{width:90%;}
.inputTextarea{width:90%;height:70px;}
.submit{margin:0;}
input, textarea{border:1px solid #cccccc;padding:7px 10px 7px 10px;font-size:x-large;color:#000000;border-radius:3px;}
}
#scrollTop{border: thin solid #999; border-radius: 50%; bottom: 20px; color: #333; cursor: pointer; font-family: Verdana, Geneva, sans-serif; font-size: 40px; height: 40px; position: fixed; right: 5px; text-align: center; width: 40px; z-index: 5; text-decoration: none; }
#scrollTop:hover{background:#eb6200;border-style:none;color:#fff;}
.wrapper{margin:0 auto;position:relative;width:940px;}
#main{min-height:500px;padding-top:20px;}
#filter-container{margin-bottom:60px;margin-left:-5px;padding-left:5px;padding-top:5px;width:965px;}
#filter-container figure{ box-shadow: 0 0 2px 0 #9C9C9C; background: #FFF; float: left; height: 550px; margin-bottom: 6%; margin-right: 20px; width: 300px; position: relative; }
#filter-container figure figcaption{ text-align: center; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-size: 80%; }
#filter-container figure figcaption .age{font-style:italic;color:#999;text-align:center;position:absolute;bottom:-15px;margin-right:auto;margin-left:auto;display:block;width:300px;}
#filter-container figure figcaption .heading{ color: #444; display: block;transition: all .3s ease; text-align: center; }
#filter-container figure figcaption .readmore{display:block;margin:10px 0;}
#filter-container a{ font-weight: lighter; color: rgb(0,0,0); }
.cf:after{clear:both;}
.cf:after,.cf:before{content:"";display:table;}
@media only screen and (max-width:991px){
.wrapper{width:650px;margin-right:auto;margin-left:auto;text-align:center;}
#filter-container{width:650px;margin-right:auto;margin-left:auto;}
}
@media only screen and (max-width:900px){
#scrollTop{display:none;}
}
@media only screen and (max-width:800px){
.imageLeft{float:left;}
}
@media only screen and (max-width:800px){
.smartphone{visibility:visible;display:inline;}
.desktop{visibility:hidden;display:none;}
.info{visibility:hidden;display:none;}
.noSmartphone{display:none;}
.slideIn{font-size:large;}
}
@media only screen and (max-width:700px){
h1{font-size:1.5em;margin:0.67em 0;font-weight:lighter;}
#header p{ font-size: small; }
}
@media only screen and (min-width:320px) and (max-width:650px){.wrapper{width:300px;margin-right:auto;margin-left:auto;}
#filter-container{width:300px;}
#filter-container figure{margin-right:auto;float:none;margin-left:auto;}
}
@media only screen and (max-width:640px){.projet h2{margin-top:1.5em;margin-right:1.5em;margin-left:1.5em;line-height:1.1;}
}
@media only screen and (max-width:400px){
.smartphone a{color:#000000;background-color:#CCC;padding:0.2em;font-size:x-large;font-weight:bold;}
#sousTitre{font-family:Arial, Helvetica, sans-serif;color:#ce723f;font-size:small;text-align:center;width:auto;margin-right:auto;margin-left:auto;margin-bottom:0.2em;position:relative;bottom:0.7em;font-weight:100;}
.titreCaps{font-size:large;}
.pageTexteCentre{font-size:large;text-align:left;}
#scrollTop{display:none;}
}

.vente-cartes{
  width: auto;
  height: 100%;
  margin: auto;
  margin-top: 5%;
  margin-bottom: 5%;
  padding: 3%;
  background-color: #da4e22;
}

.vente-cartes p{
  margin: auto;
  width: 70%;
  color: white;
  text-align: center;
}

.Arial{
  font-family: "Arial black", sans-serif;
}

.social-media-icon > img{
    width: 60px;
}