/*
ROUGE Bc000
BEIGE FFCC9A
black gold B59410
*/

html,body{height:100%}
h1,h2,h3,h4,h5,h6{word-wrap:break-word}

#modalEv{color:#000}

#site{min-height:100%;
overflow-x:hidden;}

.obj-center{display:flex;
justify-content:center;
align-items:center;
align-content:center}

@media (max-width:767px){
.nowrap-phone{white-space:nowrap}}

.kfcounter:after{content:attr(data-unit);
position:absolute;top:0;
font-size:50%}

.lfmap{overflow:hidden;
max-width:100%}

.tw-lflnk:hover{cursor:text}

#topic{margin:0 auto}

.navbar {margin:0}.navbar .nav{margin-right:0}

.navbar-inner{border-style:none;
background:none;
filter:alpha(opacity=100)}

.navbar-inner

.container-fluid{margin:0;
padding:0}

.carousel-inner

.fade-trans>

.item{-webkit-transition:opacity 0.7s ease-in-out;-moz-transition:opacity 0.7s ease-in-out;-o-transition:opacity 0.7s ease-in-out;transition:opacity 0.7s ease-in-out;left:0 !important}.carousel-inner.fade-trans>.next.left,.carousel-inner.fade-trans>.prev.right{opacity:1;z-index:1}.carousel-inner.fade-trans>

.active

.left,

.carousel-inner

.fade-trans>

.active.right{opacity:0;
z-index:2}
.nav .dropdown
.dropdown-menu
li{position:relative;z-index:999}
legend{color:inherit}

#mainmenu li
.dropdown.open>
.dropdown-toggle{background-color:transparent}

#mainmenu li>
a{text-shadow:none}

#toolbar li>
a{text-shadow:none}

#logo:hover{text-decoration:none}

.posrel{position:relative}.album_nav_btn_shd{text-shadow:0 0 6px #000}.album_nav_btn{position:absolute;top:30%;opacity:0.4}

.album_nav_btn:hover{opacity:0.9}

.album_nav_btn2{opacity:0.4;margin:0 4px 16px 4px}

.album_nav_btn2:hover{opacity:0.9}

#calendar{margin:16px 0 16px;
border:1px solid rgba(0,0,0,.2);
border-radius:8px}

.cal-nav{margin-top:8px}.cal-vline:not(.rtl){border-right:1px solid rgba(0,0,0,.2)}.cal-vline.rtl{border-left:1px solid rgba(0,0,0,.2)}.cal-hline{border-bottom:1px solid rgba(0,0,0,.2)}
.cal-sunday{background-color:rgba(0,0,0,.1)}
.cal-today{background-color:rgba(255,0,0,.1)}
.cal-header{background-color:rgba(0,0,0,.05)}
.cal-cell{}

.cal-clickable-cell:hover{cursor:pointer;
outline:5px solid rgba(0,0,0,.5)}

.ui-daterange-sel{background:#0088cc}

#button-cart{background-size:24px 24px!important}.ggmap img{max-width:none}.pobj img{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.pobj,input,select,textarea{max-width:100%}

.tw-para{overflow:hidden;
word-wrap:break-word}

.gallery-idx li{display:inline}
.tw-badge-tl{position:absolute;
left:0;
top:0;
max-width:30%}

.tw-badge-tr{position:absolute;
right:0;
top:0;
max-width:30%}

ul.mpv_pics{margin:0}
ul.mpv_pics li{list-style:none}
ul.mpv_thb{margin:0}
ul.mpv_thb li{list-style:none;
display:inline}
ul.mpv_thb li img{border:1px solid rgba(0,0,0,.3);
max-width:48px;
margin:2px}
ul.mpv_thb li img:hover{filter:alpha(opacity=75);
opacity:.75;
border:1px solid rgba(0,0,0,.7)}

.wrapper-with-intrinsic-ratio{position:relative;
height:0}

.element-to-stretch{position:absolute;
top:0;
left:0;
width:100%;
height:100%}

.thumbnail{padding:0}
.thumbnail>a{display:inline-block;
width:100%;
text-align:center}
@media (max-width:767px){body{padding-left:0;padding-right:0} }
@media (max-width:480px){ .hidden-phone480{display:none !important}}
@media (max-width:480px){ .block480{display:block !important}}
img.anim-zoom{transform:scale(0.9);-webkit-transform:scale(0.9);-ms-transform:scale(0.9);-moz-transform:scale(0.9);
transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s}

img.anim-zoom:hover{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1)}img.anim-tilt-l{transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-ms-transform:rotate(5deg);-moz-transform:rotate(-5deg);
transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s}

img.anim-tilt-l:hover{transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0)}

