@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/cdv2xxe.css");
html { font-size:100%; }
/*BDY*/
body {
	background: url(images/bkgd_pause.jpg) top center fixed no-repeat;
	background-size:cover;
	font-family: museo-sans, sans-serif;
    font-weight: 300;
    font-style: normal;font-size:18px;
}
/*BLS*/
a {  font-weight:bold; text-decoration: none;color:#0F1114; }
a:hover { text-decoration: none; }
article {background: #F9F9F9; }
div, button, span ,p, a { vertical-align: top; }
button {cursor: pointer; }
button:disabled {opacity:0.1; }
b { font-weight:900}
ul {list-style: none; margin:5px 0px; padding:5px}
h1, h2, h3, h4, h5 {  font-family: museo-sans-rounded, sans-serif; font-weight: 900; font-style: normal; }
.btn, .btn .btn-secondary { background:#111111; } 
.btn:hover, .btn .btn-secondary:hover { background:#CC0605; } 
h1, h2, h3, h4, h5 {  font-family: museo-sans-rounded, sans-serif; font-weight: 900; font-style: normal; }

footer {
	background:url(images/bois.jpg) top center repeat-y;
}
input {
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

/*IDS*/
/*#contenu_principal { position:absolute;left:100px;margin-top: 5px;margin-bottom: 90px; padding: 10px 5px;display:none}
#contenu_principal_egs { position:absolute; padding:10px; }*/
#menu_top { position:fixed; padding:5px;top:0px;left:10px; background:transparent;color:#111111;height:95%;width:80px;display:none}
#bandeau_rouge { position:fixed; padding:10px;top:0px;right:10px; background:#ECDCBB;color:#FFF;height:95%;width:80px;box-shadow:4px 4px 8px #555555}
code { color:#327000; }
footer { position:fixed;bottom:0px;left:0px;width:100%;z-index:9999}
/**/
.img_menu { cursor:pointer;  }
.cache_btn { height:40px; overflow:hidden; width:50Px;display:inline-block}
.ftb-ab { font-family: Arial black;}
.ft-900 { font-weight: 900;}
/*CLS*/
.color_blanc { color:#F9F9F9; }
.color_bleu { color:#ccdeff; }
.color_bleu_facebook { color:#3e5b99; }
.color_grey { color:#EEE; }
.lk_grey:hover { color:#DDDDDD; }
.color_dark { color:#0F1114; }
.color_noir { color:#010101; }
.color_rouge { color:#D31B15; }
.lk_rouge:hover { color:#D31B15; }
.lk_orange:hover { color:#EC9864; }
.color_orange, .color_violet { color:#EC9864; }
.color_vert { color:#327000; }
.color_jaune { color:#D8C623; }
/**/
.fond_atelier { background:#FDC605; }
.color_atelier { color:#FDC605; }
.fond_animation { background:#892B81; }
.color_animation { color:#892B81; }
.fond_insertion { background:#107BC0; }
.color_insertion { color:#107BC0; }
.fond_vegetalisation { background:#95C122; }
.color_vegetalisation { color:#95C122; }
/**/
.fond_dark_btn { background:radial-gradient(#777777 20%,#111111 80%)  }
.fond_creme_btn { background:radial-gradient(#ead1b6 20%,#c5987b 80%)  }
.fond_tspt { background:transparent !important; }
.fond_blanc { background:#F9F9F9; }
.fond_bdx_1 { background: linear-gradient(150deg, rgb(153,53,11), rgb(75,23,2)) fixed; }
.fond_bleu_1 { background:#002934; }
.fond_bleu_2 { background:#748993; }
.fond_dore_1 { background:#A1A562; }
.fond_dore_2 { background:#E3E1D9; }
.color_bleu_1 { color:#002934; }
.color_bleu_2 { color:#748993; }
.color_dore_1 { color:#A2A57A; }
.color_dore_2 { color:#E3E1D9; }
.fond_fff { background:#FFFFFF; }
.fond_noir { background:#000000; }
.fond_violet { background:#000000; }
.fond_ruche { background:#000000 url(images/bkgd_ruche.png) top center; }
.fond_lecteur { background:#000000 url(images/fond_lecteur.jpg) top center; }
.fond_noir_1920 { background:#000000 url(images/fond_noir_1920.jpg) top center; }
.fond_argent { background:#000000 url(images/fond_argent.jpg) top center; }
.fond_ardoise { background:url(images/fond_ardoise.jpg) top left; }
.fond_bleu { background:#ccdeff; }
.fond_grey { background:#EEE; }
.fond_dark_grey { background:#555555; }
.fond_mi_grey { background:#DDD; }
.fond_dark { background:#0F1114; }
.fond_dg_dark { background:linear-gradient( to bottom,#0F1114,#444444); }
.fond_orange { background:#EC9864; }
.fond_rouge { background:#D31B15; }
.fond_argent { background: #222 url(images/fond_argent.jpg) top center no-repeat; }
.fond_vert{ background:#327000; }
.fond_vert_lecteur{ background:#c6ff6c; }
.panneaux_blanc { background:url("images/bg_panneaux.jpg") top center; }
/**/
.fond_bois {background:url(images/bois.jpg) top center repeat-y;}
.bdr-creme {
    border-top:2px solid #d4c8b2;
    border-left:2px solid #cab99f;
    border-right:2px solid #cab99f;
    border-bottom:2px solid #b19f89;
}
.bdr_argent_1 { border-top: 2px solid #BBBBBB; border-left: 2px solid #BBBBBB;border-bottom: 2px solid #999999; border-right: 2px solid #999999;}
/**/
.ovfn { overflow:hidden; }
.barre_bas { border-bottom:2px dashed #DDDDDD; }
.mgn-n { margin:0px; }
.pdg-n { padding:0px; }
.h20 { height:20px;}
.szw_50 { width:50px;}
.szw_100 { width:100px;}
.szw_80 { width:80px;}
.szh_50 { height:50px;}
.szh_100 { height:100px;}
.h5 { height:5px;}
.mgnr-1p { margin-right: 1%; }
.mgnr-2p { margin-right: 2%; }
.mgnr-5 { margin-right: 5px; } .mgnr-10 { margin-right: 10px; } .mgnr-15 { margin-right: 15px; } .mgnr-20 { margin-right: 20px; } .mgnr-25 { margin-right: 25px; } .mgnr-30 { margin-right: 30px; } .mgnr-35 { margin-right: 35px; } .mgnr-40 { margin-right: 40px; } .mgnr-45 { margin-right: 45px; } .mgnr-50 { margin-right: 50px; } .mgnr-55 { margin-right: 55px; }
/**/
.mgnl-5 { margin-left: 5px; } .mgnl-10 { margin-left: 10px; } .mgnl-15 { margin-left: 15px; } .mgnl-20 { margin-left: 20px; } .mgnl-25 { margin-left: 25px; } .mgnl-30 { margin-left: 30px; } .mgnl-35 { margin-left: 35px; } .mgnl-40 { margin-left: 40px; } .mgnl-45 { margin-left: 45px; } .mgnl-50 { margin-left: 50px; } .mgnl-55 { margin-left: 55px; }
/**/
.mgnt-5 { margin-top: 5px; } .mgnt-10 { margin-top: 10px; } .mgnt-15 { margin-top: 15px; } .mgnt-20 { margin-top: 20px; } .mgnt-25 { margin-top: 25px; } .mgnt-30 { margin-top: 30px; } .mgnt-35 { margin-top: 35px; } .mgnt-40 { margin-top: 40px; } .mgnt-45 { margin-top: 45px; } .mgnt-50 { margin-top: 50px; } .mgnt-55 { margin-top: 55px; }
/**/
.mgnb-5 { margin-bottom: 5px; } .mgnb-10 { margin-bottom: 10px; } .mgnb-15 { margin-bottom: 15px; } .mgnb-20 { margin-bottom: 20px; } .mgnb-25 { margin-bottom: 25px; } .mgnb-30 { margin-bottom: 30px; } .mgnb-35 { margin-bottom: 35px; } .mgnb-40 { margin-bottom: 40px; } .mgnb-45 { margin-bottom: 45px; } .mgnb-50 { margin-bottom: 50px; }
/**/
/**/
.bdr-tb-5 { padding-top: 5px;  padding-bottom: 5px;margin-top: 5px;  margin-bottom: 5px;border-top: 2px solid #CCC;  border-bottom: 2px solid #CCC; } .bdr-tb-10 { padding-top: 10px;  padding-bottom: 10px;margin-top: 10px;  margin-bottom: 10px;border-top: 2px solid #CCC;  border-bottom: 2px solid #CCC; } .bdr-tb-15 { padding-top: 15px;  padding-bottom: 15px;margin-top: 15px;  margin-bottom: 15px;border-top: 2px solid #CCC;  border-bottom: 2px solid #CCC; } .bdr-tb-20 { padding-top: 20px;  padding-bottom: 20px;margin-top: 20px;  margin-bottom: 20px;border-top: 2px solid #CCC;  border-bottom: 2px solid #CCC; } .bdr-tb-25 { padding-top: 25px;  padding-bottom: 25px;margin-top: 25px;  margin-bottom: 25px;border-top: 2px solid #CCC;  border-bottom: 2px solid #CCC; }
/**/
.bdr-b-10 { padding-top: 10px;  padding-bottom: 10px;margin-top: 10px;  margin-bottom: 10px; border-bottom: 2px solid #555; } .bdr-b-15 { padding-top: 15px;  padding-bottom: 15px;margin-top: 15px;  margin-bottom: 15px; border-bottom: 2px solid #555; } .bdr-b-20 { padding-top: 20px;  padding-bottom: 20px;margin-top: 20px;  margin-bottom: 20px; border-bottom: 2px solid #555; } .bdr-b-25 { padding-top: 25px;  padding-bottom: 25px;margin-top: 25px;  margin-bottom: 25px; border-bottom: 2px solid #555; } .bdr-b-30 { padding-top: 30px;  padding-bottom: 30px;margin-top: 30px;  margin-bottom: 30px; border-bottom: 2px solid #555; } .bdr-b-35 { padding-top: 35px;  padding-bottom: 35px;margin-top: 35px;  margin-bottom: 35px; border-bottom: 2px solid #555; }
/**/
.bdr-bdsh-5 { padding-top: 5px;  padding-bottom: 5px;margin-top: 5px;  margin-bottom: 5px; border-bottom: 2px dashed #555; } .bdr-bdsh-10 { padding-top: 10px;  padding-bottom: 10px;margin-top: 10px;  margin-bottom: 10px; border-bottom: 2px dashed #555; } .bdr-bdsh-15 { padding-top: 15px;  padding-bottom: 15px;margin-top: 15px;  margin-bottom: 15px; border-bottom: 2px dashed #555; } .bdr-bdsh-20 { padding-top: 20px;  padding-bottom: 20px;margin-top: 20px;  margin-bottom: 20px; border-bottom: 2px dashed #555; } .bdr-bdsh-25 { padding-top: 25px;  padding-bottom: 25px;margin-top: 25px;  margin-bottom: 25px; border-bottom: 2px dashed #555; } .bdr-bdsh-30 { padding-top: 30px;  padding-bottom: 30px;margin-top: 30px;  margin-bottom: 30px; border-bottom: 2px dashed #555; } .bdr-bdsh-35 { padding-top: 35px;  padding-bottom: 35px;margin-top: 35px;  margin-bottom: 35px; border-bottom: 2px dashed #555; }
.bdr-bdsh-10-nog {   padding-bottom: 10px;  margin-bottom: 10px; border-bottom: 2px dashed #555; }
/**/
.pdgv-5 { padding-top: 5px;  padding-bottom: 5px; } .pdgv-10 { padding-top: 10px;  padding-bottom: 10px; } .pdgv-15 { padding-top: 15px;  padding-bottom: 15px; } .pdgv-25 { padding-top: 25px;  padding-bottom: 25px; } .pdgv-30 { padding-top: 30px;  padding-bottom: 30px; } .pdgv-35 { padding-top: 35px;  padding-bottom: 35px; } .pdgv-40 { padding-top: 40px;  padding-bottom: 40px; } .pdgv-45 { padding-top: 45px;  padding-bottom: 45px; } .pdgv-50 { padding-top: 50px;  padding-bottom: 50px; } .pdgv-55 { padding-top: 55px;  padding-bottom: 55px; }
/**/
.pdgt-5 { padding-top: 5px; } .pdgt-10 { padding-top: 10px; } .pdgt-15 { padding-top: 15px; } .pdgt-20 { padding-top: 20px; } .pdgt-25 { padding-top: 25px; } .pdgt-30 { padding-top: 30px; } .pdgt-35 { padding-top: 35px; } .pdgt-40 { padding-top: 40px; } .pdgt-45 { padding-top: 45px; } .pdgt-50 { padding-top: 50px; } .pdgt-55 { padding-top: 55px; } 
/**/
.pdgl-5 { padding-left: 5px; } .pdgl-10 { padding-left: 10px; } .pdgl-15 { padding-left: 15px; } .pdgl-20 { padding-left: 20px; } .pdgl-25 { padding-left: 25px; } .pdgl-30 { padding-left: 30px; } .pdgl-35 { padding-left: 35px; } .pdgl-40 { padding-left: 40px; } .pdgl-45 { padding-left: 45px; } .pdgl-50 { padding-left: 50px; } .pdgl-55 { padding-left: 55px; }
/**/
.pdgb-5 { padding-bottom: 5px; } .pdgb-10 { padding-bottom: 10px; } .pdgb-15 { padding-bottom: 15px; } .pdgb-20 { padding-bottom: 20px; } .pdgb-25 { padding-bottom: 25px; } .pdgb-30 { padding-bottom: 30px; } .pdgb-35 { padding-bottom: 35px; } .pdgb-40 { padding-bottom: 40px; } .pdgb-45 { padding-bottom: 45px; } .pdgb-50 { padding-bottom: 50px; } .pdgb-55 { padding-bottom: 55px; }
/**/
.pdg-5 { padding: 5px; } .pdg-10 { padding: 10px; } .pdg-15 { padding: 15px; } .pdg-20 { padding: 20px; } .pdg-25 { padding: 25px; } .pdg-30 { padding: 30px; } .pdg-35 { padding: 35px; } .pdg-40 { padding: 40px; } .pdg-45 { padding: 45px; } .pdg-50 { padding: 50px; } .pdg-55 { padding: 55px; } 
/**/
.opa-10 {opacity: 1; } .opa-9 {opacity: 0.9; } .opa-8 {opacity: 0.8; } .opa-7 {opacity: 0.7; } .opa-6 {opacity: 0.6; } .opa-5 {opacity: 0.5; } .opa-4 {opacity: 0.4; } .opa-3 {opacity: 0.3; } .opa-2 {opacity: 0.2; } .opa-1 {opacity: 0.1; }
/**/
.no-border{ border:none; } .no-mgn { margin: 0px; } .no-pdg { padding: 0px; }
.t-center { text-align: center; } .t-right { text-align: right; } .t-left { text-align: left; } .t-justify { text-align: justify; }
/**/
.ftb { font-weight:bold; }
/**/
.rot-0 { transform-origin: 50% 50%;transform: rotate(-0deg); } .rot-0n { transform-origin: 50% 50%;transform: rotate(0deg); }.rot-1 { transform-origin: 50% 50%;transform: rotate(-1deg); } .rot-1n { transform-origin: 50% 50%;transform: rotate(1deg); }.rot-2 { transform-origin: 50% 50%;transform: rotate(-2deg); } .rot-2n { transform-origin: 50% 50%;transform: rotate(2deg); }.rot-3 { transform-origin: 50% 50%;transform: rotate(-3deg); } .rot-3n { transform-origin: 50% 50%;transform: rotate(3deg); }.rot-4 { transform-origin: 50% 50%;transform: rotate(-4deg); } .rot-4n { transform-origin: 50% 50%;transform: rotate(4deg); }.rot-5 { transform-origin: 50% 50%;transform: rotate(-5deg); } .rot-5n { transform-origin: 50% 50%;transform: rotate(5deg); }.rot-6 { transform-origin: 50% 50%;transform: rotate(-6deg); } .rot-6n { transform-origin: 50% 50%;transform: rotate(6deg); }.rot-7 { transform-origin: 50% 50%;transform: rotate(-7deg); } .rot-7n { transform-origin: 50% 50%;transform: rotate(7deg); }.rot-8 { transform-origin: 50% 50%;transform: rotate(-8deg); } .rot-8n { transform-origin: 50% 50%;transform: rotate(8deg); }.rot-9 { transform-origin: 50% 50%;transform: rotate(-9deg); } .rot-9n { transform-origin: 50% 50%;transform: rotate(9deg); }.rot-10 { transform-origin: 50% 50%;transform: rotate(-10deg); } .rot-10n { transform-origin: 50% 50%;transform: rotate(10deg); }.rot-11 { transform-origin: 50% 50%;transform: rotate(-11deg); } .rot-11n { transform-origin: 50% 50%;transform: rotate(11deg); }.rot-12 { transform-origin: 50% 50%;transform: rotate(-12deg); } .rot-12n { transform-origin: 50% 50%;transform: rotate(12deg); }.rot-13 { transform-origin: 50% 50%;transform: rotate(-13deg); } .rot-13n { transform-origin: 50% 50%;transform: rotate(13deg); }.rot-14 { transform-origin: 50% 50%;transform: rotate(-14deg); } .rot-14n { transform-origin: 50% 50%;transform: rotate(14deg); }.rot-15 { transform-origin: 50% 50%;transform: rotate(-15deg); } .rot-15n { transform-origin: 50% 50%;transform: rotate(15deg); }.rot-16 { transform-origin: 50% 50%;transform: rotate(-16deg); } .rot-16n { transform-origin: 50% 50%;transform: rotate(16deg); }.rot-17 { transform-origin: 50% 50%;transform: rotate(-17deg); } .rot-17n { transform-origin: 50% 50%;transform: rotate(17deg); }.rot-18 { transform-origin: 50% 50%;transform: rotate(-18deg); } .rot-18n { transform-origin: 50% 50%;transform: rotate(18deg); }.rot-19 { transform-origin: 50% 50%;transform: rotate(-19deg); } .rot-19n { transform-origin: 50% 50%;transform: rotate(19deg); }.rot-20 { transform-origin: 50% 50%;transform: rotate(-20deg); } .rot-20n { transform-origin: 50% 50%;transform: rotate(20deg); }.rot-21 { transform-origin: 50% 50%;transform: rotate(-21deg); } .rot-21n { transform-origin: 50% 50%;transform: rotate(21deg); }.rot-22 { transform-origin: 50% 50%;transform: rotate(-22deg); } .rot-22n { transform-origin: 50% 50%;transform: rotate(22deg); }.rot-23 { transform-origin: 50% 50%;transform: rotate(-23deg); } .rot-23n { transform-origin: 50% 50%;transform: rotate(23deg); }.rot-24 { transform-origin: 50% 50%;transform: rotate(-24deg); } .rot-24n { transform-origin: 50% 50%;transform: rotate(24deg); }.rot-25 { transform-origin: 50% 50%;transform: rotate(-25deg); } .rot-25n { transform-origin: 50% 50%;transform: rotate(25deg); }.rot-26 { transform-origin: 50% 50%;transform: rotate(-26deg); } .rot-26n { transform-origin: 50% 50%;transform: rotate(26deg); }.rot-27 { transform-origin: 50% 50%;transform: rotate(-27deg); } .rot-27n { transform-origin: 50% 50%;transform: rotate(27deg); }.rot-28 { transform-origin: 50% 50%;transform: rotate(-28deg); } .rot-28n { transform-origin: 50% 50%;transform: rotate(28deg); }.rot-29 { transform-origin: 50% 50%;transform: rotate(-29deg); } .rot-29n { transform-origin: 50% 50%;transform: rotate(29deg); }.rot-30 { transform-origin: 50% 50%;transform: rotate(-30deg); } .rot-30n { transform-origin: 50% 50%;transform: rotate(30deg); }.rot-31 { transform-origin: 50% 50%;transform: rotate(-31deg); } .rot-31n { transform-origin: 50% 50%;transform: rotate(31deg); }.rot-32 { transform-origin: 50% 50%;transform: rotate(-32deg); } .rot-32n { transform-origin: 50% 50%;transform: rotate(32deg); }.rot-33 { transform-origin: 50% 50%;transform: rotate(-33deg); } .rot-33n { transform-origin: 50% 50%;transform: rotate(33deg); }.rot-34 { transform-origin: 50% 50%;transform: rotate(-34deg); } .rot-34n { transform-origin: 50% 50%;transform: rotate(34deg); }.rot-35 { transform-origin: 50% 50%;transform: rotate(-35deg); } .rot-35n { transform-origin: 50% 50%;transform: rotate(35deg); }.rot-36 { transform-origin: 50% 50%;transform: rotate(-36deg); } .rot-36n { transform-origin: 50% 50%;transform: rotate(36deg); }.rot-37 { transform-origin: 50% 50%;transform: rotate(-37deg); } .rot-37n { transform-origin: 50% 50%;transform: rotate(37deg); }.rot-38 { transform-origin: 50% 50%;transform: rotate(-38deg); } .rot-38n { transform-origin: 50% 50%;transform: rotate(38deg); }.rot-39 { transform-origin: 50% 50%;transform: rotate(-39deg); } .rot-39n { transform-origin: 50% 50%;transform: rotate(39deg); }.rot-40 { transform-origin: 50% 50%;transform: rotate(-40deg); } .rot-40n { transform-origin: 50% 50%;transform: rotate(40deg); }.rot-41 { transform-origin: 50% 50%;transform: rotate(-41deg); } .rot-41n { transform-origin: 50% 50%;transform: rotate(41deg); }.rot-42 { transform-origin: 50% 50%;transform: rotate(-42deg); } .rot-42n { transform-origin: 50% 50%;transform: rotate(42deg); }.rot-43 { transform-origin: 50% 50%;transform: rotate(-43deg); } .rot-43n { transform-origin: 50% 50%;transform: rotate(43deg); }.rot-44 { transform-origin: 50% 50%;transform: rotate(-44deg); } .rot-44n { transform-origin: 50% 50%;transform: rotate(44deg); }.rot-45 { transform-origin: 50% 50%;transform: rotate(-45deg); } .rot-45n { transform-origin: 50% 50%;transform: rotate(45deg); }.rot-46 { transform-origin: 50% 50%;transform: rotate(-46deg); } .rot-46n { transform-origin: 50% 50%;transform: rotate(46deg); }.rot-47 { transform-origin: 50% 50%;transform: rotate(-47deg); } .rot-47n { transform-origin: 50% 50%;transform: rotate(47deg); }.rot-48 { transform-origin: 50% 50%;transform: rotate(-48deg); } .rot-48n { transform-origin: 50% 50%;transform: rotate(48deg); }.rot-49 { transform-origin: 50% 50%;transform: rotate(-49deg); } .rot-49n { transform-origin: 50% 50%;transform: rotate(49deg); }.rot-50 { transform-origin: 50% 50%;transform: rotate(-50deg); } .rot-50n { transform-origin: 50% 50%;transform: rotate(50deg); }.rot-51 { transform-origin: 50% 50%;transform: rotate(-51deg); } .rot-51n { transform-origin: 50% 50%;transform: rotate(51deg); }.rot-52 { transform-origin: 50% 50%;transform: rotate(-52deg); } .rot-52n { transform-origin: 50% 50%;transform: rotate(52deg); }.rot-53 { transform-origin: 50% 50%;transform: rotate(-53deg); } .rot-53n { transform-origin: 50% 50%;transform: rotate(53deg); }.rot-54 { transform-origin: 50% 50%;transform: rotate(-54deg); } .rot-54n { transform-origin: 50% 50%;transform: rotate(54deg); }.rot-55 { transform-origin: 50% 50%;transform: rotate(-55deg); } .rot-55n { transform-origin: 50% 50%;transform: rotate(55deg); }.rot-56 { transform-origin: 50% 50%;transform: rotate(-56deg); } .rot-56n { transform-origin: 50% 50%;transform: rotate(56deg); }.rot-57 { transform-origin: 50% 50%;transform: rotate(-57deg); } .rot-57n { transform-origin: 50% 50%;transform: rotate(57deg); }.rot-58 { transform-origin: 50% 50%;transform: rotate(-58deg); } .rot-58n { transform-origin: 50% 50%;transform: rotate(58deg); }.rot-59 { transform-origin: 50% 50%;transform: rotate(-59deg); } .rot-59n { transform-origin: 50% 50%;transform: rotate(59deg); }.rot-60 { transform-origin: 50% 50%;transform: rotate(-60deg); } .rot-60n { transform-origin: 50% 50%;transform: rotate(60deg); }
/**/
.swt_ctgs {   font-family: museo-sans-rounded, sans-serif; font-weight: 900; font-style: normal; background:#535353; }
.titre_son {font-family: subway-paris-std, sans-serif;font-size:34px;color:#F9F9F9;font-weight:400; }
.titre_evt {font-family: subway-paris-std, sans-serif;font-size:48px;color:#F9F9F9;font-weight:400; }
.lgn_hor  { display:none; }
.inp_tel { width:150px; text-align: center; maxlength:10}
.inp_C_Com { width:75px; text-align: center; maxlength:5}
.inp-rdo { width:22px; height:22px;}
.sh-box-4 { box-shadow: 2px 2Px 6px #777777; border-bottom:2px solid #CCCCCC;border-top:2px solid #DDDDDD}
.infos_modeles,.listes_mots,.pnx_nv_mod ,.pnx_nv_mot ,.pnx_nv_pdt,.f-d-none { display: none;}
.swt_ctgs { height:55px;padding-top:5px;}
.switch_panneau  { font-size:18px; border: none;background:#222 url(images/fond_ardoise.jpg) bottom center no-repeat; }
.swt_ctgs {background:url(images/fond_ardoise.jpg) top left no-repeat; }
.sfb {background:transparent;border:none;padding:0px; }
#jr_pn_dt { font-size:30px;height:25px; margin: 0px; padding: 0px;}
#ms_pn_dt { font-size:26px;height:35px; margin: 0px; padding: 0px;}
#dt_pn_dt { font-size:40px;height:40px; margin: 0px; padding: 0px;}
#form_modifie_infos_membre  { display:none; }

#ldg_20p,#ldg_40p,#ldg_60p,#ldg_80p,#ldg_100p { position:fixed; top:35px; left:5px;}
#ldg_40p{ position:fixed; top:75px; left:5px;}
#ldg_60p{ position:fixed; top:115px; left:5px;}
#ldg_80p{ position:fixed; top:155px; left:5px;}
#ldg_100p { position:fixed; top:195px; left:5px;}

.select_jour { cursor: pointer; }
.select_jour:hover { background:#EEEEEE; }

/**/

.sprd-startpage-preview-tiles__preview.sprd-startpage-preview-tiles__preview--5row {
  background: #333333;padding:10px;border:3px dashed #CC0605; 
}
.sprd-startpage-dewipro__img.sprd-bc-m3 {
  border:3px dashed #CC0605;padding:5px;background:#327000; }
#sprd-container { background:transparent; }
#sprd-content { background:#FFFFFF !important;border:3Px dashed #CC0605 }
input[type=range] {
  -webkit-appearance: none;
  margin: 5px 0;
  width: 100%;
}
input[type=range]:focus {
    background:transparent;
  outline: none;
    padding-bottom:10px;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #666666;
  border-radius: 25px;
  border: 0px solid #000101;
}
#seekbar::-webkit-slider-runnable-track {
  width: 100%;
  height: 6.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #666666;
  border-radius: 25px;
  border: 0px solid #000101;
}
#volbar::-webkit-slider-runnable-track {
  width: 100%;
  height: 6.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #666666;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px;
}
#seekbar::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 2px solid #000000;
  height: 26px;
  width: 26px;
  border-radius: 7px;
  background: #CCCCCC;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -2.6px;
}
#volbar::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #327000;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #666666;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width:20px;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #327000;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #666666;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #327000;
}
input[type=range]:focus::-ms-fill-upper {
  background: #327000;
}

body::-webkit-scrollbar {
  width: 17px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #111111; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: #EEEEEE; /* color of the scroll thumb */
  border-radius: 10px; /* roundness of the scroll thumb */
  border: 3px solid #222222; /* creates padding around scroll thumb */
}