/*feuille de styles pour DOMAssistant-boxIt*/

/*styles par défaut*/
.round_cadre div.gCont { background: transparent url(../graph/bg_r.gif) right repeat-y; padding: 0; margin: 0; width: 100%; text-align: left; }
.round_cadre div.topCont { background: transparent url(../graph/bg_t.gif) top repeat-x; height: 7px; font-size: 1px; text-align: left; width: 100%; }
.round_cadre div.top { background: transparent url(../graph/tr.gif) top right no-repeat; height: 100%; width: 100%; text-align: left; }
.round_cadre div.top div { background: transparent url(../graph/tl.gif) top left no-repeat; height: 100%; width: 7px; }
.round_cadre div.midCont { margin: 0 7px 0 0; padding: 1px 0 1px 7px; background: transparent url(../graph/bg_l.gif) top left repeat-y; }
.round_cadre div.botCont { background: transparent url(../graph/bg_b.gif) bottom repeat-x; height: 7px; font-size: 1px; text-align: left; width: 100%; }
.round_cadre div.bot { background: transparent url(../graph/br.gif) bottom right no-repeat; height: 100%; width: 100%;  text-align: left;}
.round_cadre div.bot div { background: transparent url(../graph/bl.gif) bottom left no-repeat; height: 100%; width: 7px; }

