/*  Styles généraux
--------------------- */

body{
   background-color: #a0a0a0;
}

* {
   margin: 0;
   padding: 0;
}

ul {
   display: block;
   list-style: none;
   margin : 0px;
   padding : 0px;
}

h1,h2,h3,h4 {
   margin: 0;
   padding: 0;
   font-size: 100%;
   font-weight: normal;
}

td { vertical-align: top; }

p.spip {
   padding-top: 1em;
}

#page {
   position: relative;
   background: url(/images/bgPage.jpg) repeat-y top left;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   min-width: 800px;
   max-width: 1300px;
   margin: 0 auto;
   padding: 0;
   border: 0;
}


/* Styles pour les liens
------------------------- */

a { text-decoration: none; color: #000; }
acronym { border-bottom: 1px dotted #000; cursor: help; }
a:hover { text-decoration: none; color: #000; background-color: #F1DC9C; }

/* Liens Spip */
a.spip_note { } /* liens vers notes de bas de page */
a.spip_in { color: #009; } /* liens internes */
a.spip_in:hover { color: #000; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_out:hover { color: #000; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_url:hover { color: #000; } /* liens url sortants */

.fondu_0 {
   width: 100%;
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   opacity: 0;
}

.fondu_1 {
   width: 100%;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
}

/* Styles de la navigation
---------------------------- */

#navigation {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   vertical-align: top;
   width: 220px;
   margin: 0;
   padding: 0;
   border: 0;
}

/* Menu Principal
-------------------- */

.menu-principal{
   display: block;
   background: url(/images/MenuTitre.png) no-repeat !important;
   background: url(/ie2merde/MenuTitre.jpg) no-repeat;
   width: 210px;
   height: 340px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: italic;
}
.menu-principal h4{
   padding-top: 18px;
   margin-left: 34px;
   margin-bottom: 6px !important;
   margin-bottom: 8px;
   width: 140px;
   height: 26px;
}
.menu-principal .item{
   height: 26px;
   width: 160px;
   margin-left: 22px;
   margin-top: 6px !important;
   margin-top: 3px;
   margin-bottom: 0px;
}
.menu-principal a{
   height: 26px;
   display: block;
}
.menu-principal a:hover{
   background-color: transparent;
   display: block;
}
#imgrub0 { position: absolute; top:  15px; left: 39px; }
#imgrub1 { position: absolute; top:  48px; left: 59px; }
#imgrub2 { position: absolute; top:  76px; left: 69px; }
#imgrub3 { position: absolute; top: 108px; left: 68px; }
#imgrub4 { position: absolute; top: 148px; left: 61px; }
#imgrub5 { position: absolute; top: 171px; left: 38px; }
#imgrub6 { position: absolute; top: 206px; left: 64px; }
#imgrub7 { position: absolute; top: 240px; left: 52px; }

.pensee { }

/* Recherche
--------------- */

#recherche{
   margin-top: 10px;
   margin-left: 5px;
   margin-right: 17px;
   padding: 0;
}
#form-recherche {
}
#form-input {
   padding: 2px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 70%;
   font-weight: normal;
   width: 190px;
   border: 2px inset;
}
#lien-plan{
   width: 195px;
   text-align: center;
   margin-top: 5px;
   font-weight: bold;   
   font-size: 80%;
}

/* Menu de la barre de navigation
----------------------------------- */

.menu-navig {
   width: 190px;
   margin: 40px 17px 0px 5px;
   padding: 0px 5px 5px 5px;
   border-top: 1px solid #000;
   font-size: 80%;
}
.menu-navig h4{
   text-align: center; 
   font-weight: bold; 
   height: 26px;
}
.menu-navig .titre-bonus{
/*   font-stretch: expanded;*/
}
.menu-navig .puce {
   list-style-image: url(/dist/puce.gif);
}
.menu-navig .puce li{
   margin-left: 20px;
}
.menu-navig .item{
   display: list-item;
   font-size: 80%;
   padding: 0.3em;
}
.menu-navig .item-bonus{
   text-align: center;
   font-weight: bold;
   font-variant: small-caps;
   padding: 0.2em;
   font-size: 90%;
}

/* Styles pour les sondages
---------------------------- */