img.anim-tilt-r{transform:rotate(5deg);-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);-moz-transform:rotate(5deg);
transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s}img.anim-tilt-r:hover{transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0)}img.anim-bump-up{position:relative;top:0;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s}img.anim-bump-up:hover{top:-4px}img.anim-bump-down{position:relative;top:0;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s}img.anim-bump-down:hover{top:4px}img.anim-360{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s}img.anim-360:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg)}img.anim-fade-in{opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s}img.anim-fade-in:hover{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100)}@keyframes fade{from{opacity:0}}@-webkit-keyframes fade{from{opacity:0}}@keyframes fadeUp{from{transform:translateY(.25em);opacity:0}}@-webkit-keyframes fadeUp{from{transform:translateY(.25em);opacity:0}}@keyframes fadeDown{from{transform:translateY(-.25em);opacity:0}}@-webkit-keyframes fadeDown{from{transform:translateY(-.25em);opacity:0}}@keyframes fadeLeft{from{opacity:0;transform:translateX(.5em)}to{transform:translateX(0%)}}@-webkit-keyframes fadeLeft{from{opacity:0;transform:translateX(.5em)}to{transform:translateX(0%)}}@keyframes fadeRight{from{opacity:0;transform:translateX(-.5em)}to{transform:translateX(0%)}}@-webkit-keyframes fadeRight{from{opacity:0;transform:translateX(-.5em)}to{transform:translateX(0%)}}@keyframes slideUp{from{transform:translateY(100%);opacity:0}}@-webkit-keyframes slideUp{from{transform:translateY(100%);opacity:0}}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}}@-webkit-keyframes slideDown{from{transform:translateY(-100%);opacity:0}}@keyframes slideLeft{from{transform:translateX(100%);opacity:0}}@-webkit-keyframes slideLeft{from{transform:translateX(100%);opacity:0}}@keyframes slideRight{from{transform:translateX(-100%);opacity:0}}@-webkit-keyframes slideRight{from{transform:translateX(-100%);opacity:0}}@keyframes zoomIn{from{transform:scale(0.8);opacity:0}}@-webkit-keyframes zoomIn{from{transform:scale(0.8);opacity:0}}@keyframes zoomOut{from{transform:scale(1.2);opacity:0}}@-webkit-keyframes zoomOut{from{transform:scale(1.2);opacity:0}}@keyframes flipV{from{transform:rotateY(180deg);opacity:0}}@-webkit-keyframes flipV{from{transform:rotateY(180deg);opacity:0}}@keyframes flipH{from{transform:rotateX(180deg);opacity:0}}@-webkit-keyframes flipH{from{transform:rotateX(180deg);opacity:0}}@keyframes skewLeft{from{transform:skewX(30deg);opacity:0}}@-webkit-keyframes skewLeft{from{transform:skewX(30deg);opacity:0}}@keyframes skewRight{from{transform:skewX(-30deg);opacity:0}}@-webkit-keyframes skewRight{from{transform:skewX(-30deg);opacity:0}}

button,label{font-family:Verdana,'Overlock SC',cursive;
font-size:15px;}

#cityselect > a{color:#B59410;
border-style:none;}

#main-carousel{box-shadow:none;
border-radius:0;
margin-bottom:0;
border-style:solid;
margin-top:16px;
text-shadow:none;
border-width:0px;
border-color:hsla(0,0%,0%,5.75);}

#logo{font-size:70px;
text-shadow:none;
position:relative;
top:0px;
padding-top:60px;
padding-left:180px;
text-transform:capitalize;
color:hsl(0,0%,20%);
font-weight:bold;
background:#FFFFFF url(../../img-haut/bandosite.gif) no-repeat left top;
background-size:contain;}
//no-repeat en 177
// 556px en 173


#toolbar1
.navbar-inner{border-radius:0;
box-shadow:none;
position:relative;
z-index:10;
padding-top:24px;
margin-bottom:4px;
padding-left:100%;
padding-right:100%;
border-style:solid;
border-width:0 0 2px;
margin-left:-100%;
margin-right:-100%;
border-color:hsl(0,0%,87%);
background:hsla(0,0%,86%,0) url(bandosite-2.gif) repeat-y  left top;}

#button-cart{background-position:left center;
border-radius:86px 86px 86px 86px;
background:transparent url(cart-icon.png) no-repeat  8px center;
margin:4px 0 0 0;padding:8px 4px 8px 0;}

#cityselect{padding-top:10px;
padding-left:75px;}

#searchbox{}#toolbar2

.navbar-inner{border-radius:0;
box-shadow:none;
max-width:900px;
padding-top:0;
padding-bottom:0;
margin-left:-100%;
margin-right:-100%;
padding-left:100%;
padding-right:100%;
border-style:none;}

#site{font-family:Verdana,'Overlock SC',cursive;
font-size:15px;
color:hsl(0,0%,20%);
background-image:url(../../img/fond-theatre_tv.png);
background-size: cover;
background-attachment: fixed;
font-weight:700;
line-height:1.7;
vertical-align:top;}

#content{border-radius:0;
box-shadow:none;
border-style:none;
padding-top:8px;}

#sharebox img{padding-right:8px;
padding-top:1px;}

#mainmenu
.active > a{box-shadow:0 0 10px 0 hsla(0,100%,66%,0.5);
border-radius:0 0 19px 19px;
background:none;
background-color:#000000;
color:#FFFFFF;} // ACCUEIL
// hsla(0,100%,66%,0.5) #FDECE1
// hsl(0,0%,100%)

.tw-para h2{text-transform:capitalize;
font-weight:normal;}

#logo #logo-sl{position:relative;
top:8px;font-size:13px;}

#sharebox{margin-top:9px;}