/*ombrage de bloc d'affichage général*/
.round_cadre.page_shadow div.gCont { background: #fff url(../graph/page_shadow_r.gif) center right no-repeat; }
.round_cadre.page_shadow div.topCont { background: transparent url(../graph/page_shadow_t.gif) center bottom no-repeat; height: 52px; }
.round_cadre.page_shadow div.top { background-image: none; }
.round_cadre.page_shadow div.top div { background-image: none; width: 52px; }
.round_cadre.page_shadow div.midCont { margin-right: 52px; padding-left: 52px; background: transparent url(../graph/page_shadow_l.gif) center left no-repeat; }
.round_cadre.page_shadow div.botCont { background: transparent url(../graph/page_shadow_b.gif) center top no-repeat; height: 52px; }
.round_cadre.page_shadow div.bot { background-image: none; }
.round_cadre.page_shadow div.bot div { background-image: none; width: 52px; }

/*ombrages*/
.round_cadre.shadow div.gCont { background: transparent url(../graph/shadow_r.gif) right repeat-y; }
.round_cadre.shadow div.topCont { background: transparent url(../graph/shadow_t.gif) top repeat-x; height: 17px; }
.round_cadre.shadow div.top { background: transparent url(../graph/shadow_tr.gif) top right no-repeat; }
.round_cadre.shadow div.top div { background: transparent url(../graph/shadow_tl.gif) top left no-repeat; width: 17px; }
.round_cadre.shadow div.midCont { margin-right: 17px; padding-left: 17px; background: transparent url(../graph/shadow_l.gif) top left repeat-y; }
.round_cadre.shadow div.botCont { background: transparent url(../graph/shadow_b.gif) bottom repeat-x; height: 17px; }
.round_cadre.shadow div.bot { background: transparent url(../graph/shadow_br.gif) bottom right no-repeat; }
.round_cadre.shadow div.bot div { background: transparent url(../graph/shadow_bl.gif) bottom left no-repeat; width: 17px; }

/*cadre bouton vert sur blanc avec ombre et reflet*/
.round_cadre.GoW div.gCont { color: #fff; background: #388703 url(../graph/GoW_r.gif) right repeat-y; }
.round_cadre.GoW div.topCont { background: transparent url(../graph/GoW_t.gif) top repeat-x; height: 85px; }
.round_cadre.GoW div.top { background: transparent url(../graph/GoW_tr.gif) top right no-repeat; }
.round_cadre.GoW div.top div { background: transparent url(../graph/GoW_tl.gif) top left no-repeat; width: 84px; }
.round_cadre.GoW div.midCont { margin-right: 24px; padding-left: 24px; background: transparent url(../graph/GoW_l.gif) top left repeat-y; }
.round_cadre.GoW div.botCont { background: transparent url(../graph/GoW_b.gif) bottom repeat-x; height: 84px; }
.round_cadre.GoW div.bot { background: transparent url(../graph/GoW_br.gif) bottom right no-repeat; }
.round_cadre.GoW div.bot div { background: transparent url(../graph/GoW_bl.gif) bottom left no-repeat; width: 84px; }

/*cadre bouton rose sur blanc avec ombre et reflet*/
.round_cadre.PoW div.gCont { color: #fff; background: #EB0056 url(../graph/PoW_r.gif) right repeat-y; }
.round_cadre.PoW div.topCont { background: transparent url(../graph/PoW_t.gif) top repeat-x; height: 84px; }
.round_cadre.PoW div.top { background: transparent url(../graph/PoW_tr.gif) top right no-repeat; }
.round_cadre.PoW div.top div { background: transparent url(../graph/PoW_tl.gif) top left no-repeat; width: 84px; }
.round_cadre.PoW div.midCont { margin-right: 24px; padding-left: 24px; background: transparent url(../graph/PoW_l.gif) top left repeat-y; }
.round_cadre.PoW div.botCont { background: transparent url(../graph/PoW_b.gif) bottom repeat-x; height: 84px; }
.round_cadre.PoW div.bot { background: transparent url(../graph/PoW_br.gif) bottom right no-repeat; }
.round_cadre.PoW div.bot div { background: transparent url(../graph/PoW_bl.gif) bottom left no-repeat; width: 84px; }

/*exemples couleurs*/
.round_cadre.bg_black div.gCont { color: #fff; background: #000 url(../graph/blackBord_bg_r.gif) right repeat-y; }
.round_cadre.bg_black div.topCont { background: transparent url(../graph/blackBord_bg_t.gif) top repeat-x; height: 16px; }
.round_cadre.bg_black div.top { background: transparent url(../graph/blackBord_tr.gif) top right no-repeat; }
.round_cadre.bg_black div.top div { background: transparent url(../graph/blackBord_tl.gif) top left no-repeat; width: 16px; }
.round_cadre.bg_black div.midCont { margin-right: 16px; padding-left: 16px; background: transparent url(../graph/blackBord_bg_l.gif) top left repeat-y; }
.round_cadre.bg_black div.botCont { background: transparent url(../graph/blackBord_bg_b.gif) bottom repeat-x; height: 16px; }
.round_cadre.bg_black div.bot { background: transparent url(../graph/blackBord_br.gif) bottom right no-repeat; }
.round_cadre.bg_black div.bot div { background: transparent url(../graph/blackBord_bl.gif) bottom left no-repeat; width: 17px; }

/*arrondis inversés*/
.round_cadre.rInvert div.gCont { color: #999; background: #fff url(../graph/rInvert_r.gif) right repeat-y; }
.round_cadre.rInvert div.topCont { background: transparent url(../graph/rInvert_t.gif) top repeat-x; height: 24px; }
.round_cadre.rInvert div.top { background: transparent url(../graph/rInvert_tr.gif) top right no-repeat; }
.round_cadre.rInvert div.top div { background: transparent url(../graph/rInvert_tl.gif) top left no-repeat; width: 24px; }
.round_cadre.rInvert div.midCont { margin-right: 24px; padding-left: 24px; background: transparent url(../graph/rInvert_l.gif) top left repeat-y; }
.round_cadre.rInvert div.botCont { background: transparent url(../graph/rInvert_b.gif) bottom repeat-x; height: 24px; }
.round_cadre.rInvert div.bot { background: transparent url(../graph/rInvert_br.gif) bottom right no-repeat; }
.round_cadre.rInvert div.bot div { background: transparent url(../graph/rInvert_bl.gif) bottom left no-repeat; width: 24px; }

/*arrondis inversés centre transparent*/
.round_cadre.tr_rInvert div.gCont { color: #999; background: transparent url(../graph/tr_rInvert_r.gif) right repeat-y; }
.round_cadre.tr_rInvert div.topCont { background: transparent url(../graph/tr_rInvert_t.gif) top repeat-x; height: 24px; }
.round_cadre.tr_rInvert div.top { background: transparent url(../graph/tr_rInvert_tr.gif) top right no-repeat; }
.round_cadre.tr_rInvert div.top div { background: transparent url(../graph/tr_rInvert_tl.gif) top left no-repeat; width: 24px; }
.round_cadre.tr_rInvert div.midCont { margin-right: 24px; padding-left: 24px; background: transparent url(../graph/tr_rInvert_l.gif) top left repeat-y; }
.round_cadre.tr_rInvert div.botCont { background: transparent url(../graph/tr_rInvert_b.gif) bottom repeat-x; height: 24px; }
.round_cadre.tr_rInvert div.bot { background: transparent url(../graph/tr_rInvert_br.gif) bottom right no-repeat; }
.round_cadre.tr_rInvert div.bot div { background: transparent url(../graph/tr_rInvert_bl.gif) bottom left no-repeat; width: 24px; }

/*cadre symétrie diagonale centre transparent*/
.round_cadre.diagSym div.gCont { background: transparent url(../graph/w_tr_diagSym_r.gif) right repeat-y; }
.round_cadre.diagSym div.topCont { background: transparent url(../graph/w_tr_diagSym_t.gif) top repeat-x; height: 34px; }
.round_cadre.diagSym div.top { background: transparent url(../graph/w_tr_diagSym_tr.gif) top right no-repeat; }
.round_cadre.diagSym div.top div { background: transparent url(../graph/w_tr_diagSym_tl.gif) top left no-repeat; width: 34px; }
.round_cadre.diagSym div.midCont { margin-right: 16px; padding-left: 16px; background: transparent url(../graph/w_tr_diagSym_l.gif) top left repeat-y; }
.round_cadre.diagSym div.botCont { background: transparent url(../graph/w_tr_diagSym_b.gif) bottom repeat-x; height: 30px; }
.round_cadre.diagSym div.bot { background: transparent url(../graph/w_tr_diagSym_br.gif) bottom right no-repeat; }
.round_cadre.diagSym div.bot div { background: transparent url(../graph/w_tr_diagSym_bl.gif) bottom left no-repeat; width: 33px; }

/*simple ligne (fond blanc)*/
.round_cadre.simple div.gCont { color: #999; background: transparent url(../graph/bg_r.gif) right repeat-y; }
.round_cadre.simple div.topCont { background: transparent url(../graph/bg_t.gif) top repeat-x; height: 7px; }
.round_cadre.simple div.top { background: transparent url(../graph/tr.gif) top right no-repeat; }
.round_cadre.simple div.top div { background: transparent url(../graph/tl.gif) top left no-repeat; width: 7px; }
.round_cadre.simple div.midCont { margin-right: 7px; padding-left: 7px; background: transparent url(../graph/bg_l.gif) top left repeat-y; }
.round_cadre.simple div.botCont { background: transparent url(../graph/bg_b.gif) bottom repeat-x; height: 7px; }
.round_cadre.simple div.bot { background: transparent url(../graph/br.gif) bottom right no-repeat; }
.round_cadre.simple div.bot div { background: transparent url(../graph/bl.gif) bottom left no-repeat; width: 7px; }

/*bouton off*/
.round_cadre.bouton div.gCont { color: #999; background: transparent url(../graph/bouton_r.gif) right repeat-y; }
.round_cadre.bouton div.topCont { background: transparent url(../graph/bouton_t.gif) top repeat-x; height: 8px; }
.round_cadre.bouton div.top { background: transparent url(../graph/bouton_tr.gif) top right no-repeat; }
.round_cadre.bouton div.top div { background: transparent url(../graph/bouton_tl.gif) top left no-repeat; width: 18px; }
.round_cadre.bouton div.midCont { margin-right: 8px; padding-left: 8px; background: transparent url(../graph/bouton_l.gif) top left repeat-y; }
.round_cadre.bouton div.botCont { background: transparent url(../graph/bouton_b.gif) bottom repeat-x; height: 8px; }
.round_cadre.bouton div.bot { background: transparent url(../graph/bouton_br.gif) bottom right no-repeat; }
.round_cadre.bouton div.bot div { background: transparent url(../graph/bouton_bl.gif) bottom left no-repeat; width: 18px; }

/*bouton on*/
.round_cadre.bouton.On div.gCont { color: #999; background: transparent url(../graph/bouton_on_r.gif) right repeat-y; }
.round_cadre.bouton.On div.topCont { background: transparent url(../graph/bouton_on_t.gif) top repeat-x; height: 8px; }
.round_cadre.bouton.On div.top { background: transparent url(../graph/bouton_on_tr.gif) top right no-repeat; }
.round_cadre.bouton.On div.top div { background: transparent url(../graph/bouton_on_tl.gif) top left no-repeat; width: 18px; }
.round_cadre.bouton.On div.midCont { margin-right: 8px; padding-left: 8px; background: transparent url(../graph/bouton_on_l.gif) top left repeat-y; }
.round_cadre.bouton.On div.botCont { background: transparent url(../graph/bouton_on_b.gif) bottom repeat-x; height: 8px; }
.round_cadre.bouton.On div.bot { background: transparent url(../graph/bouton_on_br.gif) bottom right no-repeat; }
.round_cadre.bouton.On div.bot div { background: transparent url(../graph/bouton_on_bl.gif) bottom left no-repeat; width: 18px; }

/*fog*/
.round_cadre.fog { background: transparent url(../graph/fog_bg.gif); }
.round_cadre.fog div.gCont { color: #999; background: transparent url(../graph/fog_r.gif) top right repeat-y; }
.round_cadre.fog div.topCont { background: transparent url(../graph/fog_t.gif) top repeat-x; height: 21px; }
.round_cadre.fog div.top { background: transparent url(../graph/fog_tr.gif) top right no-repeat; }
.round_cadre.fog div.top div { background: transparent url(../graph/fog_tl.gif) top left no-repeat; width: 20px; }
.round_cadre.fog div.midCont { margin-right: 8px; padding-left: 8px; background: transparent url(../graph/fog_l.gif) top left repeat-y; }
.round_cadre.fog div.botCont { background: transparent url(../graph/fog_b.gif) bottom repeat-x; height: 21px; }
.round_cadre.fog div.bot { background: transparent url(../graph/fog_br.gif) bottom right no-repeat; }
.round_cadre.fog div.bot div { background: transparent url(../graph/fog_bl.gif) bottom left no-repeat; width: 21px; }

/*scotch*/
.round_cadre.scotch div.gCont { color: #999; background: transparent url(../graph/scotch_r.png) top right repeat-y; }
.round_cadre.scotch div.topCont { background: transparent url(../graph/scotch_t.png) top center no-repeat; height: 32px; }
.round_cadre.scotch div.top { background: transparent url(../graph/scotch_tr.png) top right no-repeat; }
.round_cadre.scotch div.top div { background: transparent url(../graph/scotch_tl.png) top left no-repeat; width: 10px; }
.round_cadre.scotch div.midCont { margin-right: 10px; padding-left: 10px; background: transparent url(../graph/scotch_l.png) top left repeat-y; }
.round_cadre.scotch div.botCont { background: transparent url(../graph/scotch_b.png) bottom repeat-x; height: 9px; }
.round_cadre.scotch div.bot { background: transparent url(../graph/scotch_br.png) bottom right no-repeat; }
.round_cadre.scotch div.bot div { background: transparent url(../graph/scotch_bl.png) bottom left no-repeat; width: 10px; }

/*scotch 2*/
.round_cadre.scotch2 { background: #FFF599 url(../graph/scotch2_tG.png) top left repeat-x; }
.round_cadre.scotch2 div.gCont { color: #999; background: transparent url(../graph/scotch2_r.png) top right repeat-y; }
.round_cadre.scotch2 div.topCont { background: transparent url(../graph/scotch2_t.png) top center no-repeat; height: 113px; }
.round_cadre.scotch2 div.top { background: transparent url(../graph/scotch2_tr.png) top right no-repeat; }
.round_cadre.scotch2 div.top div { background: transparent url(../graph/scotch2_tl.png) top left no-repeat; width: 9px; }
.round_cadre.scotch2 div.midCont { margin-right: 10px; padding-left: 9px; background: transparent url(../graph/scotch2_l.png) top left repeat-y; }
.round_cadre.scotch2 div.botCont { background: transparent url(../graph/scotch2_b.png) bottom right no-repeat; height: 26px; }
.round_cadre.scotch2 div.bot { background: transparent url(../graph/scotch2_br.png) bottom right no-repeat; }
.round_cadre.scotch2 div.bot div { background: transparent url(../graph/scotch2_bl.png) bottom left no-repeat; width: 9px; }

/*web2 reflet*/
.round_cadre.w2 div.gCont { color: #999; background: transparent url(../graph/w2_r.gif) top right repeat-y; }
.round_cadre.w2 div.topCont { background: transparent url(../graph/w2_t.gif) top repeat-x; height: 13px; }
.round_cadre.w2 div.top { background: transparent url(../graph/w2_tr.gif) top right no-repeat; }
.round_cadre.w2 div.top div { background: transparent url(../graph/w2_tl.gif) top left no-repeat; width: 45px; }
.round_cadre.w2 div.midCont { margin-right: 33px; padding-left: 35px; background: transparent url(../graph/w2_l.gif) top left repeat-y; }
.round_cadre.w2 div.botCont { background: transparent url(../graph/w2_b.gif) bottom repeat-x; height: 132px; }
.round_cadre.w2 div.bot { background: transparent url(../graph/w2_br.gif) bottom right no-repeat; }
.round_cadre.w2 div.bot div { background: transparent url(../graph/w2_bl.gif) bottom left no-repeat; width: 42px; }

/*couleur d'arrière-plan uniquement (pour les thèmes avec centre transparent)*/
.bg_blue { background-color: #b2c9f4; color: #000; }
.bg_green { background-color: #ADF4AA; color: #000; }
.bg_blue div.midCont div.midBg { background: transparent url(../graph/bg_blue.jpg) bottom right no-repeat; }

/*pour les tests*/
.testMultiples { width: 200px; }
.test_bg_black { background: #000; color: #fff; }
.test_bg_grey { background: #ccc; }
.test_bg_blue { background: #516BFF; color: #FFF152; }
.test_bg_yellow { background: #FAFF60; color: #4C4C4C; }
#classesMultiples { border: 1px solid #fff; }

/*styles communs à tous les cas*/
.noBg { background-image: none!important; }