html {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
h1 {font-size: 1.5em; text-align: center; margin: 0; padding: 0; background: url(imgs/sqlt/top.png) 100% 20% no-repeat; line-height: 95px; padding-bottom: 66px;}
h2 {position: relative; top: -35px; border-bottom: 1px dotted silver; padding: 0 1em 0.5em; margin: 0em 0 1em; display: block; font-size: 1.3em; color: black; text-align: left; font-weight: bold; } 
acronym {border-bottom: 1px dotted black}
#hierarchie {position: relative; top: -45px; padding: 0; margin: 0; margin-right: 20px; display: block; border-bottom: 1px solid #777777; font-size: 8pt;}
#hierarchie a {text-decoration: none; color: #777777;}
#hierarchie a:hover {border-bottom: 3px solid #777777;}

a {text-decoration: none;}
a:link {color: #B33E3E;}
a:visited {color: #7B7F3F;}
a:active {color: #DDE4C9;}
a:hover {color: #CE7530;}

div#validation img {border: 0;}
div#validation a {border: 0;}

div#aller_oh {position: absolute; top: 84px; left: 17px; margin: 0; padding: 0; font-size: xx-small;}
div#aller_oh a {text-decoration: none;}
div#contenant {margin: 0 auto; padding: 0; width: 728px; position: relative; background: white url(imgs/sqlt/bgd.png) center top repeat-y;}

div#quick_nav {float: right; font-size: 8pt; margin: -37px 18px 0 0; text-align: left; padding: 0; width: 174px; line-height: 2em;}
html>body div#quick_nav {margin-right: 35px;}
div#quick_nav ul {list-style: none; margin: 0; padding: 0; background: url(imgs/sqlt/fond_right.png) top left repeat-y;}
div#quick_nav li {position: relative; top: -39px; margin: 0 5px 0 3px; padding: 0 10px; border-bottom: 1px solid white;}
div#quick_nav a {font-weight : bold; display: block; color: black; text-decoration: none;}
div#quick_nav a:hover {color: #393800;} 
div#quick_nav li:hover {border-bottom: 1px dotted black;}

#navigation {margin: 0; background: url(imgs/sqlt/sub_top_right.png) top left no-repeat; padding-top: 53px;}
#navigation li.titre_qnav {position: relative; top: -50px; text-align: center; background: transparent url(imgs/vers_bas.png) 50% 50% no-repeat; font-weight: bold; display: block; color: #555; padding-bottom: 35px; margin-bottom: -1em;}
#navigation li.titre_qnav:hover {border-bottom: 1px solid white;}
#navigation p.end_qnav {color: #DEDACD; text-align: center; background: url(imgs/sqlt/bottom_right.png) top left no-repeat; margin: 0; padding: 0; line-height: 48px;}
html>body #navigation p.end_qnav {position: relative; top: -35px; }

#adherer {font-size: small; margin: 60px auto 0; line-height: 1em; width: 174px; }
#adherer img {float: left; color: #777777; border: 0;}
#adherer p.adhesion {margin: 0; padding: 0; font-size: 8pt; font-variant: normal;}
#adherer a.lien_adh {text-decoration: none; display: block; padding: 0; color: #777777; }
#adherer a.lien_adh:hover {color: #CE7530;}

#arch_rub {margin: 0; background: url(imgs/sqlt/top_red_right.png) top left no-repeat; padding-top: 53px; margin-top: 15px;} 
html>body #arch_rub {margin-top: -15px;}
#arch_rub ul.level1 {list-style: none; margin: 0; padding: 0; background: url(imgs/sqlt/fond_red_right.png) top left repeat-y;}
#arch_rub li.titre_rub {position: relative; top: -50px; text-align: center; background: transparent url(imgs/vers_bas.png) 50% 50% no-repeat; font-weight: bold; display: block; color: #555; padding-bottom: 35px; margin-bottom: -1em;}
#arch_rub li.titre_rub:hover {border-bottom: 1px solid white;}
#quick_nav p.end_arub {color: #D5D2C5; text-align: center; background: url(imgs/sqlt/bottom_red_right.png) top left no-repeat; margin: 0; padding: 0; line-height: 48px;}
html>body #quick_nav p.end_arub {position: relative; top: -35px; }


#arch_thema {margin: 0; background: url(imgs/sqlt/top_green_right.png) top left no-repeat; padding-top: 53px; margin-top: 15px;} 
html>body #arch_thema {margin-top: -15px;}
#arch_thema ul.level1 {list-style: none; margin: 0; padding: 0; background: url(imgs/sqlt/fond_green_right.png) top left repeat-y;}
#arch_thema li.titre_thema {position: relative; top: -50px; text-align: center; background: transparent url(imgs/vers_bas.png) 50% 50% no-repeat; font-weight: bold; display: block; color: #555; padding-bottom: 35px; margin-bottom: -1em;}
#arch_thema li.titre_thema:hover {border-bottom: 1px solid white;}
#quick_nav p.end_athema {color: #D5D2BD; text-align: center; background: url(imgs/sqlt/bottom_green_right.png) top left no-repeat; margin: 0; padding: 0; line-height: 48px;}
html>body #quick_nav p.end_athema {position: relative; top: -35px; }

#arch_articles {margin: 0; background: url(imgs/sqlt/top_articles_right.png) top left no-repeat; padding-top: 53px; margin-top: 15px;}
html>body #arch_articles {margin-top: -15px;}
#arch_articles ul.level1 {list-style: none; margin: 0; padding: 0; background: url(imgs/sqlt/fond_articles_right.png) top left repeat-y;}
#arch_articles li.rub_actuelle {position: relative; top: -50px; font-size: large; margin: 0; border-top: 2px dotted black; margin: 0 5px 15px 3px; padding: 0 10px 0 5px; }
#arch_articles li.rub_actuelle:hover {border-bottom: 1px solid white;}
#arch_articles li.article_actuel {font-weight: bold;}
#arch_articles li.titre_articles {position: relative; top: -50px; text-align: center; background: transparent url(imgs/vers_bas.png) 50% 50% no-repeat; font-weight: bold; display: block; color: #555; padding-bottom: 35px; margin-bottom: -2em; border: 0;}
#arch_articles li.titre_articles:hover {border-bottom: 0;}
#quick_nav p.end_aarticles {color: #EEE6E6; text-align: center; background: url(imgs/sqlt/bottom_articles_right.png) top left no-repeat; margin: 0; padding: 0; line-height: 48px;}
html>body #quick_nav p.end_aarticles {position: relative; top: -35px; }
#arch_articles li.imprimer {text-align: left; background: url(images/imprimer.png) 3% 50% no-repeat; padding-left: 35px; line-height: 34px;}
#arch_articles li.imprimer a.lien_imp {font-size: 7pt; text-decoration: none; color: #B33E3E; display: block; padding: 0 1em; font-weight: bold;}
html>body #arch_articles li.imprimer a.lien_imp {font-size: 8pt;}
#arch_articles li.imprimer a.lien_imp:hover {color: gray;}

div#der_maj {position: absolute; top: 14px; right: 18px; color: black; font-size: xx-small; text-align: right;}


#contenu {margin: 0; padding: 0 235px 0 15px; background: white url(imgs/sqlt/bgd.png) left top repeat-y;}
#contenu a {text-decoration: none;}
#contenu ul.regroupe { position: relative; top: -15px; margin: 0; padding: 0; list-style: none; font-size: 8pt; line-height: 1em;}
#contenu li.groupe {font-weight: bold; margin: 0; padding: 0;}
#contenu li.groupe ul {font-weight: normal; margin: 0 0 0 1em; padding: 0; list-style: none;}
#contenu>ul li.groupe ul {list-style: circle; margin-left: 2em; line-height: 1.5em;}
#contenu ul.adhpec {position: relative; top: -15px; list-style: none; font-size: 8pt; text-align: right; padding: 0; margin: 0;}
#contenu>ul li {font-size: small;}
#contenu ul.adhpec a {display: block; width: 150px;}
#contenu>ul li.titre a {font-size: small; width: auto;}
#contenu li.titre {font-weight: bold;}

#titre_article {position: relative; top: -35px; border-bottom: 1px dotted silver; padding: 0 1em 0.5em; margin: 0 0 1em; display: block; font-size: 1.3em; color: black; text-align: left; font-weight: bold; }

#thematique {margin: 0; padding: 0; }
#thematique p {padding: 0 0.25em; margin: 0; text-align: center; font-weight: bold; font-size: x-large;  font-variant: small-caps;}
#thematique p.use_links {margin: 0 0.25em; margin:0; text-align: center; font-weight: normal; font-size: xx-small; font-variant: normal;}
#thematique ul {margin: 0; margin-left: 10px; padding: 0; }
#thematique li {line-height: 2em; list-style: none; margin: 0.5em 0 0; background: white url(imgs/liste01.png) no-repeat 0 50%; border: 2px solid #EEEEAE; border-width: 1px 0; padding-left: 20px;}
#thematique a.link_thema {font-size: 10pt; display: block; padding: 0 0.5em; text-decoration: none; color: #25475B;}
#thematique>ul a.link_thema {font-size: medium;}
div.fin_thema {clear: both;}
#thematique li:hover a {color: #999;}
#thematique li:hover {background: white url(imgs/liste02.png) no-repeat 0 50%;}
#thematique a.linkactu {color: #25475B; font-weight: bold; border-bottom: 1px dotted silver; font-size: 24pt;}
#thematique a.linkactu:hover {text-decoration: underline;}

#actus {margin: 0; padding: 0;}
#actus p {padding: 0 0.25em; margin: 0; text-align: center; font-weight: bold; font-size: x-large;  font-variant: small-caps;}
#xiti {margin-top: 2em;}
#xiti a,img {border: 0;}

#contenu_article {text-align: justify; margin: 1em; font-size: 10pt;}
#contenu_rubrique {text-align: justify; margin: 1em; font-size: 10pt;}
#texte_rubrique {font-size: 10pt; text-align: justify; margin: 3.8em 0 1em 1em; border-top: 1px solid black;}

#affich_pieces_jointes {border-top: 1px solid black; margin: 3em 0 0 1em; font-size: 10pt;}
div.pieces_jointes {float: left; width: 256px; margin: 1em; padding: 16px; border: 1px dotted silver;}
div.pieces_jointes img {border: 0; float: left; margin-right: 1em;}
div.pieces_jointes ul {margin: 0.25em 0 0; padding: 0; font: bold small Arial, Verdana, sans-serif; list-style: none;}
div.pieces_jointes a {text-decoration: none; color: #777777;}
li.titre a {font-size: x-small;}
li.taille {font-size: x-small; font-weight: normal;}
li.aide {display:none;}

#clique_forum {clear: both; border-bottom: 1px solid #777777; padding: 0.15em;}
#clique_forum a {text-decoration: none; color: #777777;}
#clique_forum a:hover {border-bottom: 3px solid #777777;}

.titre_docj {font-size: 10pt; padding: 0; margin: 0.8em 0 0;}

#pied {clear: both; position: relative; font-size: x-small;  background: url(imgs/sqlt/bottom.png) top left no-repeat;  margin: 0; padding: 0; color: #777777; text-align: center; display: block; height: 172px; width: 728px;}
#pied p {padding: 120px 0 0 210px;}
#pied a {text-decoration: none; color: #777777; border-bottom: 2px dotted silver;}
#pied a:hover {color: black;}
#pied b {font-size: x-small;color: #777777;}
div.element_pied ul, ul.level1, ul.level2 {list-style: none; margin: 0; padding: 0;}
div.element_pied li {padding: 0.5em; margin: 5px 5px 0 0; border: 1px dotted black; display: block;}
div.element_pied ul.standards li {list-style: none; border: 0; float: left;}
div.element_pied p.non_ie {clear: left;}
div.element_pied img {margin-right: 4px; border: 0;}
div.element_pied ul.firefox li {list-style: none; border: 0; }
#element_pied_adm {border: 1px dotted silver; padding: 0.5em; margin: 15px; background: #FCFFF5; text-align: center;}

#contacter ul {margin: 0; padding: 0;float: left;}
#contacter li {list-style: none;}
#contacter {border: 1px solid silver; border-width: 0 0 1px 0; font-size: small; margin: 2em auto;}
#contacter a {text-decoration: none; color: #777777; border-bottom: 1px dotted silver; display: inline; font-size: small;}
#contacter a:hover {text-decoration: none; color: black;}
#contacter li.structure {font-weight: bold; border: 1px dotted black; border-width: 1px 0 2px 0; margin-top: 1em; width: 200px;}
#contacter img {border: 0;}

/* plan */
div.plan_niv01 {background: url(imgs/liste01.png) 0 50% no-repeat; padding-left: 15px; line-height: 25px; font-size: 14pt;}
p.fin_de_niveau {color: white; margin: 0 0 1em; line-height: 1em; font-size: 6pt;}
div.plan_niv02 {margin-left: 30px; line-height: 25px;}
div.plan_niv03 {border: 2px solid silver; border-width: 2px 0 0 2px; padding-left: 15px; margin-left: 45px; line-height: 25px;}
div.plan_niv04 {margin-left: 70px; line-height: 1.5em;}
div.plan_niv04 a {color: #CE7530; font-weight: bold;}
div.plan_niv04 a:hover {color: #555;}
div.plan_niv05 {margin-left: 70px;}