.gallery-idx a > img{margin-right:12px;
margin-bottom:12px;
margin-left:12px;
border-width:1px;
border-radius:10px 10px 10px 10px;
border-style:solid;
border-color:hsl(257,0%,75%);}

.gallery-idx a > img:hover{box-shadow:0 0 5px 0.1px hsl(257,0%,59%);}

#top-sb{padding-left:8px;
padding-right:8px;
box-shadow:none;}

#logfat{box-shadow:none;
padding-top:16px;
padding-bottom:10px;
border-radius:0;

background:none;
background-color:hsl(0,0%,87%);
margin-left:-100%;
margin-right:-100%;
padding-left:100%;
padding-right:100%;
border-style:solid;
border-width: 0 0 8px;
border-color:hsl(0,0%,55%);}

#footerfat{box-shadow:none;
padding-top:16px;
padding-bottom:10px;
border-radius:0;
color:hsl(0,0%,100%);
background:none;
background-color:hsl(0,0%,16%);
margin-left:-100%;
margin-right:-100%;
padding-left:100%;
padding-right:100%;
border-style:solid;
border-width:8px 0 0;
border-color:hsl(0,0%,87%);}

#footersmall{box-shadow:none;
margin-left:-100%;
margin-right:-100%;
padding-left:100%;
padding-right:100%;padding-top:8px;
background:none;
background-color:hsl(0,0%,87%);}

#footersmall {}

#foot-sec1{padding-left:8px;
padding-right:8px;}

h1{margin-bottom:0;
border-radius:0;
padding-bottom:4px;
padding-top:4px;
box-shadow:none;
text-shadow:none;
padding-left:8px;
padding-right:8px;}

.frm-simple1{border-width:1px;
border-style:solid;
border-color:#FDECE1;
padding-top:1px;
padding-right:1px;
padding-bottom:1px;
padding-left:1px;}
// hsl(257,0%,70%)

.frm-simple2{border-style:solid;
border-width:1px;
border-color:hsl(257,0%,70%);
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;}

.frm-drop-shadow{box-shadow:1px 1px 10px 0 hsl(257,0%,0%);}

.frm-thin-border{background:none;
background-color:hsl(0,0%,100%);
box-shadow:1px 1px 10px 0 hsl(257,0%,0%);
padding-bottom:2px;padding-right:2px;
padding-top:2px;
padding-left:2px;}

.frm-wide-border{background:none;
background-color:hsl(0,0%,100%);
padding-top:6px;
padding-right:6px;
padding-bottom:6px;
padding-left:6px;
box-shadow:2px 2px 15px 0 hsl(257,0%,0%);}

.frm-polaroid{background:none;
background-color:hsl(0,0%,100%);
padding-top:4px;
padding-right:4px;padding-bottom:24px;
padding-left:4px;
border-width:1px;
border-style:solid;
border-color:hsl(257,0%,70%);
border-radius:0;}

.frm-rounded{border-radius:24px 24px 24px 24px;}

.tw-para

.pobj

.obj-before{margin-bottom:16px;}

.tw-para
.pobj.float-l{margin-bottom:16px;
margin-right:16px;}

.tw-para
.pobj
.float-r{margin-left:16px;
margin-bottom:16px;}

.tw-para
.pobj
.obj-after{margin-top:16px;}

#footerfat
.tw-para{margin-top:0;
padding-left:8px;
padding-right:8px;
font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;
font-weight:normal;}

.humbnail >

.caption > h3,.thumbnail >

.caption >

h3 >

a{font-size:100%;
line-height:1.4;}

.thumbnail{box-shadow:none;
border-style:none;
border-radius:5px 5px 5px 5px;
background:none;
background-color:hsl(257,0%,92%);}

.thumbnail > .caption{border-width:1px 0 0;
border-color:#FDECE1;
border-style:solid;}
// hsl(257,0%,92%)
// FDECE1

#footersmall

#foot-sec2{padding-left:4px;
padding-right:4px;}

.tw-price{font-weight:bold;
font-size:150%;}

.tw-price

.striked{text-decoration:line-through;
font-weight:normal;
font-size:100%;}

table.shopcart td{border-width:1px;
border-color:hsl(257,0%,87%);
border-style:solid;
padding-left:4px;
padding-right:4px;}

table.shopcart th,
table.shopcart td.total{border-style:solid;border-width:1px;border-color:hsl(257,0%,87%);}

#co_currsteptitle{border-style:none;}
.sc-order-hinfo{border-width:1px;border-color:hsl(257,0%,87%);
border-style:solid;
padding-left:8px;
padding-right:8px;}

#toolbar3

.navbar-inner{box-shadow:none;
z-index:10;border-radius:0;
background:none;
background-color:#B59410;
border-color:hsl(0,0%,87%);
font-style:normal;
text-decoration:none;}
//hsl(0,0%,20%) NOIR LATTERAL

#main-carousel .carousel-inner, #main-carousel .carousel-inner > .item > img{box-shadow:none;border-radius:0;}
#logo
#logo-rt{color:hsl(0,100%,38%);
text-shadow:none;
transform:rotate(-5deg);
font-size:20px;}

#mainmenu > li > a:hover, #mainmenu .dropdown-toggle:hover, #mainmenu li.dropdown.open>

