@charset "utf-8";
/* CSS Document */  @import url("https://use.typekit.net/vea7lrh.css");
html { font-size:100%; }
/*BDY*/
body {
	background: #F6F6F6 url("images/fond_ciel.png") top center no-repeat fixed;
	background-size:cover;
	font-family: museo-sans-rounded, sans-serif;
    font-weight: 300;
    font-style: normal;font-size:18px;
}
/*BLS*/
a { color:#16152A;font-weight:bold;text-decoration: none; }
a:hover { color:#16152A;text-decoration: none; }
article {background: #F9F9F9; }
div, button { vertical-align: top; }
button {cursor: pointer; }
b { font-weight:900}
h2 {  
    font-family: museo-sans-rounded, sans-serif;
font-weight: 900;
font-style: normal;
}
.swt_ctgs {  
    font-family: museo-sans-rounded, sans-serif;
font-weight: 900;
font-style: normal;
    background:#535353;
}
h4 {  
    width:95%;font-family: museo-sans-rounded, sans-serif;
font-weight: 900;
font-style: normal;
}
h3 { background: #EC9864; width:99%; color:#F9F9F9; font-weight: 900;font-style: normal;padding:5px;magin:5px 0px; }

input {
  display: block;
  width: 100%;
  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 { margin-top: 180px;margin-bottom: 90px; padding: 30px 5px; }

#bg_mask { position:fixed; top:0px; left:0px;width:0px;height:100%;background:#000000 url(images/bg_2.jpg) top center;z-index: 0;display:none; }
#bg_2 { position:fixed; top:0px; left:0px;width:0px;height:100%;background:#FFFFFF url(images/bg_mask.jpg) top center;z-index:0;display:none }
#contenu {  }
#scrl_top { position:fixed; bottom:70px; left:10px;z-index:10003; display:none  }
#btn_intro { height:100px; border-radius:100px;width:100px;top:0px; position:fixed;margin:auto;opacity: 0; }
#btn_intro:hover { background:#C80003; }
#menu_top { position:fixed; top:0px; left:60px;border-radius:10px; color:#333;background:#222222 url(images/fond_argent_1920.jpg) bottom center; display:none;z-index:9980 }
#barre_menu_top { position:fixed; background:#0F1114; top:15px; left:0px; height: 53px; color:#333;width:100px;overflow: hidden;}
#top_gnl { position:fixed; background:url("images/fond_argent_1920.jpg") top center repeat-x;  top:-20px; left:0px; height: 50px; color:#333;width:100%;overflow: hidden;z-index:9998; }
#ret_hm { position:fixed; background:url("images/fond_ardoise.jpg") top left repeat-x;  top:5px; left:50px;z-index:19999;  }
#enseigne_S2k20 { position:fixed;top:-400px; left:0px; z-index:9999; }
#affiche_menu_page { position:fixed;top:5px;font-size:22px;font-weight:900; left:115px; z-index:9999;background:url(images/fond_ardoise.jpg) top left no-repeat;padding: 4px 15px; }
#barre_reseaux { position:fixed;top:35px;font-size:23px;font-weight:900; right:0px; z-index:9999;padding: 4px 5px; }
#panneau_horaires { vertical-align: top; position:fixed;top:10px; right:0px; z-index:9999;padding:5px; width:150px;height:110px; }
#affiche_barre_menu { position:fixed; top:130px; left:10px; height: 43px; }
#menu_bottom { position:fixed; background:url("images/fond_argent_1920.jpg") bottom center repeat-x; bottom:0px; left:0px; height: 50px; color:#FFFFFF;z-index: 9990;padding-top:10px;  }
#ctn_lect_g { position:fixed; background:url("images/fond_ardoise.jpg") bottom center repeat-x; bottom:80px; left:0px; color:#FFFFFF;z-index: 9970  }
#barre_menu_bottom { position:fixed; background:url("images/fond_ardoise.jpg") bottom center repeat-x; bottom:50px; left:0px; height: 30px; color:#FFFFFF;z-index: 9970  }
#barre_menu_bottom a { color:#FFFFFF  }
#menu_lat_gauche { position:fixed; top:85px; left:0px; min-height:50%;width:40px; color:#F9F9F9; }
#menu_lat_droite { position:fixed; background:#CCC; top:0px; right:0px; height: 100%;width:60px; color:#333;padding:0px;padding-top:120px; display: none;  }
#panneau_profil { position:fixed; background:#FFF; top:60px; right:0px;width:450px; color:#333;padding:10px; border:2px solid #EEE; }
#pas_date { width:22Px ; height: 22px;}
#pan_attrib_image{ position:fixed; background:#EEE; top:0px; left:0px; height:100%; width:100%; color:#333;display:none;overflow-y:auto;  }
.ftb-ab { font-family: Arial black;}
.ft-700 { font-weight: 700;}
.ft-900 { font-weight: 900;}
/*CLS*/
.color_blanc { color:#F9F9F9; }
.color_bleu { color:#ccdeff; }
.color_bleu_facebook { color:#3e5b99; }
.color_grey { color:#EEE; }
.color_dark { color:#0F1114; }
.color_rouge { color:#D31B15; }
.color_orange { color:#EC9864; }
.color_vert { color:#327000; }
.color_jaune { color:#D8C623; }
.color_jp { color:#FCF2E3; }
/**/
.fond_blanc { background:#F9F9F9; }
.panneaux_blanc { background:url("images/bg_panneaux.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_orange { background:#EC9864; }
.fond_rouge { background:#D31B15; }
.fond_argent { background: #222 url(images/fond_argent.jpg) top center no-repeat; }
.fond_vert{ background:#006633; }
.fond_tspt{ background:transparent; }


/**/
.no-border { border:none; }
.szw_100 { width:100px; }
.szh_100 { height:100px; }
.brds_goutte { border-radius:0px 10px 0px 10px; }
.brds_goutte_inv { border-radius:10px 0px 10px 0px; }
.panneaux_blanc { background:url("images/bg_panneaux.jpg") top center; }
/**//**/
.mgn-n { margin: 0px;}
.mgnr-n { margin-right:0px; } .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-n { margin-left:0px; } .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-n { margin-top:0px; } .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-n { margin-bottom:0px; } .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; }
/**/
.pdgr-5 { padding-right: 5px; } .pdgr-10 { padding-right: 10px; } .pdgr-15 { padding-right: 15px; } .pdgr-20 { padding-right: 20px; } .pdgr-25 { padding-right: 25px; } .pdgr-30 { padding-right: 30px; } .pdgr-35 { padding-right: 35px; } .pdgr-40 { padding-right: 40px; } .pdgr-45 { padding-right: 45px; } .pdgr-50 { padding-right: 50px; } .pdgr-55 { padding-right: 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-n { padding: 0px; } .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); } .rot-180n { transform-origin: 50% 50%;transform: rotate(180deg); }
.brds-5 { border-radius: 5px;}
.brds-10 { border-radius: 10px;}
.brds-15 { border-radius: 15px;}
.brds-20 { border-radius: 20px;}
.brds-25 { border-radius: 25px;}
.brds-30 { border-radius: 30px;}
.brds-35 { border-radius: 35px;}
.brds-40 { border-radius: 40px;}
.brds-45 { border-radius: 45px;}
.brds-50 { border-radius: 50px;}
.brds-100 { border-radius: 100%;}

.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; }
/**/
.t-center { text-align: center; }
.t-right { text-align: right; }
.t-left { text-align: left; }
.ftb { font-weight:bold; }
.rot-45 { transform-origin: 50% 50%;transform: rotate(-45deg); }
.rot-45n { transform-origin: 50% 50%;transform: rotate(45deg); }
/**/
.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-rdo { width:22px; height:22px;}
.sh-box-4 { box-shadow: 2px 2Px 6px #AAA}
.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; }


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: #E27000; /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid #222222; /* creates padding around scroll thumb */
}