html,body {
background: #725e44 url("../im/tp/docFond.jpg");
height:100%;
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3e3e00;
}
a{color:#3e3e00; font-weight:bold}
a:hover{color:#ff3000}
img{border:0px}
ul{margin:5px 0px 5px 25px; list-style-image: url("../im/tp/ico/flecheVerte.gif")}
.iconeDsTxt{position:relative; margin-bottom:-2px; border:0px; text-decoration:none}
#imgIll {position:relative; margin:5px; }
#imgIll #cadreIll{position:relative; padding:2px; background:#f8edad url("../im/tp/cadreJauneCFond.jpg") no-repeat; border:#3e3e00 solid 1px; font-size:9px; text-align:left}
#imgIll img{padding:0px; margin:0px}
#imgIll #cadreIll img{border:#BEB697 solid 1px}
#imgIll #ssCadreIll img{border:0px}
#imgIll a{font-weight:normal; text-decoration:none}
#imgIll #libFig{position:absolute; left:5px; top:-5px; margin:0px; padding:0px 2px; background:#f8edad url("../im/tp/cadreJauneCFond.jpg") no-repeat; border:#BEB697 solid 1px; font-style:italic}
#imgIll p{margin:0px}
/* TEMPLATE */
#blocDoc{position: relative; width:100%; background: url("../im/tp/docBordure.png") 50% repeat-y }
#blocDoc{-background: url("../im/tp/docBordureIE6.gif") 50% repeat-y } /* IE6 */
#blocDocHautDegrade{position: relative; width:100%; background: url("../im/tp/docFondHautDegrade.jpg") repeat-x top}
#blocDocBordure{position: relative; width:100%; background: url("../im/tp/docFondBas.gif") no-repeat 50% bottom}
#blocDocHaut{position: relative; width:100%; background: url("../im/tp/docFondHaut.jpg") no-repeat 50% top}
#blocPage{position: relative; margin:0 auto; width:990px; background: center repeat-y} /* im ds index */
#blocPageEnteteHaut{padding:0px; width:990px; height:262px; background:url("../im/tp/pageEntete.jpg") no-repeat top right}
#blocLogo{padding:0px; width:335px; height:162px; background:url("../im/tp/logo.jpg")}
#blocAnnonce{position:absolute; left:420px; top:10px; width:300px;font-family:"Times New Roman", Times, serif; color:#626f81; font-size:25px; border-bottom:1px dotted #626f81}
#blocMenuHoriTxt{position:absolute; top:130px; right:0px; height:32px; width:655px; background: url('../im/tp/pageEnteteBandeau.jpg') no-repeat} /* im ds index */
#blocEnteteBas{background: url('../im/tp/pageEnteteBandeauInf.jpg')}
#blocEnteteBasBord{position:relative; height:15px; background: no-repeat}
#blocPageBas{position: relative; width:990px; padding: 1px 0 /* empeche bug fusion margin*/} /* im ds index */
#blocContenu{position: relative; margin:0px 3px; min-height:1000px}
#blocColGauche{position:relative; float:left; width:470px; padding:0px}
#blocColDroite{position:relative; width:505px; margin-left:477px}
.separationTP {clear:both; height:40px }
.separation {clear:both}
#blocPartExclu {margin:0px 8px 11px 8px}
#blocPartExclu span{margin:0px 2px}
#blocPart {margin:0px 8px 8px 8px}
#blocPart li{list-style:url("") square; color:#3b3733}
#blocPart a{font-weight:normal; font-size:10px ; color:#3b3733}
.libBasPage{margin:0px 0px 5px 0px; text-align:center; font-size:10px; color:#FFFFFF}
.libBasPage a{color:#FFFFFF}
/* BLOC GAUCHE */
#blocGContenu{position: relative; margin:0px}
#blocGContenu p{position: relative; margin:2px 7px; padding:2px; background:url("../im/tp/blocGLogParaph.png") repeat-y;} /* IE6.css */
#blocGLog{position: relative; width:177px; background: url("../im/tp/blocGLogC.jpg")}
#blocGLogH{position: relative; width:177px; height:32px; background: url("../im/tp/blocGLogH.jpg")}
#blocGLogB{position: relative; width:177px; height:10px; background: url("../im/tp/blocGLogB.jpg");font-size:1px /*IE6*/}
#blocGStyle{position: relative; width:177px; background: url("../im/tp/blocGStyleC.jpg")}
#blocGStyleH{position: relative; width:177px; height:32px; background: url("../im/tp/blocGStyleH.jpg")}
#blocGStyleB{position: relative; width:177px; height:10px; background: url("../im/tp/blocGStyleB.jpg");font-size:1px /*IE6*/}
#blocGNeutre{position: relative; width:177px; background: url("../im/tp/blocGNeutreC.jpg")}
#blocGNeutreH{position: relative; width:177px; height:10px; background: url("../im/tp/blocGNeutreH.jpg");font-size:1px}
#blocGNeutreB{position: relative; width:177px; height:10px; background: url("../im/tp/blocGNeutreB.jpg");font-size:1px /*IE6*/}
#blocGNeutre a{color:#3e3e00}
#blocGNeutre li{border-bottom :1px dotted #3e3e00}
/* MENU HORIZONTALE */
#blocMenuHori{position:absolute; right:65px; top:78px; list-style:none ; overflow: hidden; margin:0px;}
#blocMenuHori li {float: left; height: 52px; margin-right: 0px;}
#blocMenuHori li a{ display: block; margin: 0px; padding: 0px ; height: 52px ;border:0px; /*IE6*/}
#blocMenuHori #acc{width: 109px; background: url("../im/tp/btnMH_Acc.jpg") left top no-repeat}
#blocMenuHori #acc:hover, #blocMenuHori #acc:focus, #blocMenuHori #acc:active {background: url("../im/tp/btnMH_Acc.jpg") left bottom no-repeat ;}
#blocMenuHori #art{width: 97px; background: url("../im/tp/btnMH_Art.jpg") left top no-repeat}
#blocMenuHori #art:hover, #blocMenuHori #art:focus, #blocMenuHori #art:active {background: url("../im/tp/btnMH_Art.jpg") left bottom no-repeat ;}
#blocMenuHori #jeu{width: 71px; background: url("../im/tp/btnMH_Jeux.jpg") left top no-repeat}
#blocMenuHori #jeu:hover, #blocMenuHori #jeu:focus, #blocMenuHori #jeu:active {background: url("../im/tp/btnMH_Jeux.jpg") left bottom no-repeat ;}
#blocMenuHori #hitP{width: 143px; background: url("../im/tp/btnMH_HitP.jpg") left top no-repeat}
#blocMenuHori #hitP:hover, #blocMenuHori #hitP:focus, #blocMenuHori #hitP:active {background: url("../im/tp/btnMH_HitP.jpg") left bottom no-repeat ;}
#bcRSS_jeux{position:absolute; right:33px; top:98px; background: url("../im/tp/btnRSS_jeux.gif") no-repeat; width:26px ; height:28px ;border:0px;}
#bcRSS_actu{position:absolute; right:4px; top:98px; background: url("../im/tp/btnRSS_actu.gif") no-repeat; width:29px ; height:28px ;border:0px;}
/* MISE EN PAGE */
.PEtrC{position: relative; margin:0 auto; width:450px} /*page étroite centrée*/
.PEtrCLarg{position: relative; margin:0 auto; width:650px}
.BcImp{padding:10px; margin:5px 0px; background-color:#fcf0d9 ; border:1px dotted #3e3e00}
.BcImp p{text-indent:10px}
.BcImp p:first-letter{font-weight:bolder; font-size:1.5em}
/* BLOCS & CADRE */
#blocTitreAgrafe {position:relative; float:left; width:100%; padding:0px; margin-bottom:5px; border:1px dotted #816216; font-size:9px}
#blocTitreAgrafe {-border:0px} /* IE6 */
#blocTitreAgrafe #blocTitre{position:absolute; margin:0px; height:35px; top:-11px; left:10px}
#blocTitreAgrafe #decoAgrafeHG{position:absolute; top:-5px; left:-5px; width:30px; height:30px; background:url("../im/tp/agrafe.png") no-repeat;}
#blocTitreAgrafe #decoAgrafeHG{-background:url("")} /* IE6 */
#blocTitreAgrafe #decoAgrafeBD{position:absolute; bottom:-5px; right:-5px; width:30px; height:30px; background:url("../im/tp/agrafe.png") no-repeat;}
#blocTitreAgrafe #decoAgrafeBD{-background:url("")} /* IE6 */
#blocTitreAgrafe #conteneur{padding:25px 2px 2px 2px}
.cErr{padding:5px; margin-bottom:10px; background:#ed2e2e url(../im/tp/cadreRougeFond.jpg) no-repeat ; border:1px dotted #380707; color:#380707; font-size:12px}
.cErr ul{margin-left:20px; list-style-image:none;}
.cErr p{margin:5px}
.cErr a{color:#380707}
.cOK{border:1px #506800 dotted; margin:10px 0px; background:#d6e1b7 url(../im/tp/cadreVertFond.jpg) no-repeat; padding:5px; color:#506800}
.cOK p{margin:5px}
.cOK a{color:#506800}
.cInfo{border:1px #3e3e00 dotted; margin:10px 0px; padding:5px; color:#3e3e00}
.cInfo p{margin:5px}
.cInfo a{color:#3e3e00}
.cadreJaune{padding:5px; margin-bottom:5px; background:#eee8d3 url(../im/tp/cadreJauneFond.jpg) no-repeat ; border:1px dotted }
.cadreJaune p{margin:5px 0px}
.cadreGrisC{padding:5px; margin-bottom:5px; background:#dadada url(../im/tp/cadreGrisCFond.jpg) no-repeat ; border:1px dotted }
.cadreGrisC p{margin:5px 0px}
.cadreJauneC{padding:5px; margin-bottom:5px; background:#f8edad url(../im/tp/cadreJauneCFond.jpg) no-repeat ; border:1px dotted }
.cadreJauneC p{margin:5px 0px}
.cadreVert{padding:5px; margin-bottom:5px; background:#d6e1b7 url(../im/tp/cadreVertFond.jpg) no-repeat ; border:1px dotted }
.cadreVert p{margin:5px 0px}
.cadreVertKaki{padding:5px; margin-bottom:5px; background:#c2cc98 url(../im/tp/cadreVertKaki.jpg) no-repeat ; border:1px dotted }
.cadreVertKaki p{margin:5px 0px}
.cadreBleu{padding:5px 5px 5px 85px; margin-bottom:5px; background:#a9c6ee url(../im/tp/cadreBleuFond.jpg) no-repeat ; border:1px dotted #020e23; color:#020e23}
.cadreBleu p{margin:0px; text-indent:10px}
.cadreBleuMini{padding:5px 5px 5px 35px; margin-bottom:5px; background:#a9c6ee url(../im/tp/cadreBleuFondMini.jpg) no-repeat ; border:1px dotted #020e23; color:#020e23}
.cadreBleuMini p{margin:0px; text-indent:10px}
.bcPubVoilee{background-color:#FFCC00}
/* TABLE */
.tabForm th{width:100px}
.tabForm td, .tabForm th{padding:2px; border-top:1px solid #3e3e00}
.tabForm .pair th{ background-color:#efe3a6}
.tabForm .impair th{ background-color:#cad2ab}
.tabForm .pair{ background-color:#faedad}
.tabForm .impair{ background-color:#d7e0b6}
.tabForm .actionPair{background-color:#4b4b00; color:#FFFFFF}
.tabForm .actionImpair{background-color:#404003; color:#FFFFFF}
.tabForm .actionPair th{background-color:#3d3d00}
.tabForm .actionImpair th{background-color:#333303}
.tabForm .action{background-color:#202000; text-align:center; color:#FFFFFF}
.tabForm label{margin:0px; font-weight:normal}
.tabForm label strong{font-weight:bolder}
.tabListe th{padding:2px 5px; color:#403d32; background-color:#e9e0bd; border-top:1px #beb697 solid; border-bottom:1px #beb697 solid}
.tabListe td{padding:5px; border-bottom:1px #beb697 solid; border-right:1px dotted #ccc5ab}
.tabListe .pair{margin:5px; background:#faedad url(../im/tp/cadreJauneCFond.jpg) no-repeat}
.tabListe .impair{margin:5px; background:#d7e0b6 url(../im/tp/cadreVertFond.jpg) no-repeat}
.tabListe .gris{margin:5px; background:#dadada url(../im/tp/cadreGrisCFond.jpg) no-repeat; color:#808080}
.tabListe .rupture{margin:5px; font-weight:bolder; color:#403d32; background:#beb697}
.tabNeutre td, .tabNeutre th{border:0px}
/* FORMULAIRE & BOUTON */
label{font-size:10px; font-variant:small-caps; margin:0px 10px 0px 2px; font-style:italic}
select{margin:2px; padding:0px; font-size:11px; border:solid 1px #9d8f6b; color:#000000}
.Selectliste{color:#000000}
option{color:#000000}
input{background:#f8f5f1 url("../im/tp/saisieFond.gif") repeat-x; height:15px; margin:2px; font-size:11px; border:solid 1px #9d8f6b;}
.inputNeutre{border:0px; background:url()}
.inputFile{height:18px}
.saisieLarg{width:750px}
.saisieMoy{width:250px}
.saisiePetit{width:200px}
textarea{padding:0px; font-size:11px; border:solid 1px #9d8f6b; background: #f8f5f1 url("../im/tp/saisieFond.gif") repeat-x}
#submit{margin-bottom: 5px; width:154px; height:26px; border:0px; background: url("../im/tp/btnM.gif"); font-style:oblique }
fieldset{margin-bottom: 5px; padding:5px; border:solid 1px #9d8f6b;}
.btnIco{margin:0px; width:26px; height:26px; border:0px; text-decoration:none} /* bouton icone */
.btnIco img{border:0px;}
.lienIcoTxt a, .lienIcoTxt span{text-decoration:underline; font-weight:normal; font-size:9px; cursor:pointer}
.lienIcoTxt img{vertical-align:middle; margin:0px 2px 0px 0px; border:0px}
/* DIVERS */
.page{position: relative; width:480px; height:70px; margin:0px 0px 2px 2px; border:0px; padding:10px 0px 0px 110px;font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-size:36px; background: url("../im/tp/fondTitreH1.gif") no-repeat; color:#3e3e00}
.page p{margin-top:-6px; font-style:italic; font-variant:normal; font-size:13px}
.page img{position: absolute; margin:-55px 0px 0px -79px}
/* ARTICLE (en général)*/
h1{margin:10px 0px 10px 0px; color:#ff3300; font-size:18px; border-bottom:1px solid}
h2{margin:10px 0px 10px 20px; color:#710000; font-size:16px; border-bottom:1px dotted}
h2 strong{color:#ff3300}
h3{margin:10px 0px 10px 40px; color:#c63a24; font-size:16px;}
h4{margin:10px 0px 10px 60px; color:#512700; font-size:15px;}
h5{margin:10px 0px 10px 80px; color:#443600; font-size:14px;}
h6{margin:5px 0px 5px 100px; color:#3e3e00; font-size:13px;}
.contenuRedige img{margin:5px; border:1px solid #3e3e00;}
.contenuRedige ul{margin:5px 0px 5px 25px}
#smi{margin:0px 1px; border:0px;}
.fig{font-style:italic}
.fig a{font-weight:normal; text-decoration:none}
/* REGLETTE */
.reglette{padding:10px; color:#710000; text-align:right; font-weight:bolder}
.reglette a, .reglette span{padding:5px; border:1px #3e3e00 solid; text-decoration:none}
.reglette a{color:#710000; background:#e9e0bd url(../im/tp/cellPage.jpg) no-repeat;}
.reglette span{color:#FFFFFF; background:#e9e0bd url(../im/tp/cellPageSel.jpg) no-repeat; font-size:13px}
.reglette a:hover{color:#ff3000;}
/* TEXT */
.txtMajeur{color:#ff3000; font-weight:bolder}
.txtMajeur a{color:#ff3000}
.txtMineur{font-size:9px; color:#5e5e5e}
.txtMineur strong{color:#4d4d4d}
.txtMineur a{color:#888888}
.txtLeger{font-size:11px; color:#710000}
.txtLeger a{font-size:11px; color:#710000; text-decoration:none }
.pErr{margin:2px; padding:2px 0px 2px 20px; color:#FF0000; background:url(../im/tp/ico/error.png) no-repeat}
.bulleInfo{text-decoration:none; border-bottom:dashed 1px}
/* COMMENTAIRE */
#blocComm{margin:5px auto; width:480px}
#blocFormComm{margin:5px}
#blocFormComm form {text-align:center}
#blocFormComm textarea {width:455px}
#unCommPair{ background:url(../im/tp/fondCommPair.jpg) top no-repeat;}
#unCommImpair{ background:url(../im/tp/fondCommImpair.jpg) top no-repeat;}
#enteteComm{padding:2px; height:35px}
#commPseudo a{margin:0px; padding:0px; color:#ff3000; font-weight:bold}
#commAno{margin:0px; padding:0px; color:#666666 ; font-weight:bold}
#commDate{margin:0px; padding:0px; color:#710000; font-size:9px; font-style:italic}
#corpsComm{padding:0px 15px 10px 15px; font-size:11px;}
#corpsComm .libModComm {margin-top:5px; text-align:right; font-size:9px; font-style:italic; color:#888888}
/* MODULE EXTERNE */
/*jquery.textarearesizer*/
div.grippie {background:#9D8F6B url(../im/tp/poignee.gif) no-repeat scroll center 0px; border:0px; cursor:s-resize; height:4px; overflow:hidden;}
/*jquery.tooltip*/
.tooltipJauneC{margin:5px; background:#f8edad url(../im/tp/cadreJauneCFond.jpg) no-repeat; color:#000000}
.tooltipJauneC img{margin: 0px 0px 0px 3px; border:1px solid #3E3E00}