.dropdown-toggle{color:#FFCC9A;
box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);}
// hsl(336,100%,69%) SURVOL

footer{margin-left:auto;margin-right:auto;}

#topic{border-radius:0;
box-shadow:none;}

#page{box-shadow:none;
background-color: #FFFFFF;
max-width:940px;
margin-left:auto;
margin-right:auto;}

#toolbar3_l{border-style:none;
box-shadow:none;
padding-left:8px;
color:hsl(0,100%,90%);
text-decoration:inherit;
text-shadow:none;}

#mainmenu > li, #mainmenu .dropdown-toggle{font-size:15px;}

#top-content{padding-left:8px;padding-right:8px;border-radius:0;padding-top:8px;}

#top-contentzero{padding-left:0px;padding-right:0px;border-radius:0;padding-top:0px;}

#toolbar1_r{padding-right:8px;}#toolbar3_r{padding-right:8px;padding-top:8px;}

#mainmenu > li > a, #mainmenu .dropdown-toggle{text-transform:uppercase;padding-top:16px;padding-bottom:16px;box-shadow:none;
color:hsl(0,0%,87%);}

#button-cart:hover{background:none;
background-color:hsla(0,0%,100%,0.25);}

#button-cart > span{padding:0 8px 0 40px;}
.tw-para{padding-bottom:8px;}

.tw-para .ptext{font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;
font-weight:normal;}

.lettrine:first-letter {
  font-family:Verdana,'Overlock SC',cursive;
  font-size:4.5em;
  font-weight:bold;
  margin:0;
  padding-top:0px;
  padding-right:0.2em;

  float:left;
  color:#c00000;
}

