body {behavior:url('http://www.titange.com/squelettes/csshover.htc'); font-family:geneva, sans-serif ; background-color:#F6F4E3; }
html, body, img, table, label {margin:0; padding:0; border:none; }
div, a, ul, ol, li, select, input, b, form, p {margin:0; padding:0; }
ul, li {list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

/* taille typo */
body {font-size: 12px; }
h1 {font-size:16px; }
h2, h3 {font-size:14px; }
h4, h5, h6 {font-size:12px; }

a {text-decoration:none; }
a:hover {text-decoration:underline; }

/* Espaceur de blocs */
.nettoyeur {clear:both; margin:0; padding:0; border:none; height:0; line-height:1px; font-size:1px; }
.espaceur {clear:both; margin:0; padding:0; border:none; height:0; line-height:5px; font-size:1px; }
/* Non visible a l'ecran */
.invisible {position:absolute; top:-3000em; height:1%; }
.format_png { behavior: url('http://www.titange.com/win_png.htc'); }

/* couleurs et couleurs typo */
body, a, a:hover {color: #333; }


.bleu, a.bleu, a:hover.bleu {color:#6699CC; }
.bleufonce, a.bleufonce, a:hover.bleufonce {color:#002F2F; }

.rose, a.rose, a:hover.rose {color:#FCEFF7; }
.rosefonce, a.rosefonce, a:hover.rosefonce {color:#F5D5E9; }
.roseplusfonce, a.roseplusfonce, a:hover.roseplusfonce {color:#F29AC6; }
.rosetresfonce, a.rosetresfonce, a:hover.rosetresfonce {color:#D3228F; }

.violet, a.violet, a:hover.violet {color:#B63450; }

.vertclair, a.vertclair, a:hover.vertclair {color:#d0de8d; }
.vertfonce, a.vertfonce, a:hover.vertfonce {color:#56660e; }

.orange, a.orange, a:hover.orange {color:#ff742b; }
.orangeclair, a.orangeclair, a:hover.orangeclair {color:#fec58d; }
.orangefonce, a.orangefonce, a:hover.orangefonce {color:#D3228F; }

.beigeclair, a.beigeclair, a:hover.beigeclair {color:#fdfbf0; }
.beigefonce, a.beigefonce, a:hover.beigefonce {color:#e6deb5; }
.beigeplusfonce, a.beigeplusfonce, a:hover.beigeplusfonce {color:#d6cfa1; }

.black, a.black, a:hover.black {color:#000; }
.white, a.white, a:hover.white {color:#FFF; }
img.fleft {float:left; margin-right:10px; }
img.fright {float:right; margin-left:10px; }

.ulleft {width:45%; }
.ulright {width:45%; float:right; }

.puceverte {background:url('http://www.titange.com/squelettes/img/gifs/puce_verte.gif') no-repeat 0 3px; padding-left:20px; }
.pucebleu {background:url('http://www.titange.com/squelettes/img/gifs/puce_bleu.gif') no-repeat 1% 2px; padding-left:15px; }
.pucerouge {background:url('http://www.titange.com/squelettes/img/gifs/puce_rouge.gif') no-repeat 1% 2px; padding-left:15px; }

span.commentaires {margin-bottom:15px; }
.pointbot {background:url('http://www.titange.com/squelettes/img/gifs/pointbleu.gif') repeat-x left bottom; }
.imgdeco {border:1px solid #CCC; padding:2px; }
.cur {font-weight:bold; }
.seesite {padding-bottom:15px; }
p.spip {padding-bottom:10px; }
p.spip span.spip_documents img {margin-right:5px; margin-left:5px; padding:2px; border:1px solid #CCC; }
div.forum-repondre {padding-bottom:15px; }

/* affichage des formulaires */
.formulaire_notation {display:block; width:auto; margin:2px; padding:10px; }
.formulaire_site {margin:0 10px 10px 10px; }
.formulaire_inscription b {color:#D3228F; cursor:pointer; }
.formulaire_forum fieldset {border:none; padding-bottom:5px; border-bottom:1px solid #e6deb5; margin-bottom:10px }
.formulaire_forum label {display:block; text-align:left; }
.formulaire_inscription {background-color:#d6cfa1; padding:10px; margin-bottom:10px; }
.formulaire_inscription legend {color:#D3228F; padding:5px 0; }
.formulaire_inscription fieldset {border:none; }
.formulaire_recherche {background-color:#FCEFF7; margin-bottom:10px; text-align:center; padding:10px; }
.formulaire_recherche div label {margin-right:10px; }
#documents_portfolio {margin-bottom:15px; }
#documents_portfolio img {padding:2px; border:1px solid #CCC; margin-right:10px; }
#document_actif {width:400px; margin:15px auto; text-align:center; padding:20px 0; border:1px solid #A8A790; background:#FFF; }
p.spip_bouton input {border:1px solid #A8A790; background-color:#FCEFF7; color:#56660e; margin:3px 0; }
p.spip_bouton input:hover {border:1px solid #A8A790; background-color:#e6deb5; color:#56660e; margin:3px 0; cursor:pointer; }
p.spip_bouton input.highlightinput {border:1px solid #56660e; background-color:#6699CC; color:#D3228F; margin:3px 0; }
p.spip_bouton input:hover.highlightinput {border:1px solid #56660e; background-color:#FFF; color:#D3228F; margin:3px 0; cursor:pointer; }

/* Gestion des "largeurs" uniquement des colonnes et borders associées*/
#page {width:1020px; margin:0 auto; }
#paddpage {float:left; padding:0 5px 0 5px; width:1010px; }
#header {background-color:#FFF; width:1010px; height:175px; border-top:1px solid #FFF; }
#logosite {margin:15px 0 0 30px; width:710px; }
#shortdesc {width:550px; display:inline; float:right; color:#B63450; font-weight:bold; }
#navtop {float:left; position:absolute; top:80px; margin-left:10px; padding:1px 1px 0 0; }
#content {width:1010px; }
#allcontent {width:1010px;}
#maincontent {float:left; width:730px; padding:10px; }
#mainlarge{width:710px; padding:10px; }
#navvert {float:right; width:250px; }
#premier {float:left; width:420px; }
#contenu {float:left; width:400px; }
#subnav {float:right; width:320px; }
#alaune {float:right; width:250px; }
#subart {float:right; width:260px; margin-left:10px; }

/* Gestion des styles pour une seule colonne centrale */
#contenularge {width:730px; }

/* Css globale */
#page {background-color:#CCC; }
#paddpage {background:url('http://www.titange.com/squelettes/img/gifs/fd_ombre.gif') repeat-y left top; }
#header {/*background:url('http://www.titange.com/squelettes/img/jpg/fd_header.jpg') no-repeat left top; */}

/* navigation horizontale
#navtop {font-size:12px; }
#navtop ul,#navtop li {display:inline; }
#navtop li {float:left; height:41px; background:transparent url('http://www.titange.com/squelettes/img/gifs/navleftboth.gif') no-repeat top left; margin-right:2px; }
#navtop li:hover {background:transparent url('http://www.titange.com/squelettes/img/gifs/navleftboth.gif') no-repeat left -60px; }
#navtop li.select {background:transparent url('http://www.titange.com/squelettes/img/gifs/navleftboth.gif') no-repeat left -60px; }
#navtop li a {color:#FFF; width:.1em; white-space:nowrap; display:block; padding:18px 20px 8px 35px; background:url('http://www.titange.com/squelettes/img/gifs/navrightboth.gif') no-repeat top right; font-weight:bold; }
#navtop > ul a {width:auto; display:block; padding:18px 20px 8px 35px; background:url('http://www.titange.com/squelettes/img/gifs/navrightboth.gif') no-repeat top right; font-weight:bold; }
#navtop li a:hover {display:block; padding:18px 20px 8px 35px; background:url('http://www.titange.com/squelettes/img/gifs/navrightboth.gif') no-repeat right -60px; } 
#navtop li a.select, #navtop li a:hover.select {background:url('http://www.titange.com/squelettes/img/gifs/navrightboth.gif') no-repeat right -60px; }
*/
div#navtop {height:95px; }
div#navtop ul, div#navtop li {display:inline; }
div#navtop li {float:left; padding-left:5px; font-size:11px; }
#navtop a {color:#B63450; }
a#nav1 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav1.gif') no-repeat top left; }
a#nav2 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav2.gif') no-repeat top left; }
a#nav3 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav3.gif') no-repeat top left; }
a#nav4 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav4.gif') no-repeat top left; }
a#nav5 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav5.gif') no-repeat top left; }
a#nav6 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav6.gif') no-repeat top left; }
a#nav7 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav7.gif') no-repeat top left; }
a#nav8 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav8.gif') no-repeat top left; }
a#nav9 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav9.gif') no-repeat top left; }
a#nav10 {display:block; height:90px; width:80px; background:url('../IMG/navigation/nav10.gif') no-repeat top left; }
a#nav1 b, a#nav2 b, a#nav3 b, a#nav4 b, a#nav5 b, a#nav6 b, a#nav7 b, a#nav8 b, a#nav9 b, a#nav10 b {display:block; width:80px; /*position: absolute; top:60px;*/ text-align:center; }
a:hover#nav1 b, a:hover#nav2 b, a:hover#nav3 b, a:hover#nav4 b, a:hover#nav5 b, a:hover#nav6 b, a:hover#nav7 b, a:hover#nav8 b, a:hover#nav9 b, a:hover#nav10 b {display:block; width:80px; position: absolute; top: -3000em; height: 1%; }
a:hover#nav1 {background:url('../IMG/navigation/nav1.gif') no-repeat left -90px; }
a:hover#nav2 {background:url('../IMG/navigation/nav2.gif') no-repeat left -90px; }
a:hover#nav3 {background:url('../IMG/navigation/nav3.gif') no-repeat left -90px; }
a:hover#nav4 {background:url('../IMG/navigation/nav4.gif') no-repeat left -90px; }
a:hover#nav5 {background:url('../IMG/navigation/nav5.gif') no-repeat left -90px; }
a:hover#nav6 {background:url('../IMG/navigation/nav6.gif') no-repeat left -90px; }
a:hover#nav7 {background:url('../IMG/navigation/nav7.gif') no-repeat left -90px; }
a:hover#nav8 {background:url('../IMG/navigation/nav8.gif') no-repeat left -90px; }
a:hover#nav9 {background:url('../IMG/navigation/nav9.gif') no-repeat left -90px; }
a:hover#nav10 {background:url('../IMG/navigation/nav10.gif') no-repeat left -90px; }

#content {background-color:#56660e; }
#maincontentpadd {background-color:#B63450; padding-top:2px; }
#allcontent {background:#FCEFF7 url('http://www.titange.com/squelettes/img/gifs/fd_main.gif') repeat-y right top; }

#hierarchie {margin:5px 0 10px 0; padding:5px 10px; background-color:#FFF; }
#mainlarge {background-color:#FFF; margin-bottom:10px; }
#premier h1 {color:#56660e; font-weight:bold; border-bottom:2px solid #56660e; margin-bottom:10px; }
#premier p {margin-bottom:5px; text-align:justify; }
#premier img.spip_logos {float:left; border:1px solid #CCC; padding:2px; margin-right:10px; }

#alaune {background-color:#FCEFF7; padding:10px; }
#alaune h3, #alaune h3 a {color:#D3228F; font-weight:bold; margin-bottom:5px; }
#alaune p {text-align:justify; }
#midad {padding-left:30px; }
#midtxt {padding:0 30px; }

.contautre h1 {color:#D3228F; font-weight:bold; border-bottom:2px solid #D3228F; margin-bottom:10px; }
.contautre {background-color:#FFF; padding:10px; margin-bottom:10px; }
.contautre h2 {color:#56660e; font-weight:bold; margin-bottom:10px; padding-bottom:3px; background:url('http://www.titange.com/squelettes/img/gifs/pointbleu.gif') repeat-x bottom left; }
.contautre ul {padding:0 0 10px 10px ; }
.contautre ul li {background:url('http://www.titange.com/squelettes/img/gifs/puce_bleu.gif') no-repeat 0% 6px; padding-bottom:5px; padding-left:10px; }
.contautre ul li a {text-decoration:underline; }
.contautre p img.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.contautre p {text-align:justify; }
.contautre strong i {color:#D3228F; }
.contautre fieldset {border:none; }
.contautre legend {padding:5px 0 10px 0; color:#D3228F; }
.contautre label {display:block; }

ul.liste_art_home li {background:none; }
ul.liste_art_home img {float:left; margin-right:10px; border:1px solid #CCC; padding:1px; }

.subrub {background:#d0de8d; padding:10px; margin-bottom:10px; }
.subrub h4 {color:#56660e; font-weight:bold; margin:10px; }
.subrub li {background:url('http://www.titange.com/squelettes/img/gifs/puce_rouge.gif') no-repeat 0% 6px; padding-left:10px; }

.subsites {background:#d0de8d; margin-bottom:10px; }
.subsites h4 {color:#56660e; font-weight:bold; margin:10px; }
.subsites li {padding:10px; text-align:justify; }
.subsites li:hover {background:#fdfbf0; }
.subsites li b.sitetitre {color:#D3228F; }
.subsites li a, .subsites li a:hover {text-decoration:none; }
.subsites li img {float:left; margin-right:10px; padding:2px; border:1px solid #CCC; }
.subsites fieldset {border:none; }
.subsites legend {color:#D3228F; padding:5px 0; font-weight:bold; cursor:pointer; }
.subsites legend:hover {text-decoration:underline; }
.subsites label {display:block; }
.subsites input, .subsites textarea {width:250px; }
.subsites p.spip_bouton input {width:auto; }

.subautre {background:#d0de8d; padding:10px; margin-bottom:10px; }
.subautre h4 {color:#56660e; font-weight:bold; margin:10px; }
.subautre li {background:url('http://www.titange.com/squelettes/img/gifs/puce_rouge.gif') no-repeat 0% 6px; padding-left:10px; }
.subautre li a:hover {text-decoration:underline; }

.subad {background:#d0de8d; padding:10px 5px; margin-bottom:10px; }

#lesauteurs {height:30px; line-height:30px; }
#auteur {float:right; margin-right:5px; }

#participer, #participer2 {margin-bottom:10px; padding:10px 0; height:24px; line-height:24px; border-top:1px solid #B63450; border-bottom:1px solid #B63450; }
#participer ul li, #participer2 ul li {float:left; display:inline; }
#accessoires li, #accessoires2 li {height:24px; line-height:24px; }
#artfav, #artfav2 {background:url('http://www.titange.com/squelettes/img/gifs/favoris.gif') no-repeat 1% 1px; padding-left:25px; margin-right:15px; }
#artcom, #artcom2 {background:url('http://www.titange.com/squelettes/img/gifs/commentaires.gif') no-repeat 0% 1px; padding-left:25px; margin-right:15px; }
#artami, #artami2 {background:url('http://www.titange.com/squelettes/img/gifs/envoie.gif') no-repeat 0% 2px; padding-left:25px; margin-right:15px; }
#artpdf, #artpdf2 {background:url('http://www.titange.com/squelettes/img/gifs/pdf.gif') no-repeat 0% 1px; padding-left:25px; margin-right:15px; }
#artimp, #artimp2 {background:url('http://www.titange.com/squelettes/img/gifs/imprimer.gif') no-repeat 0% 1px; padding-left:25px; margin-right:15px; }

.subrub li a, .subautre li a {color:#D3228F; }

#navvert {padding:10px 5px; background-color:#FFF; }
#favoris {background-color:#FCEFF7; margin-bottom:10px; text-align:center; padding:10px; cursor:pointer; font-weight:bold; }
#menu {background-color:#FFF; padding:3px 0 0 0; margin-bottom:10px; }
#menu a, #menu a:hover {text-decoration:none; }
#menu ul li.mainrub, #menu ul li.mainrubnosub {border-bottom:1px solid #D3228F; }
#menu ul li.mainrub a, #menu ul li.mainrubnosub a {display:block; padding:3px 10px; width:220px; }
#menu ul li a {color:#D3228F; }
#menu ul li ul {padding-bottom:1px; }
#menu ul li li {padding:2px; border-bottom:1px dotted #D3228F; }
#menu ul li li:hover, #menu ul li li a:hover {background-color:#e6deb5; }
#menu ul li li.subfirst {border-top:1px dotted #D3228F; }
#menu ul li li.sublast {border-bottom:none; }

.navvertautre {background-color:#FCEFF7; padding:10px 0; margin-bottom:10px; }
.navvertautre h4 {color:#D3228F; padding:5px 10px; }
.navvertautre ul {padding-left:10px; }
.navvertautre li {background:url('http://www.titange.com/squelettes/img/gifs/puce_rouge.gif') no-repeat 0% 6px; padding-left:10px }
.navvertautre li a {padding:3px 0; }

.navvertautre .formulaire_site fieldset {border:none; }
.navvertautre .formulaire_site legend {color:#333; cursor:pointer; }
.navvertautre .formulaire_site textarea {width:210px; }

p.pagination {font-size:80%; height:18px; text-align:center; padding-top:12px; margin-bottom:10px; }
p.pagination a {padding:2px 4px; margin-right:8px; background-color:#FFF; border:1px solid #56660e; }
p.pagination a:hover {text-decoration:none; background-color:#6699CC; }
p.pagination span.on {padding:2px 4px; margin-right:8px; background-color:#6699CC; border:1px solid #56660e; } 

#theme {font-size:75%; padding:10px 0; }
#theme a {color:#FCEFF7; }

/* page plan */
#plan h2 {background:url('http://www.titange.com/squelettes/img/gifs/puce_rouge.gif') no-repeat 1% 6px; padding-left:15px; margin:15px 0 10px 0; }
#plan h2 a {color:#D3228F; }
#plan div.contre-encart {margin-left:20px; }
#plan div div {margin-left:20px; }
#plan div div h3 {color:#56660e; }

.contannu h1 {color:#D3228F; font-weight:bold; border-bottom:2px solid #D3228F; margin-bottom:10px; }
.contannu {background-color:#FFF; padding:10px; margin-bottom:10px; }
.contannu ul li {background:url('http://www.titange.com/squelettes/img/gifs/puce_bleu.gif') no-repeat 0% 6px; padding-bottom:5px; padding-left:10px; }
.contannu ul li a {text-decoration:underline; }
.contannu p img.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.contannu p {text-align:justify; }
.contannu strong i {color:#D3228F; }
.contannu fieldset {border:none; }
.contannu legend {padding:5px 0 10px 0; color:#D3228F; }
.contannu label {display:block; }
.rubannuentete {margin-bottom:10px; width:375px; }
#rubsannu ul li.rootrub {border:1px solid #F29AC6; margin-bottom:10px; padding:10px; background: url('http://www.titange.com/IMG/jpg/fd-podrubannu.jpg') repeat-x top left; }
.rubsannusubrubs {padding-top:10px; }
.deployer img {margin-right:5px; }
.contannu h2, #rubsannusites h2 {color:#D3228F; font-weight:bold; border-bottom:1px solid #D3228F; margin-bottom:10px; }
#rubsannusites img.spip_logos {float:left; padding:2px; margin-right:10px; border:1px solid #FCEFF7; }
#rubsannusites li {padding-bottom:10px; margin-bottom:10px; }
#rubsannusites li a {text-decoration:none; }
#rubsannusites li.pointrose {background:url('http://www.titange.com/IMG/gifs/pointrose.gif') repeat-x bottom left; }

#piedpadd {padding-top:2px; background:#FFF; }
#pied {background-color:#D3228F; padding:20px 10px; width:990px; text-align:center; }
#useful li {display:inline; padding:2px 10px 15px 10px;  }
#pied #sitesdugroupe {text-align:left; margin-left:50px; font-size:10px; width:870px; }
#sitesdugroupe small {display:block; padding-bottom:15px; }
#sitesdugroupe li a {color:#000;  text-decoration:underline; }
#sitesdugroupe li {float:left; width:30%; display:inline; }