/* Label pour chaque radio button */
.pollerTitle {
   margin-bottom: 10px;
   text-align: center;
   font-weight: bold;
   font-size: 90%;
}
.pollerOption {
   margin: 3px 2px;
}
.pollerOption label {
   padding: 5px;
}
/* Bouton pour voter */
.pollButton {
   text-align: center;
   margin: 10px 0;
   padding-right: 5px;
}
/* Label dans les resultats */
.result_pollerOption {
   margin: 0px;
   font-size: 80%;
}
/* Barre graphique */
.result_pollGraph {
   margin: 2px 0 3px 0;
   border: 1px solid #900;
   padding: 0px;
   height: 8px;
   font-size: 1px;    /* Saloperie d'IE de MEEEERDE */
   width: 1px;
   background: url(/images/poll1.gif) repeat-x;
}
/* Message d'attente, caché par défaut */
.poller_waitMessage {
   text-align: center;
   margin: 10px;
   display: none;	
}	
/* Affichage du nombre de votes */
.result_totalVotes {
   clear: both;
   margin-top: 10px;
   font-size: 0.8em;
   font-style: italic;
   text-align: center;
}

/* Compteur
------------- */

#compteur{
   width: 190px;
   margin: 40px 17px 0px 5px;
   padding: 0px 5px 5px 5px;
   border-top: 1px solid #000;
   font-size: 80%;
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
}
#compteur .pensee{
   display: block;
   font-weight: normal;
   font-style: italic;
   margin: 5px;
   border: 0px;
   padding-top: 20px;
   background: none;
}


/* FIN DES STYLES DE LA BARRE DE NAVIGATION 
---------------------------------------------*/

/*  Styles pour l'en-tete 
--------------------------- */

#en-tete {
   height: 140px;
   background: url(/images/bgTitre.jpg) no-repeat center; 
   border: 1px solid #000;
   margin: 5px 10px 10px 5px;
   padding: 5px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: center;
   font-style: italic;
}
#en-tete table { height: 140px; }
#en-tete td { vertical-align: bottom; }

/* Styles pour le contenu 
---------------------------- */

#contenu {
   vertical-align: top;
   padding: 10px 10px 10px 0;
}
#contenu #en-tete {
   margin: 0 0 20px 0;
}
#contenu .cartouche {
   width: 100%;
   border-collapse: collapse;
   background: url(/images/bgPeches.jpg);
   border: 1px solid #885e24;
   padding: 5px;
   margin-top: 5px;
   margin-bottom: 30px;
}
#contenu .article-dates {
   vertical-align: bottom;
   font-style: italic;
   font-size: 60%;
   text-align: right;
}
#contenu .eclairci {
   border: 1px solid #FFFFFF;
   background:url(/images/bgGeneral.jpg); 
   padding: 5px;
}
#contenu .surtitre {
   margin-top: 0em;
   margin-bottom: 0em;
}
#contenu h1,h2 {
   margin-top: 1em; 
   font-size: 120%;
   font-weight: bold;
}
#contenu .h2 {
   text-align: right;
   font-size: 120%;
   font-weight: bold;
   color: #F1DC9C;
}
#contenu h1,h2.titre-extrait {
   font-size: 160%;
   font-weight: bold;
}
#contenu h1,h2.titre-texte {
   font-size: 190%;
   font-weight: bold;
}
#contenu .soustitre {
   font-size: 110%;
   font-weight: bold;
   font-variant: small-caps;
}

/* Styles particuliers aux rubriques
--------------------------------------*/

#rubrique-1 { background-image: url(/images/Avarice.jpg); }
#rubrique-2 { background-image: url(/images/Colere.jpg); }
#rubrique-3 { background-image: url(/images/Orgueil.jpg); }
#rubrique-4 { background-image: url(/images/Luxure.jpg); }
#rubrique-5 { background-image: url(/images/Gourmandise.jpg); }
#rubrique-6 { background-image: url(/images/Envie.jpg); }
#rubrique-7 { background-image: url(/images/Paresse.jpg); }
#rubrique-1, #rubrique-2, #rubrique-3, #rubrique-4, #rubrique-5, #rubrique-6, #rubrique-7  {
   width: 100%;
   height: 80px;
   min-height: 80px;
   border-collapse: collapse;
   text-align: right;
   font-size: 140%;
   font-weight: bold;
   font-variant: small-caps;
   color: #cc1d14;
   border: 1px solid #885e24;
   margin-bottom: 2em;
   background-repeat: no-repeat;
}
#rubrique-1 td, #rubrique-2 td, #rubrique-3 td, #rubrique-4 td, #rubrique-6 td, #rubrique-7 td {
   padding: 5px;
   vertical-align: bottom;
}
#rubrique-5 img {
   padding: 0px;
   border: 0px;
   margin: 0px 5px 0px 0px;
}
.imgleft {
   float: left;
   margin-right: 5px;
}
.imgright {
   float: right;
   margin-left: 5px;
}
.sousrubrique {
   background: url(/images/bgPeches.jpg) repeat top left; 
   padding: 5px;
   border: 1px solid #885e24;
}
.sousrubrique a:hover {
   color: #cc1d14; background-color: transparent;
}

