body {behavior:url('http://www.references-web.com/csshover.htc'); font-family:geneva, sans-serif ; background-color:#EFEAEE; }
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:15px; font-weight:bold; }
h2, h3 {font-size:12px; }
h4, h5, h6 {font-size:11px; }

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.references-web.com/win_png.htc'); }

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


.bleu, a.bleu, a:hover.bleu {color:#B5C9E0; }
.bleuclair, a.bleuclair, a:hover.bleuclair {color:#6EC4FD; }
.bleufonce, a.bleufonce, a:hover.bleufonce {color:#4B5494; }
.orange, a.orange, a:hover.orange {}
.orangeclair, a.orangeclair, a:hover.orangeclair {}
.orangefonce, a.orangefonce, a:hover.orangefonce {color:#FFAD00; }
.vert, a.vert, a:hover.vert {color:#99CC33; }
.vertclair, a.vertclair, a:hover.vertclair {color:#EDF6C9; }
.vertfonce, a.vertfonce, a:hover.vertfonce {color:#666600; }
.marron, a.marron, a:hover.marron {color:#993300; }
.marronclair, a.marronclair, a:hover.marronclair {color:#F6D7B8; }
.marronfonce, a.marronfonce, a:hover.marronfonce {color:#49281E; }
.rose, a.rose, a:hover.rose {color:#CC0033; }
.roseclair, a.roseclair, a:hover.roseclair {color:#DA7C8C; }
.rosefonce, a.rosefonce, a:hover.rosefonce {color:#C80115; }
.red, a.red, a:hover.red {color:#C80100; }

.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; }

.ulfirst {width:150px; float:right; }
.ulsecond {width:140px; float:right; }
.ulthird {width:140px; }

.puceviolet {background:url('http://www.references-web.com/IMG/gifs/puce_violet.gif') no-repeat 1% 5px; padding-left:15px; }
.puceverte {background:url('http://www.references-web.com/IMG/gifs/puce_verte.gif') no-repeat 1% 5px; padding-left:15px; }
.pucerose {background:url('http://www.references-web.com/IMG/gifs/puce_rose.gif') no-repeat 1% 5px; padding-left:15px; }
.pucebleu {background:url('http://www.references-web.com/IMG/gifs/puce_bleu.gif') no-repeat 1% 2px; padding-left:15px; }
.puceorange {background:url('http://www.references-web.com/IMG/gifs/puce_orange.gif') no-repeat 1% 5px; padding-left:15px; }

span.commentaires {margin-bottom:15px; }
.pointbot {background:url('http://www.references-web.com/IMG/gifs/modpointille.gif') repeat-x left bottom; }
.imgdeco {border:1px solid #B5C9E0; padding:2px; }
.chapo img {margin-top:15px; }
.cur {font-weight:bold; }
.seesite {padding-bottom:15px; }
.rubdesc {padding-bottom:15px; }

/* affichage des formulaires */
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:1018px; margin:0 auto; }
#farside {float:right; width:160px; margin-left:10px; }
#paddpage {float:left; padding:0 4px 0 4px; width:1010px; }
#head {width:1000px; height:150px; }
#logo {padding:10px 0 0 25px; width:250px; float:left; }
#banner {width:478px; margin:75px 0 0 0; float:right; }
#contentmain {width:1000px; } 
/* colonne principale */
#colcenter {float:left; width:728px; padding:5px 6px; }
#main, #mainsite {margin-right:10px; }
#desc, #mainsite {padding-left:15px; }
#desc {margin-right:10px; }
#desc p {padding:0 100px 5px 20px; }
#mainconteneur {width:550px; }
#alaune {margin-right:10px; width:540px; }
#siteune {width:255px; border-right:1px dotted #B5C9E0; padding-right:10px; }
#artune {width:260px; }
#lesfiches {margin-right:10px; width:540px; }
#nav {width:160px; }
#inscnews div {padding-left:55px; }
#colside {float:right; width:260px; padding:0; }
#colside div {padding-right:10px; }
#colsidepave {padding-bottom:5px; }
#artcross, #crossprod, #crosscat {margin-right:10px; padding:10px; }

/* Css globale */
#titre {width:700px; text-align:center; }
#hierarchie {padding-bottom:10px; font-size:11px; }
#main, #mainsite {margin-bottom:10px; border-bottom:2px solid #B5C9E0; }
#rubads {float:right; }
#mainsite {padding-right:10px; min-height:340px; }
#mainsite h1 {margin-bottom:10px; }
#mainsite p {text-align:justify; margin-bottom:5px; }
#mainsite p.entete a, #mainsite a {color:#999; border-bottom:1px dashed #999; }
#mainsite a:hover {text-decoration:none; }
#mainsite p.seesite a.rosefonce {color:#C80115; border-bottom:none; }
#mainads {float:right; width:340px; margin-left:15px; }
#paddpage {background:url('http://www.references-web.com/IMG/gifs/fd_ombre.gif') repeat-y left top; }
#head {background:url('http://www.references-web.com/IMG/gifs/header-main.gif') no-repeat left top; }
#homemainrubs {padding-bottom:15px; width:475px; }
#homemainrubs h2 {margin-bottom:10px; color:#B5C9E0; border-bottom:2px solid #B5C9E0; }
#homemainrubs ul {padding:0 5px 0 5px; }
#homemainrubs ul li {height:30px; line-height:30px; vertical-align:middle; }
#homemainrubs ul li:hover {background-color:#ECEDF4; }
#homemainrubs ul li a:hover {text-decoration:none; }
#homemainrubs ul li img {padding-right:10px; }

#lastarticles, #lastvoyages, #lastfiches {width:225px; margin:0 0 10px 10px; float:left; padding-bottom:15px; min-height:330px; }
#lastarticles h2, #lastvoyages h2, #lastfiches h2 {font-weight:bold; }
#lastarticles h3, #lastvoyages h3, #lastfiches h3 {font-weight:bold; }
#lastarticles h2 {color:#0062A0; border-bottom:2px solid #0062A0; }
#lastvoyages h2 {color:#546505; border-bottom:2px solid #546505; }
#lastfiches h2 {color:#902F05; border-bottom:2px solid #902F05; }
#alllast {margin-top:15px; }
.miseenavant {min-height:150px; }
#lastarticles li, #lastvoyages li {background:transparent url('http://www.references-web.com/IMG/gifs/carre_bleu.gif') no-repeat 1% 5px; padding-left:15px; margin-bottom:5px; }
#lastfiches li {background:transparent url('http://www.references-web.com/IMG/gifs/carre_bleu.gif') no-repeat 1% 5px; padding-left:20px; margin-bottom:5px; }

#article_une {width:200px; float:right; background:url('http://www.references-web.com/IMG/gifs/derniereminute.gif') no-repeat top left; padding-left:25px; }
#article_une b.orangefonce {display:block; border-bottom:2px solid #FFAD00; }
#article_une h3 {padding-bottom:10px; font-weight:bold; }
#article_une h3 a {color:#C80115; }
#article_une img {margin-right:10px; }
#article_une p {text-align:justify; }
/* col center */
#colcenter {background:url('http://www.references-web.com/IMG/gifs/modcolcenterside.gif') repeat-y right top; }
#context {margin-bottom:10px; padding-bottom:2px; background:url('http://www.references-web.com/IMG/gifs/modpointille.gif') repeat-x left bottom; }

.maingg {float:right; }
#desc {padding-bottom:15px; margin-right:340px; }
#desc h1 {color:#4B5494; font-weight:bold; text-transform:uppercase; padding-bottom:2px; width:360px; }
#desc h3 {margin-bottom:10px; }
#desc p {text-align:justify; padding:0 20px 5px 20px; }

#mainconteneur {float:right; }
#alaune {margin-bottom:10px; }
#siteune {float:left; }
#siteune h3 {font-weight:bold; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #B5C9E0; }
#siteune h3 a {color:#B5C9E0; }
#siteune p {text-align:justify; }
#artune {float:right; }
#artune h3 {font-weight:bold; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #99CC33; }
#artune h3 a {color:#99CC33; }
#artune p {text-align:justify; }
#midtxt {padding:0 30px 15px 30px; }
#midtxt a {color:#666; text-decoration:none; }
#midtxt a:hover {color:#999; text-decoration:underline; }
#midtxt a.red {color:#C80100; text-decoration:none; }
#midtxt a.red:hover {color:#C80100; text-decoration:underline; }
div.adartpave {float:right; padding-left:10px; }

#ficheshome {float:right; margin-left:10px; margin-right:10px; margin-bottom:10px; width:335px; }
#siteshome {margin-left:15px; margin-bottom:10px; margin-right:5px; width:335px; }
#siteshome h3, #ficheshome h3 {color:#4B5494; font-weight:bold; font-size:12px; text-transform:uppercase; padding-bottom:2px; }
#siteshome h3 img, #ficheshome h3 img {margin-bottom:5px; }
#siteshome li, #ficheshome li {padding:10px; min-height:70px; }
#siteshome li:hover, #ficheshome li:hover {background-color:#ECEDF4; }
#siteshome li a, #ficheshome li a {text-decoration:none; }
#siteshome li img.plusdinfo, #ficheshome li img.plusdinfo {float:right; margin-top:30px; margin-left:30px; }
#siteshome li img.imglogo, #siteshome li img.spip_logos, #ficheshome li img.imglogo, #ficheshome li img.spip_logos {float:left; margin-top:10px; margin-bottom:10px; margin-right:15px; }

#inscrub {margin-bottom:15px; }
#inscrub ul {margin-top:15px; }
#inscrub li {float:left; display:inline; width:110px; padding:5px; text-align:center; }
#inscexplain {width:280px; float:right; text-align:justify; margin-top:15px; margin-right:15px; }

#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.references-web.com/IMG/gifs/favoris.gif') no-repeat 1% 1px; padding-left:25px; margin-right:15px; }
#artcom, #artcom2 {background:url('http://www.references-web.com/IMG/gifs/commentaires.gif') no-repeat 0% 1px; padding-left:25px; margin-right:15px; }
#artami, #artami2 {background:url('http://www.references-web.com/IMG/gifs/envoie.gif') no-repeat 0% 2px; padding-left:25px; margin-right:15px; }
#artpdf, #artpdf2 {background:url('http://www.references-web.com/IMG/gifs/pdf.gif') no-repeat 0% 1px; padding-left:25px; margin-right:15px; }
#artimp, #artimp2 {background:url('http://www.references-web.com/IMG/gifs/imprimer.gif') no-repeat 0% 1px; padding-left:25px; margin-right:15px; }

#moreart {margin-right:10px; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #B5C9E0; }
#moreart h3 {margin-bottom:10px; }
#moreart li {background:url('http://www.references-web.com/IMG/gifs/puce_bleu.gif') no-repeat 1% 2px; padding-left:15px; }
#moreart img {margin-left:35px; }

#sousrub {margin-right:10px; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #B5C9E0; }
#sousrub h3 {margin-bottom:10px; }
#sousrub li {background:url('http://www.references-web.com/IMG/gifs/puce_bleu.gif') no-repeat 1% 2px; padding-left:15px; }

#lesfiches {margin-bottom:10px; }
#lesfiches h3, #moreart h3, #sousrub h3, #inscrub h3 {color:#4B5494; font-weight:bold; font-size:12px; text-transform:uppercase; padding-bottom:2px; }
#lesfiches h3 img {margin-bottom:5px; }
#lesfiches li {padding:10px; min-height:70px; }
#lesfiches li:hover {background-color:#ECEDF4; }
#lesfiches li a {text-decoration:none; }
#lesfiches li img.plusdinfo {float:right; margin-top:30px; margin-left:30px; }
#lesfiches li img.imglogo, #lesfiches li img.spip_logos {float:left; margin-top:10px; margin-bottom:10px; margin-right:15px; }
.fichedetail img {float:right; }
.pucebleuprod {background:url('http://www.references-web.com/IMG/gifs/puce_bleu.gif') no-repeat 0% 5px; padding-left:5px; }

#lessites {margin-bottom:10px; margin-right:10px; }
#lessites h3, #moreart h3, #sousrub h3 {color:#4B5494; font-weight:bold; font-size:12px; text-transform:uppercase; padding-bottom:2px; }
#lessites h3 img {margin-bottom:5px; }
#lessites li {padding:10px; min-height:70px; }
#lessites li:hover {background-color:#ECEDF4; }
#lessites li a {text-decoration:none; }
#lessites li img.plusdinfo {float:right; margin-top:30px; margin-left:30px; }
#lessites li img.imglogo, #lessites li img.spip_logos {float:left; margin-top:10px; margin-bottom:10px; margin-right:15px; }
p.pagination {width:540px; height:30px; background-color:#ECEDF4; text-align:center; padding-top:12px; }
p.pagination a {padding:4px 7px; margin-right:8px; background-color:#FFF; border:1px solid #C80115; }
p.pagination a:hover {text-decoration:none; background-color:#FAA2AB; }
p.pagination span.on {padding:4px 7px; margin-right:8px; background-color:#FAA2AB; border:1px solid #666; } 

.moreliste {margin-bottom:10px; margin-right:10px; padding-bottom:10px; border-bottom:2px solid #B5C9E0; }
.moreliste h2 {color:#4B5494; font-weight:bold; font-size:12px; text-transform:uppercase; padding-bottom:2px; }
.moreliste li {background:url('http://www.references-web.com/IMG/gifs/carre_bleu.gif') no-repeat 0% 5px; padding-left:5px; padding-left:10px; padding-bottom:2px; }

.morerubs {margin-bottom:10px; margin-right:10px; padding-bottom:10px; border-bottom:2px solid #B5C9E0; }
.morerubs h2 {color:#4B5494; font-weight:bold; font-size:12px; text-transform:uppercase; padding-bottom:2px; }
.morerubs li {background:url('http://www.references-web.com/IMG/gifs/carre_violet.gif') no-repeat 0% 5px; padding-left:5px; padding-left:10px; padding-bottom:2px; }

#nav {border-top:1px solid #B5C9E0; }
#nav li {width:160px; border-bottom:1px solid #B5C9E0; }
#nav a, #nav a:hover {color:#666; background:url('http://www.references-web.com/IMG/gifs/puce_bleufonce.gif') no-repeat 3% 6px; }
#nav a:hover {background:#6EC4FD url('http://www.references-web.com/IMG/gifs/puce_bleufonce.gif') no-repeat 3% 6px; text-decoration:none; }
/* hack IE zone cliquable */
#nav li a, #nav li li a {width:.1em; white-space:nowrap; display:block; width:135px; height:18px; padding:3px 5px 3px 20px; }
#nav > ul a, #nav > ul ul a {width:auto; display:block; width:135px; height:18px; padding:3px 5px 3px 20px; }
#nav a.cur {background:#6EC4FD url('http://www.references-web.com/IMG/gifs/puce_bleufonce.gif') no-repeat 3% 6px; }

#nav ul ul {border-bottom:1px solid #B5C9E0; background:url('http://www.references-web.com/IMG/jpg/fdmenu.jpg') repeat-x top left; }
#nav li li a {padding-left:10px; width:145px; background:none; }
#nav li li a:hover {background:#6EC4FD; }
#nav li li, #nav li.currub {border-bottom:none; }

/* col side */
#inscnews {background:url('http://www.references-web.com/IMG/jpg/modfdnews.jpg') no-repeat left top; padding-top:16px; padding-bottom:60px; }
#inscnews div {padding-top:28px; }
#inscnews div input#mail_inscription_ {width:100px; height:15px; border:1px solid #8A2D04; vertical-align:top; }

#inscnewspromo {background:url('http://www.references-web.com/IMG/jpg/modfdnewspromo.jpg') no-repeat left top; padding-top:26px; padding-bottom:50px; }
#inscnewspromo div#news {padding-top:28px; padding-left:55px; padding-bottom:50px; }
#inscnewspromo div input {width:100px; height:15px; border:1px solid #8A2D04; vertical-align:top; }
#promo {padding:25px 0 30px 5px; }
#remise {float:right; margin-right:9px; padding-top:30px; }

#ajout {padding:0 10px 10px 10px; border-bottom:2px solid #0061A2; margin-right:10px; }
#ajout h3 {margin-bottom:10px; text-transform:uppercase; color:#0061A2; font-weight:bold; }
#ajout li {background:transparent url('http://www.references-web.com/IMG/gifs/carre_bleu.gif') no-repeat 1% 5px; padding-left:10px; }
#ajout a {text-decoration:underline; }

#artcross, .listeartis {margin-bottom:10px; background:url('http://www.references-web.com/IMG/jpg/fdbleuautres.jpg') repeat-x left bottom; }
#artcross .fdfleche {float:right; }
#artcrossin {padding-bottom:15px; }
#artcrossin h3 {margin-bottom:10px; color:#0061A2; font-weight:bold; text-transform:uppercase; }
#artcrossin li, #lastarticles li {background:url('http://www.references-web.com/IMG/gifs/puce_bleufonce.gif') no-repeat 1% 2px; padding-left:10px; } 
#artcrossin li a {color:#0061A2; font-weight:bold; }

#crossprod, .listevoyages {margin-bottom:10px; background:url('http://www.references-web.com/IMG/jpg/fdvertautres.jpg') repeat-x left bottom; }
#crossprod .fdfleche {float:right; }
#crossprodin {padding-bottom:15px; }
#crossprodin h3 {margin-bottom:10px; color:#660; font-weight:bold; text-transform:uppercase; }
#crossprodin li, #lastvoyages li {background:url('http://www.references-web.com/IMG/gifs/puce_verte.gif') no-repeat 1% 2px; padding-left:10px; } 
#crossprodin li a {color:#526405; font-weight:bold; }

#crosscat, .listesites {margin-bottom:10px; background:url('http://www.references-web.com/IMG/jpg/fdmarronautres.jpg') repeat-x left bottom; }
#crosscat .fdfleche {float:right; }
#crosscatin {padding-bottom:15px; }
#crosscatin h3 {margin-bottom:10px; color:#993300; font-weight:bold; text-transform:uppercase; }
#crosscatin li, #lastfiches li {background:url('http://www.references-web.com/IMG/gifs/puce_marron.gif') no-repeat 1% 2px; padding-left:10px; } 
#crosscatin li a {color:#8A2D04; font-weight:bold; }

.otherpod {margin-bottom:10px; background:url('http://www.references-web.com/IMG/jpg/fdbleuautres.jpg') repeat-x left bottom; padding:10px; margin-right:10px; }
.otherpod .fdfleche {float:right; }
.otherpodin {padding-bottom:15px; }
.otherpodin h3 {margin-bottom:10px; color:#0061A2; font-weight:bold; text-transform:uppercase; }
.otherpodin ul {margin-bottom:10px; }
.otherpodin li {background:url('http://www.references-web.com/IMG/gifs/puce_bleufonce.gif') no-repeat 1% 2px; padding-left:10px; } 
.otherpodin li a {color:#0061A2; font-weight:bold; }

#motiffoot {margin-left:300px; position:absolute; }
#foot {background:#D4DE4A url('http://www.references-web.com/IMG/jpg/fdfoot.jpg') repeat-x left top; text-align:center; padding-top:30px; width:1000px; }
#foot b.rosefonce {display:block; height:45px; }
#thema li {position:relative; display:inline; font-weight:bold; padding:5px 10px; }

#useful li {display:inline; }
#useful li a {padding:5px 10px 15px 10px; }
#foot #sitesdugroupe {text-align:left; margin-left:50px; font-size:10px; width:870px; }
#sitesdugroupe small {display:block; padding-bottom:15px; }
#sitesdugroupe li a {color:#999; text-decoration:underline; }
#sitesdugroupe li {background:url('http://www.references-web.com/IMG/gifs/puces/carrerouge.gif') no-repeat 1% 4px; padding-left:15px; float:left; width:30%; display:inline; }
#sitesdugroupe {padding-bottom:20px; }