/*** entete couleur categorie ***/
div#entete {width: 403px; height: 74px; padding: 20px 30px 10px 130px; margin-bottom: 20px; color: #8A8A8A; overflow: hidden}
div#entete h1 {font-size: 1em; text-transfrome: uppercase}
div#entete h3 {font: bold 1.1em arial; color: #414141}
div#entete h4 {font: italic 1.1em arial; color: #414141}

/*** encadre categories ***/

div.bulle {background: url(../images/droit_bg_h2_gauche.gif) left top no-repeat; color: #fff;  height: 48px; float: left;display: inline; font: bold 1em arial; padding: 0  0 0 15px; }
div.bulle span {background: url(../images/droit_bg_h2_droit.gif) right top no-repeat; height: 48px;padding: 8px 15px 0 0; float: left}


/*div.categories {float: left; display: inline; width: 563px; margin: -20px 0 0 8px; background: url(../images/centre_boite_tt_bg_gris.gif) left top repeat-y}*/
div.categories {background: #ececec url(../images/categories_bg.gif) left top repeat-x; overflow: hidden; float: left; display: inline; width: 555px; margin: -20px 0 0 8px;}
div.categories div.haut {background: url(../images/categories_haut3.gif) left top no-repeat; padding: 8px 0 0 0; overflow: hidden;height:126px;}
div.categories div.bas {background: url(../images/categories_bas2.gif) left bottom no-repeat; padding-bottom: 6px; overflow: hidden}
div.categories div.bords {border: 1px solid #b2b2b2; border-width: 0 1px; height: 110px;}
div.categories div.bords h2 {font: bold 1em arial; margin: 0 0 0.5em 0;text-transform: uppercase}
div.categories div.bords img {float: left; margin: 0 1em 1em 0}
div.categories div.bords a {color: #414141; text-decoration: underline}
div.categories div.bords p {font-style: italic; color: #8A8A8A; margin-top: 0.5em}
div.categories div#mq, div.categories div#dd, div.categories div#m {height: 105px; border: solid #b2b2b2; border-width: 0 1px 1px 0; padding: 0 10px 0 10px; float: left;}
div.categories div#mq {width: 167px;}
div.categories div#mq h2 {color: #00a0af;}
div.categories div#dd {width: 167px;}
div.categories div#dd h2 {color: #7bc142}
div.categories div#m {border-width: 0 0 1px 0; width: 165px;}
div.categories div#m h2 {color: #be9362}
div.categories div#dp, div.categories div#f, div.categories div#s {height: 105px;border: solid #b2b2b2; border-width: 0 1px 0 0; padding:0px 10px 0 10px; float: left;}
div.categories div#dp {width: 167px;}
div.categories div#dp h2 {color: #e4af0f}
div.categories div#f {width: 167px;}
div.categories div#f h2 {color: #80a0bd}
div.categories div#s {border: none; width: 165px;}
div.categories div#s h2 {color: #00646b}

/*** nav formation centrale ***/
#centre ul.choix_formation li {}
#centre a.nav_choix {display: block; float: left; background: url(../images/nav_formation.gif)}	

/*** bloc 2 colonnes***/
div.cols2 {float: left; background: url(../images/bg_gris_b2b2b2.gif) 390px 0 repeat-y; border: solid #b2b2b2; border-width: 1px 0; margin-top: 20px; padding: 1em 0 1.5em 0}
div.cols2 div.liste {float: left; width: 390px; padding-top: 0.5em}
div.cols2 div.test {float: left; width: 158px; padding-left: 15px; color: #414141; }
div.cols2 div.test h3 {font-size: 1em; margin-left: -15px;}
div.cols2 div.test h3  span  {background: url(../images/pictos/test.gif) right top no-repeat; display: block; width: 40px; height: 30px; position: relative; top: -33px; right: -135px}
div.cols2 div.test h4 {font-size: 1em;}
div.cols2 div.test a.test_mois {text-decoration: none; color: #414141; display: block; font-weight: bold; margin: 1.5em 0}
div.cols2 div.test a.tests {color: #414141; display: block }


/*** home QCM ***/
div#qcmBody   {margin-top:-25px;}


#centre div.liste ul {list-style: none; width: 350px; margin: 0;}
#centre div.liste  ul ul {width: 340px;}
#centre div.liste  ul ul ul {width: 330px;}
#centre div.liste  ul ul ul {width: 320px;}
#centre div.liste  ul li {margin:  0; padding-right: 5px; _height: 1%}

#centre div.liste  ul li a, #centre ul li.niv1_on span {margin-left: 20px; color: #414141; display: block; text-decoration: none;}
#centre div.liste  ul li.niv1, #centre ul li.niv1_on {background: url(../images/gauche_fle_nav_noir.gif) 1em 0.4em no-repeat; padding: 0 0.5em 0 0}
#centre div.liste  ul li.niv1_on {background:  url(../images/gauche_fle_nav_noir_bas.gif) 0.8em 0.5em no-repeat; color: #000; padding: 0}
#centre div.liste  ul li.niv1_on ul {padding-left: 10px;}

#centre div.liste  ul li.niv2, #centre ul li.niv2_on {padding: 0 0.5em 0 0; background: url(../images/gauche_fle_nav_gris_clair.gif) 1em 0.3em no-repeat;}
#centre div.liste  ul li.niv2_on {background: url(../images/gauche_fle_nav_noir_bas.gif) 0.8em 0.5em no-repeat;}
#centre div.liste  ul li.niv2_on span {color: #414141}

#centre div.liste  ul li.niv2_on li.niv3 {background: url(../images/gauche_fle_nav_gris_clair.gif) 1em 0.3em no-repeat;}
#centre  div.liste ul li.niv2_on li.niv3_on {background: url(../images/gauche_fle_nav_noir_bas.gif) 1em 0.3em no-repeat;}

#centre div.liste  ul li.niv2_on li.niv3  li.niv4 {background: url(../images/gauche_fle_nav_gris_clair.gif) 1em 0.3em no-repeat;}
#centre div.liste  ul li.niv2_on li.niv3_on li.niv4 {background: url(../images/gauche_fle_nav_noir.gif) 1em 0.3em no-repeat;}

/*** bloc bas avec titre marron***/
div#centre div.bloc_tt_marron {margin-top: 20px}
div#centre div.bloc_tt_marron h2 {background: url(../images/centre_bg_h2_gauche.gif) left top no-repeat; color: #fff;  height: 48px; float: left;display: inline; font: bold 1em arial; padding: 0  0 0 15px; }
div#centre div.bloc_tt_marron  h2 span {background: url(../images/centre_bg_h2_droit.gif) right top no-repeat; height: 48px;padding: 8px 15px 0 0; float: left}
div#centre div.bloc_tt_marron div.boite {float: left; display: inline; width: 563px; margin: -20px 0 0 8px; background: url(../images/centre_boite_bg.gif) left top repeat-y}
div#centre div.bloc_tt_marron div.boite p.haut_tt {background: url(../images/centre_boite_tt_haut.gif) left top no-repeat; height: 9px}
div#centre div.bloc_tt_marron div.boite div.contenu {margin: 10px}
div#centre div.bloc_tt_marron div.boite div.contenu span.detail {font-style: italic; color: #8A8A8A; display: block}
div#centre div.bloc_tt_marron div.boite div.contenu a {color: #414141; display: block; margin-bottom: 1.5em}
div#centre div.bloc_tt_marron div.boite p.bas {background: url(../images/centre_boite_bas.gif) left top no-repeat; height: 9px;  font-size: 1px}

/** Inscription express */

/*** bloc bas avec titre marron***/
div#centre div.bloc_tt_gris {margin-top: 20px}
div#centre div.bloc_tt_gris h2 {background: url(../images/droit_bg_h2_gauche.gif) left top no-repeat; color: #fff;  height: 48px; float: left;display: inline; font: bold 1em arial; padding: 0  0 0 15px; }
div#centre div.bloc_tt_gris  h2 span {background: url(../images/droit_bg_h2_droit.gif) right top no-repeat; height: 48px;padding: 8px 15px 0 0; float: left}
div#centre div.bloc_tt_gris div.boite {float: left; display: inline; width: 563px; margin: -20px 0 0 8px; background: url(../images/centre_boite_tt_bg_gris.gif) left top repeat-y}
div#centre div.bloc_tt_gris div.boite p.haut_tt {background: url(../images/centre_boite_tt_haut_gris.gif) left top no-repeat; height: 9px}
div#centre div.bloc_tt_gris div.boite div.contenu {margin: 0 10px}
div#centre div.bloc_tt_gris div.boite div.contenu table {width: 530px;}
div#centre div.bloc_tt_gris div.boite div.contenu table td.expregcat{width: 100px;}
div#centre div.bloc_tt_gris div.boite div.contenu table td.expregfmt{width: 230px;}
div#centre div.bloc_tt_gris div.boite div.contenu table td.expregfmt select{width: 230px;font-size:10px;height:18px;}
div#centre div.bloc_tt_gris div.boite div.contenu table td.expregbtn{width: 70px;}
div#centre div.bloc_tt_gris div.boite div.contenu a.bt {background: url(../images/droit_bg_bt_gauche.gif) left top no-repeat; color: #fff;  height: 28px; float: left;display: inline; font: bold 1em arial; margin:0; padding:0 0 0 16px; text-decoration: none}
div#centre div.bloc_tt_gris div.boite div.contenu a.bt span {background: url(../images/droit_bg_bt_droit.gif) right top no-repeat;  height: 23px; padding: 5px 15px 0 0; float: left; font-style: normal}
div#centre div.bloc_tt_gris div.boite p.bas {background: url(../images/centre_boite_tt_bas_gris.gif) left top no-repeat; height: 9px;  font-size: 1px}