/* Luxure
---------- */

#map-luxure {
   overflow: hidden;
}

.tof { 
   width: 315px; 
   height: 235px;
   background: url(/images/ombreluxure.png) no-repeat top left !important; 
   background: url(/ie2merde/ombreluxure.jpg) no-repeat top left;
}
.tof a:hover { background-color: transparent; }
.nobg { position: relative; }
.nobg:hover { top: 5px; left: 5px; }

#l99Bandit600N .tof { float: right; }
#l99Bandit600N .desc { margin-right: 330px; padding: 10px 5px; min-height: 220px;
                      background: url(/IMG/jpg/bg99Bandit600N.jpg) no-repeat top right; }

#l01GSXR1000 .tof { float: left; }
#l01GSXR1000 .desc { margin-left: 320px; padding: 10px 5px; padding-right: 5px; min-height: 220px;
                    background: url(/IMG/jpg/bg01GSXR1000.jpg) no-repeat top right; }

#l97XT600E .tof { float: right; }
#l97XT600E .desc { margin-right: 330px; padding: 10px 5px; min-height: 220px;
                  background: url(/IMG/jpg/bg97XT600E.jpg) no-repeat top left; }

#l02Monster916S4 .tof { float: left; }
#l02Monster916S4 .desc { margin-left: 320px; padding: 10px 5px; min-height: 220px;
                        background: url(/IMG/jpg/bg02Monster916S4.jpg) no-repeat top left; }

#l04LC4DukeII640 .tof { float: right; }
#l04LC4DukeII640 .desc { margin-right: 330px; padding: 10px 5px; min-height: 220px;
                        background: url(/IMG/jpg/bg04LC4DukeII640.jpg) no-repeat top right; }

#l04YZF1000R1 .tof { float: left; }
#l04YZF1000R1 .desc { margin-left: 320px; padding: 10px 5px; min-height: 220px;
                     background: url(/IMG/jpg/bg04YZF1000R1.jpg) no-repeat top right; }

#l95CB500 .tof { float: right; }
#l95CB500 .desc { margin-right: 330px; padding: 10px 5px; min-height: 220px;
                 background: url(/IMG/jpg/bg95CB500.jpg) no-repeat top left; }

#l92ZXR750 .tof { float: left; }
#l92ZXR750 .desc { margin-left: 320px; padding: 10px 5px; min-height: 220px;
                  background: url(/IMG/jpg/bg92ZXR750.jpg) no-repeat top left; }

#lZX6R636 .tof { float: right; }
#lZX6R636 .desc { margin-right: 330px; padding: 10px 5px; min-height: 220px;
                 background: url(/IMG/jpg/bgZX6R636.jpg) no-repeat top right; }

#lMACH4H2B .tof { float: left; }
#lMACH4H2B .desc { margin-left: 320px; padding: 10px 5px; min-height: 220px;
                 background: url(/IMG/jpg/bgMACH4H2B.jpg) no-repeat top right; }

#lRDLC31K .tof { float: right; }
#lRDLC31K .desc { margin-right: 330px; padding: 10px 5px; min-height: 220px;
                 background: url(/IMG/jpg/bgRDLC31K.jpg) no-repeat top right; }

#lCR500R .tof { float: left; }
#lCR500R .desc { margin-left: 320px; padding: 10px 5px; min-height: 220px;
                 background: url(/IMG/jpg/bgCR500R.jpg) no-repeat top right; }

#lCR500R table.luxure { margin-bottom: 50px; }