.tw-para a:not(.btn):not(.tw-lflnk):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.leaflet-popup-close-button):not(.fiche):not(.lienfooter):not(.blanc):not(.noir){color:#B59410;} // hsl(24,100%,50%) Couleur des liens


A.fiche:link { COLOR: #000000; TEXT-DECORATION: none;}
A.fiche:active {COLOR: #000000; TEXT-DECORATION: underline;}
A.fiche:visited { COLOR: #000000; TEXT-DECORATION: none;}
A.fiche:hover {COLOR: #000000; TEXT-DECORATION: underline;}

A.rub:link { COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.rub:active {COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.rub:visited { COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.rub:hover {COLOR: #FFFFFF; TEXT-DECORATION: none;}

A.blanc:link { COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.blanc:visited { COLOR: #FFFFFFF; TEXT-DECORATION: none;}
A.blanc:active {COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.blanc:hover {COLOR: #FFFFFF; TEXT-DECORATION: none;}

A.noir:link { COLOR: #000000; TEXT-DECORATION: none;}
A.noir:visited { COLOR: #000000; TEXT-DECORATION: none;}
A.noir:active {COLOR: #000000; TEXT-DECORATION: none;}
A.noir:hover {COLOR: #000000; TEXT-DECORATION: none;}

A.lienfooter:link {
    COLOR: #FFFFFF; TEXT-DECORATION: none;
}
A.lienfooter:visited {
    COLOR: #FFFFFF; TEXT-DECORATION: none;
}
A.lienfooter:active {
    COLOR: #FFFFFF; TEXT-DECORATION: underline;
}
A.lienfooter:hover {
    COLOR: #FFFFFF; TEXT-DECORATION: underline;
}

A.blanc:link { COLOR: #FFFFFF; TEXT-DECORATION: none; }
A.blanc:visited { COLOR: #FFFFFF; TEXT-DECORATION: none; }
A.blanc:active { COLOR: #FFFFFF; TEXT-DECORATION: none; }
A.blanc:hover { COLOR: #FFFFFF; TEXT-DECORATION: none; }


.fichetitre { text-transform:uppercase; }

.blancrouge {
text-transform:uppercase;
background-color: #B59410;
color: #FFFFFF;
}

.blancnoir {
text-transform:uppercase;
background-color: #000000;
color: #FFFFFF;
}



#footersmall a{color:#000000;}
// hsl(24,100%,50%) FFCC9

button.btn[data-toggle='collapse']{color:hsl(0,100%,50%);}button.btn[data-toggle='collapse']:hover{box-shadow:none;}

#mainmenu ul.nav li.dropdown:hover > ul.dropdown-menu {margin:0;
display: block;}

.hdate {position:relative;left:48px;
text-rendering:auto;
width:-moz-calc(100% - 48px);
width:-webkit-calc(100% - 48px);
width:calc(100% - 48px)
;min-height:44px;}

.hdate:before {content:attr(data-hday);
position:absolute;
left:-48px;
background:rgb(234,234,234);
color:#B59410;
text-align:center;
font-size:20px;
width:40px;
height:24px;
line-height:24px;
vertical-align:bottom;
padding:0;
border-top-left-radius:6px;
border-top-right-radius:6px;
box-shadow:2px 2px 2px rgb(178,178,178);}
// rgb(77,77,77)

.hdate:after {content:attr(data-hmonth);
position:absolute;
left:-48px;
top:20px;
background:rgb(234,234,234);
background:linear-gradient(to bottom,rgb(234,234,234),rgb(176,176,176));
color:rgb(77,77,77);
text-align:center;
font-size:11px;
width:40px;
height:16px;
line-height:16px;
padding:0 0 1px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
box-shadow:2px 2px 2px rgb(178,178,178);}

.doughnut-legend li span,
.pie-legend li span,
.polararea-legend li span {display:block;
width:1.11em;
height:1.11em;
border-radius:1.11em;
float:left;
margin-top:0;
margin-right:8px;}

.line-legend li span,
.bar-legend li span,
.radar-legend li span{line-height: 1em;
padding:0;
padding-right:1em;
margin:0;
margin-right:8px;}

.doughnut-legend,
.pie-legend,
.polararea-legend, .line-legend,
.bar-legend,
.radar-legend {list-style:none;
font-size:85%;
margin:0;
padding:0;
margin-top:8px;}

.doughnut-legend li,
.pie-legend li,
.polararea-legend li {margin-bottom:4px;
line-height:1em;
position:relative;
z-index:1;}

.line-legend li,
.bar-legend li,
.radar-legend li {margin-bottom:4px;
line-height:1.4em;
position:relative;
z-index:1;}

.chart-legend-value {display:inline-block;
float:left;
width:3em;
text-align:right;
margin-right:8px;
line-height:1em;}

.toTop{position:fixed;
display:none;
right:1em;
bottom:1em;}

.toBottom{position:absolute;
cursor:pointer;
bottom:4px;
left:calc(50% - 1.56em);}

.toBottom i{color:#000;
text-shadow:none;}

.toTop,
.toBottom{z-index:5000;
text-decoration:none;
color:#000;
cursor:pointer;
background-color:rgba(165,165,165,0.50);
padding:0.7em;
border-radius:6px;}

.toTop:hover,.toBottom:hover{background-color:#FDECE1;} // rgba(255,255,255,0.60)

.toTopLink{color:#000;}
.tw-parallax{background-size:cover;
background-repeat:no-repeat;
background-position:center;}

.tw-parallax ol,
.tw-parallax ul{display:inline-table}
.tw-parallax>*{z-index:1}
.tw-fullvh>.ptext{text-align:center;}

@media only screen and (max-device-width:1024px){
.tw-bkgfixed{background-attachment:scroll}}

@media only screen and (min-device-width:1025px){
.tw-bkgfixed{background-attachment:fixed}}

.tw-flex{justify-content:center;
display:flex;
flex-direction:column;}

.tw-wtxt{color:#fff}

.tw-btxt{color:#000}

.tw-fullvh{height:100vh;
text-align:center}

@media only screen and (max-width:480px){
.tw-fullvh{height:auto}}

.max-width{width:100%}

.max-field-width{width:calc(100% - 15px)}

.max-filebtn-width{width:calc(100% - 38px)}

@media (max-width:767px){#FilenameUploadProxyEdit{width:calc(100% - 38px)}
.form-horizontal #FilenameUploadProxyEdit{width:calc(100% - 218px)}}

@media (max-width:480px){
.form-horizontal #FilenameUploadProxyEdit{width:calc(100% - 38px)}}

.hint-after{display:block;
font-size:80%;
padding-bottom:10px}

.hint-before{padding-top:0;
display:block;
line-height:20px;
font-size:80%}

.form-horizontal
.hint-before{padding-top:6px}
.form-horizontal .hint-after{padding-bottom:0}
.form-horizontal .input-append{width:calc(100%)}
.form-auto,
.form-mini,
.form-small,
.form-normal,
.form-large,
.form-xlarge,
.form-xxlarge,
.form-hauto,
.form-hmini,
.form-hsmall,
.form-hnormal,
.form-hlarge,
.form-hxlarge,
.form-hxxlarge{margin-left:auto;
margin-right:auto;}
.form-hmini{width:264px;}
.form-mini{width:84px}
@media (max-width:297px){.form-mini,.form-hmini{width:auto}}

.form-hsmall{width:294px;}
.form-small{width:114px}
@media (max-width:327px){.form-small,.form-hsmall{width:auto}}
.form-hmedium,
.form-hauto{width:340px;}
.form-medium,
.form-auto{width:160px}
@media (max-width:373px){.form-normal,.form-auto,.form-hmedium,.form-hauto{width:auto}}
.form-hnormal{width:410px;}
.form-normal{width:230px}
@media (max-width:443px){.form-normal,.form-hnormal{width:auto}}
.form-hlarge{width:414px;}
.form-large{width:234px}
@media (max-width:447px){.form-large,.form-hlarge{width:auto}}
.form-hxlarge{width:474px;}
.form-xlarge{width:294px}
@media (max-width:507px){.form-xlarge,.form-hxlarge{width:auto}}
.form-hxxlarge{width:734px;}
.form-xxlarge{width:558px}
@media (max-width:767px){.form-xxlarge,.form-hxxlarge{width:auto}}
.range-min,.range-max{display:inline-table;
opacity:.4;
width:5px;
padding-top:5px;
margin-bottom:5px;
line-height:20px}

.range-bar{display:inline-flex}
.form-actions{margin-top:10px;
padding-left:0;
background:transparent}

.form-horizontal
.form-actions{margin-top:0}
@media (max-width:480px){.form-horizontal .form-actions{padding-left:0}.form-horizontal .hint-before{padding-top:0}}

.range-value{width:4em;
padding-top:5px;
margin-bottom:5px;line-height:20px}

.range-min{margin-right:.5em}

.range-max{margin-left:.5em}.toc-article{padding-bottom:4px}.cols2{}
@media(min-width:764px){.colcount2{-webkit-column-count:2;-moz-column-count: 2;column-count:2;}}

.toc-article li {margin-left:2em}
.mpnav-prevnext-btns{list-style-type:none;
margin:0}.mpnav-prevnext-btns li{display:block}

#mpnav-bottom{padding-bottom:6px;}
.twtt{position:relative;
padding-left:0em} //1em

// .twtt:before{content:attr(data-before);
// position:absolute;
// top:0;left:0;}

.img-wrapper {width:100%;
position:relative;
margin-top:3px;}

.ribbon-wrapper {width:85px;
height:88px;
overflow:hidden;
position:absolute;
top:-3px;right:-3px;}

.ribbon {cursor:default;
font:bold 15px Sans-Serif;
text-align:center;
transform:rotate(45deg);
box-shadow:0 0 3px rgba(0,0,0,0.3);
position:relative;
padding:7px 0;left:-5px;
top:15px;
width:120px;}

.ribbon:before,
.ribbon:after{content:"";
border-left:3px solid transparent;
border-right:3px solid transparent;
position:absolute;
bottom:-3px;}

.ribbon:before{left:0;}

.ribbon:after{right:0;}

.ribbon-AFEE5B{background-color:#AFEE5B;
background-image:linear-gradient(to bottom,#AFEE5B,#83B244);
color:#000000;
text-shadow:1px 1px #ffffff;}

.ribbon-AFEE5B:before,
.ribbon-AFEE5B:after{border-top:3px solid #698E36;}

.pointille_bas_rouge {
 border-bottom:4px dotted #B59410;
}

.pointille_bas_rouge_fdFFCC9A {
 background-color:#FFCC9A;
 border-bottom:1px dashed #B59410;
}

.pointille_bas_rouge_fd808080 {
 background-color:#808080;
 border-bottom:1px dashed #B59410;
}

.encadre_gris_pointille_bas {
 background-color:#F4F4F4;
 border-top:4px solid #000000;
 border-bottom:4px dotted #B59410;
}

.encadre_jaune_pointille_bas {
 background-color:#FFFFC4;
 border-bottom:4px dotted #B59410;
}

.encadre_rouge_pointille_bas {
 background-color:#B59410;
 border-bottom:4px dotted #FFFFFF;
}

.box_uni_B59410 {
 background-color:#B59410;
 font:Bold 14px Arial;
 color:#FFFFFF;
 padding:6px 0 6px 0;
}

.distribution {
border-width:0px 0px 0px 4px;
 border-style:solid;
 border-color:#c00000;
 padding:0 0 0 10px;
 }

.image {
background-size: cover;
width: 100%;
height: 300px;
}

.image img {
display: none;
}

.post-it {
padding: 2%;
background-color: #ffffa5;
box-shadow: 2px 4px 6px #444;
-moz-box-shadow: 2px 4px 6px #444;
-webkit-box-shadow: 2px 4px 6px #444;
transform: rotate(2deg);
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
border-bottom-right-radius: 60px 10px;
}

.boxperso_jaune {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/PIE.htc);
  background-color: #ffffa5;
}

.boxperso_bleu {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/PIE.htc);
  background-color: #87CEEB;
}

.boxperso_rose {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/PIE.htc);
  background-color: #FFB6C1;
}

.boxperso_vert {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/PIE.htc);
  background-color: #90EE90;
}





.float_right {
float:right;
}

.float_left {
float:left;
}

.roundedImage{
    overflow:hidden;
    -webkit-border-radius:300px;
    -moz-border-radius:100%;
    border-radius:300px;
    width:70px;
    height:70px;
    border: 1px solid #006699;
}

.roundedImage100{
    overflow:hidden;
    -webkit-border-radius:300px;
    -moz-border-radius:100%;
    border-radius:300px;
    width:200px;
    height:200px;
    border: 1px solid #006699;
}

.roundedImage50{
    overflo:hidden;
    -webkit-border-radius:300px;
    -moz-border-radius:100%;
    border-radius:300px;
    width:50px;
    height:50px;
    border: 1px solid #006699;
}

.bouton1 {
  padding:6px 0 6px 0;
  font:Bold 13px Arial;
  background:#B59410;
  color:#fff;
  width:90px;
  border-radius:4px;
  border:1px solid #ccc;
}

.bouton2 {
  padding:6px 0 6px 0;
  font:bold 13px Arial;
  background:#f5f5f5;
  color:#B59410;
  border-radius:4px;
  width:90px;
  border:1px solid #ccc;
  cursor: pointer;
}

.bouton3 {
  padding:6px 0 6px 0;
  font:Bold 25px Arial;
  background:#B59410;
  color:#fff;
  width:90px;
  border-radius:4px;
  border:1px solid #ccc;
  cursor: pointer;
}

.bouton4 {
  padding:6px 0 6px 0;
  font:bold 25px Arial;
  background:#f5f5f5;
  color:#B59410;
  border-radius:4px;
  width:90px;
  border:1px solid #ccc;
  cursor: pointer;
}

input[type=submit]{
                 width: 40px;
                 background: #B59410;
                 color: #fff;
                 font-family: tahoma,geneva,algerian;
                 height: 30px;
                 -webkit-border-radius: 15px;
                 -moz-border-radius: 15px;
                 border-radius: 15px;
                 border: 1px solid #999;
             }

/* Outer */
.popup {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  background:rgba(0,0,0,0.75);
}

/* Inner */
.popup-inner {
  max-width:700px;
  width:90%;
  padding:40px;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
  background:#fff;
}

/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.8);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  font-color:#FFFFFF;
  text-align:center;
  line-height:100%;
  color:#fff;
}

.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
  text-decoration:none;
}

div#success {
    text-align: center;
    box-shadow: 1px 1px 5px #455644;
    background: #bae8ba;
    padding: 10px;
    border-radius: 3px;
    margin: 0 auto;
    width: 350px;
}

.inputBox {
    width: 100%;
    margin: 5px 0px 15px 0px;
    border: #dedede 1px solid;
    box-sizing: border-box;
    padding: 15px;
}

.info {
    color: #d30a0a;
    letter-spacing: 2px;
    padding-left: 5px;
}

#send {
    background-color: #B59410;
    border: 1px solid #B59410;
    font-family: Arial;
    color: white;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}

.msg_err {
  font-family:Arial, Sans-Serif;
  font-size:15px;
  color:#FF0000;
  font-weight: bold;
}

.msg_valid {
  font-family:Arial, Sans-Serif;
  font-size:15px;
  color:#008000;
  font-weight: bold;
}

.input-error {
    border: #e66262 1px solid;
}

/* LOGIN */
/* Button used to open the contact form - fixed at the bottom of the page */
.open-button-login {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup-login {
  display: none;
  position: fixed;
  top: 0;
  right: 15px;
  border: 0px solid #f1f1f1;
  max-width: 300px;
  width: 300px;
  z-index:9;
}

/* Add styles to the form container */
.form-container-login {

  padding: 10px;
  background-color: white;
}

/* Add styles to the form container */
.form-container-loginpage {
  width: 100%;
  padding: 10px;
  background-color: white;

}

/* Full-width input fields */
.form-container-login input[type=text], .form-container-login input[type=password], .form-container-login input[type=file], .form-container-login input[type=date], .form-container-login input[type=url], .form-container-login input[type=email], .form-container-login input[type=number], .form-container-login input[type=tel], .form-container-login textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container-login input[type=text]:focus, .form-container-login input[type=password]:focus, .form-container-login input[type=file]:focus, .form-container-login input[type=url]:focus, .form-container-login input[type=number]:focus, .form-container-login input[type=tel]:focus, .form-container-login textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button #4CAF50 */
.form-container-login .btn-login {
  background-color: #B59410;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button : red */
.form-container-login .cancel-login {
  background-color: #000000;
}

/* Add some hover effects to buttons */
.form-container-login .btn-login:hover, .open-button-login:hover {
  opacity: 1;
}
/* FIN LOGIN */

/* INPUT FILES https://www.creativejuiz.fr/blog/tutoriels/input-file-personnalise-css-js */
.input-file-container {
  position: relative;
  width: 100%;
}
.input-file-trigger {
  display: block;
  padding: 14px 45px;
  background: #39D2B4;
  color: #fff;
  text-align: center;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
}
.input-file {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  padding: 14px 0;
  opacity: 0;
  cursor: pointer;
}
 
/* quelques styles d'interactions */
.input-file:hover + .input-file-trigger,
.input-file:focus + .input-file-trigger,
.input-file-trigger:hover,
.input-file-trigger:focus {
  background: #34495E;
  color: #39D2B4;
}
 
/* styles du retour 1 visuel 1 */

.file-return1 {
  margin: 0;
}

/*
.file-return1:not(:empty) {
  margin: 1em 0;
}
*/

.file-return1 {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
/* on compl�te l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
/*
.file-return1:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}
*/

/* styles du retour 2 visuel 2 */
.file-return2 {
  margin: 0;
}
.file-return2:not(:empty) {
  margin: 1em 0;
}
.file-return2 {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
/* on compl�te l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
.file-return2:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}
/* FIN INPUT FILES */









/* MESSAGERIE */
/* Button used to open the contact form - fixed at the bottom of the page */
.open-button-messagerie {
  background-color: #555;
  opacity:0.8;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 100%;
}

/* The popup form - hidden by default */
.form-popup-messagerie {
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:rgba(0,0,0,0.60);

  display: none;
  position: fixed;
  opacity:1;
  z-index:9;
}

/* Add styles to the form container */
.form-container-messagerie {
  position: fixed;
  opacity:1;
  bottom: calc(50% - 140px);
  right: calc(50% - 160px);
  border: 0px solid #f1f1f1;
  overflow-y:scroll;


  max-width: 300px;
  max-height:500px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container-messagerie input[type=text], .form-container-messagerie input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container-messagerie input[type=text]:focus, .form-container-messagerie input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/messagerie button #4CAF50 */
.form-container-messagerie .btn-messagerie {
  background-color: #B59410;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button : red */
.form-container-messagerie .cancel-messagerie {
  background-color: #000000;
}

/* Add some hover effects to buttons */
.form-container-messagerie .btn-messagerie:hover, .open-button-messagerie:hover {
  opacity: 1;
}
/* FIN MESSAGERIE */

.form_erreur {
color: red;
font-family:Arial, Sans-Serif;
font-size:16px;
font-weight: bold;
}

.form_valid {
  color: blue;
  font-family:Arial, Sans-Serif;
  font-size:16px;
  font-weight: bold;
  }

#parent {
        position : relative;
        top: 45px;
}
                
#enfant-avatarcentral {
        position:relative;
        top: -35px;
        left: calc(50% - 35px);
        width : 70px;
        height : 70px;

}

#box_tab1 {
        padding-left: 5px;
        font-size:12px;
        width: calc(100% - 60px);
}

.box_tableau {
  display: flex;
  align-items: flex-start;
  padding: 5px;
  border-bottom:3px dotted #B59410;
}

.box_tableau_contacts {
  display: flex;
  align-items: flex-start;
  padding: 5px;
}

.box_tableau_contacts_lu {
  display: flex;
  align-items: flex-start;
  padding: 5px;
  background: #FDECE1;
}

.box_tableau :first-child {
    align-self: center;
}

/* --------------------------------------------------------------------- */
/* The container CHECKBOX */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  width: 90%;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* --------------------------------------------------------------------- */
/* The container */
.container_radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark_radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark_radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_radio input:checked ~ .checkmark_radio {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark_radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container_radio .checkmark_radio:after {
   top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/* --------------------------------------------------------------------- */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* --------------------------------------------------------------------- */

/* The container must be positioned relative: */
.custom-select {
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99 ;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/* --------------------------------------------------------------------- */

.contacts_pf {
 position: relatuve;
 left: 0;
 width: 100%;
 padding: 0;
 margin: 0;
 border: none;
 height:500px;
 overflow: scroll;
 overflow-x :hidden;
}

.lat_contacts {
  font-family:Arial, Helvetica, Verdana, Sans-Serif;
  font-size:12px;
  font-color:#000000;
  text-align:left;
  color:#000000;
}

/* --------------------------------------------------------------------- */
/* Ajax formulaire */

/*
#inscription {
    color:#333;
    border:0px solid  #AAA;
    border-radius:10px;
    padding:0 2em 2em 2em;
    max-width:100%;
    margin:2em auto;
}
*/

#inscription p {
    margin:auto;
    padding:0;
}

#inscription legend {
    font-size:1.5em;
}

#inscription .info_result {
    display:none;
    margin-top:1.5em;
}

/*
#inscription input[type=submit] {
    display:block;
    width:98%;
    max-width:250px;
    height:2em;
    margin:0 auto 0 auto;
    font-size:1.5em;
    color:#333;
    border-radius:5px;
    cursor:pointer;
    background:#EFEFEF;
}
*/

#inscription input[type=submit] {
  display:block;
  background-color: #B59410;
  color: white;
  padding: 26px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.8;
  border-radius: 0px;
  }

.form_inscription, .form_avatar {
    display:block;
    max-width:250px;
    margin:auto;
}

.form_inscription label {
    display:block;
    font-weight:bold;
    margin:1em auto 0 auto;
}

.form_inscription input {
    width:98%;
    font-size:1em;
}

.form_inscription p {
    display:none;
    color:red;
}

.form_avatar .facultatif {
    margin-top:1em;
    display:block;
}

.form_avatar .bouton_fichiers {
    width:100%;
    height:10em;
    padding:0.25em 1em 0.25em 1em;
    font-size:0.8em;
    border-radius:7px;
    border:1px solid #999;
    cursor:pointer;

    background:#fff;
}

.form_avatar input[type=button]:not(.bouton_fichiers) {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:0.8em;
}

.form_avatar p, .reponse_upload p {
    margin:0;
    padding:0;
}

.form_avatar .UpAbci_infosFile {
    margin-top:0.5em;
    display:none;
    font-size:0.8em;
    border-top:1px solid #ccc;
    word-wrap:break-word;
}

.form_avatar .UpAbci_infosFile progress {
    /*width:100px;*/
}

.form_avatar .reponse_upload :first-of-type {
    border-top:none;
}

.form_avatar .UpAbci_imgPreview {
    position:relative !important; /*point d'attache des crops. Doit être en relatif pour que le crop puisse se positionner relativement à ce bloc*/
    margin-top:1em;
}

/* met une croix à la place du pointeur sur l'image de prévisualisation */
.form_avatar .UpAbci_imgPreview img, .imgareaselect-outer {
    cursor:Crosshair;
}

.form_avatar .UpAbci_infosFichier_NavObs {
    font-size:0.8em;
    word-wrap:break-word;
}

/* pour navigateurs obsolètes */
.file_ok{
    color:green;
    font-weight:bold;
}

.file_fail{
    color:red;
}

.server_fail {
    color:red;
    font-weight:bold;
}

h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.5em;
    color:#666;
    margin:2em auto 1em auto;
}

.sun-core {
  width: 200px;
  height: 200px;
  background-color: #FFD700;
  border-radius: 50%;
  box-shadow: 0 0 15px #FFD700;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 7em; /* Augmente la taille du texte */
}