.luxure {
   width: 100%;
   border-collapse: collapse;
   margin-top: 15px;
   border: 0;
   padding: 0;
}

.coup2coeur {
   float: left;
   width: 320px;
   height: 280px;
   text-align: center;
}

/* Gourmandise
--------------- */

#kronos, #markos, #genros {
   background: url(/images/bgPeches.jpg);
   border: 1px solid #885e24;
   margin-top: 1em;
   margin-bottom: 5px;
   padding: 5px;
   font-weight: bold;
}

.cote-amour {
   background: url(/images/bgPeches.jpg);
   border: 1px solid #885e24;
   font-size: 60%;
   text-align: center;
}

/* Paresse 
-----------*/

.actualites, .connaissances, .divers {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin-top : 10px;
   margin-bottom : 3px;
   color : #f1dc9c;
   font-size: 140%;
   font-weight: bold;
   font-variant: small-caps;
}

.gbm-11 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   vertical-align: middle;
   font-weight: bold;
   width: 40%;
   font-size: 90%;
   padding: 3px;
   background:url(/images/bgGeneral.jpg); 
}
.gbm-21 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   vertical-align: top;
   width: 60%;
   font-size: 80%;
   padding: 3px;
   background:url(/images/bgGeneral.jpg); 
}
.gbm-12 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   vertical-align: middle;
   font-weight: bold;
   width: 40%;
   font-size: 90%;
   padding: 3px;
   background:url(/images/bgPeches.jpg); 
}
.gbm-12 a:hover { color : #900; background-color: transparent; }
.gbm-22 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   vertical-align: top;
   width: 60%;
   font-size: 80%;
   padding: 3px;
   background:url(/images/bgPeches.jpg); 
}
.gbm-22 a:hover { color : #900; background-color: transparent; }



/*
 * Habillage du plan du site
 */

.plan-secteur {
	margin-top: 0em;
	margin-bottom: 3em;
	clear: right;
}

.plan-secteur h1 {
	display: block;
	border: 1px solid #a0a0a0;
	margin: 0px;
	padding: 8px;
	font-size: 150%;
	font-weight: bold;
	background-color: #e0ffe0;
	text-align:center;
}
.plan-rubriques {
	clear: left;
	display: block;
	list-style: none;
}
.plan-rubrique {
	display: inline;
	border: 1px solid #a0a0a0;
	padding: 3px;
	font-weight: bold;
}
.plan-articles {
	clear: left;
	margin-top: 0.5em;
	margin-bottom: 1em;
	list-style: square;
}

/* Eclaircissement progressif des rubriques en fonction de la profondeur */

ul .plan-rubrique {
	background-color: #e0ffe0;
	border-color: #b8b8b8;
}
ul ul .plan-rubrique {
	background-color: #eaffea;
	border-color: #d0d0d0;
}
ul ul ul .plan-rubrique {
	background-color: #f4fff4;
	border-color: #e8e8e8;
}



.texte {
   overflow: hidden;
   margin-bottom: 15px;
   text-align: justify;
   border: 1px solid #FFFFFF;
   background:url(/images/bgGeneral.jpg); 
   padding: 5px;
}

.plan {
   overflow: hidden;
   margin-bottom: 15px;
   text-align: justify;
   border: 1px solid #FFFFFF;
   background:url(/images/bgGeneral.jpg); 
   padding: 0px 5px 5px 5px;
}

.intro {
   width: 100%;
   border-collapse: collapse;
   vertical-align: top;
   margin-bottom: 15px;
   text-align: justify;
   border: 1px solid #FFFFFF;
   background:url(/images/bgGeneral.jpg); 
}
.intro a {
   color : #000000;
}
.intro td {
   padding: 5px;
}

.ps {
}  
.ps table.spip {
   width: 100%;
   border: 1px solid #ffffff;
}

.simple {
   position: relative;
   border-collapse: collapse;
   width: 100%;
   margin: 0;
   border: 0;
   padding: 0;
}

.titre {
   border-collapse: collapse;
   margin-left: auto;
   margin-right: auto;
   border: 0;
   padding: 0;
}

.perso {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #F0F0F0;
   border: 1px dashed #000000;
   margin: 0;
   padding: 0;
   margin-bottom: 1em;
}


.td2 {
   width: 50%;
   font-size: 60%;
   padding: 3px;
}

.td3 {
   width: 33%;
   font-size: 60%;
   padding: 3px;
   vertical-align: top;
}
.td4 {
   width: 25%;
   font-size: 60%;
   padding: 3px;
}

.gauche {
   text-align: left;
}

.droite {
   text-align: right;
}

/* Styles pour les articles de la rubrique Gourmandise
-------------------------------------------------------*/

.Aprilia { background-color: #000000; color: #ff0000; padding: 2px 5px 5px 5px; }
.Aprilia a { color: #ff0000; border-bottom: 1px dashed #ff0000; }
.Aprilia a:hover { color: #000; background-color: #F1DC9C; }
.Autres { background-color: #ffffff; color: #000000; padding: 2px 5px 5px 5px; }
.Autres a { color: #000000; border-bottom: 1px dashed #000000; }
.Autres a:hover { color: #000; background-color: #F1DC9C; }
.BMW { background-color: #cccccc; color: #000000; padding: 2px 5px 5px 5px; }
.BMW a { color: #000000; border-bottom: 1px dashed #000000; }
.BMW a:hover { color: #000; background-color: #F1DC9C; }
.Buell { background-color: #0066cc; color: #000000; padding: 2px 5px 5px 5px; }
.Buell a { color: #000000; border-bottom: 1px dashed #000000; }
.Buell a:hover { color: #000; background-color: #F1DC9C; }
.Ducati { background-color: #ff0000; color: #ffffff; padding: 2px 5px 5px 5px; }
.Ducati a { color: #ffffff; border-bottom: 1px dashed #ffffff; }
.Ducati a:hover { color: #000; background-color: #F1DC9C; }
.Harley-Davidson { background-color: #cc6633; color: #000000; padding: 2px 5px 5px 5px; }
.Harley-Davidson a { color: #000000; border-bottom: 1px dashed #000000; }
.Harley-Davidson a:hover { color: #000; background-color: #F1DC9C; }
.Honda { background-color: #b84747; color: #ffffff; padding: 2px 5px 5px 5px; }
.Honda a { color: #ffffff; border-bottom: 1px dashed #ffffff; }
.Honda a:hover { color: #000; background-color: #F1DC9C; }
.Kawasaki { background-color: #00ff00; color: #000000; padding: 2px 5px 5px 5px; }
.Kawasaki a { color: #000000; border-bottom: 1px dashed #000000; }
.Kawasaki a:hover { color: #000; background-color: #F1DC9C; }
.KTM { background-color: #ff6633; color: #000000; padding: 2px 5px 5px 5px; }
.KTM a { color: #000000; border-bottom: 1px dashed #000000; }
.KTM a:hover { color: #000; background-color: #F1DC9C; }
.Moto-Guzzi { background-color: #b3b300; color: #000000; padding: 2px 5px 5px 5px; }
.Moto-Guzzi a { color: #000000; border-bottom: 1px dashed #000000; }
.Moto-Guzzi a:hover { color: #000; background-color: #F1DC9C; }
.Suzuki { background-color: #ffff00; color: #000000; padding: 2px 5px 5px 5px; }
.Suzuki a { color: #000000; border-bottom: 1px dashed #000000; }
.Suzuki a:hover { color: #000; background-color: #F1DC9C; }
.Triumph { background-color: #008000; color: #ffffff; padding: 2px 5px 5px 5px; }
.Triumph a { color: #ffffff; border-bottom: 1px dashed #ffffff; }
.Triumph a:hover { color: #000; background-color: #F1DC9C; }
.Voxan { background-color: #99ccff; color: #000000; padding: 2px 5px 5px 5px; }
.Voxan a { color: #000000; border-bottom: 1px dashed #000000; }
.Voxan a:hover { color: #000; background-color: #F1DC9C; }
.Yamaha { background-color: #4700b8; color: #ffffff; padding: 2px 5px 5px 5px; }
.Yamaha a { color: #ffffff; border-bottom: 1px dashed #ffffff; }
.Yamaha a:hover { color: #000; background-color: #F1DC9C; }

/* Styles pour le coin technique
--------------------------------- */

.code {
   background-color: #000000;
   color: #00ff00;
   border: 1px dashed #00ff00;
   margin: 10px;
   padding: 5px;
   font-family: Courrier, sans-serif;
}