/* organisation des blocs :
- page
  - menu
    - menudroit (bloc de texte à droite
  - galeriewalma (grand cadre galerie
    - .menuwalma (haut du cadre avec boutons et résultats de recherche)
    	- largeimage (bouton agrandissement/réduction)
    - .recherchevidehauteur (attention, il prend sa hauteur et décale le reste si on met un padding à galeriewalma)
    - .blocgalerie
    	- petitdiv .petitdiv .sirecherchevide (vignettes)
    		- compteurwalma .sirecherchevide
      - lesphotos|laphoto (vignettes ou pas) (photo) Attention, bloc de classe "granddiv sirecherchevide" (grandiv seulement pour ce div)
  - baswalma (champ de recherche + footer galerie)
  - .ajoutextforum .cadretxt (le cadre titre+texte)
par rapport aux css walma, les largeurs en % sont passées en pixels :
32 %=>240px, 60 %=>465px et 2 %=>15px;
*/
/* pour debug, on colorie graduellement 
body{background-color:#ffffff;}
#page{background-color:#eeeeee;}
#menu{background-color:#dddeee;}
#galeriewalma{background-color:#dddddd;}
#menuwalma{background-color:#cccccc;}
.blocgalerie{background-color:#bbbbbb;}
#lesphotos{background-color:#aaaaaa;}
#petitdiv{background-color:#999999;}
.vignette{background-color:#777777;}
#baswalma{background-color:#888888;} /* */
/* toujours debug, bord violet sur tous les divs
div {border:solid 1px #ff00ff;} /* */


body {margin:0px auto; text-align:center;}
#page {margin:0 auto; text-align:center; width:775px;}

#galeriewalma, .baswalma, .ajoutextforum {
	position:relative; float:right; 
	width:775px; text-align:center;
	margin:0 auto; padding:0; 
}
.blocgalerie{width:765px; float:left; text-align:center; margin:0; padding:5px;}/* 796 init */
#lesphotos {margin:0 auto; padding:5px; width:450px;}
#laphoto {margin:0 auto; padding:5px; width:650px;} /* si pas de vignettes */
#petitdiv {width:240px; margin:0 auto;}
.petitdiv {text-align:center; position:relative; height:auto; margin:0 0 10px 10px; padding:5px;
/* Attention, en dynamique:
[(#ENV{mode, gauche}|=={vignettes}|?{float:right;,''})] 
[(#ENV{mode, gauche}|=={gauche}|?{float:right; ,''})] 
[(#ENV{mode, gauche}|=={droite}|?{float:left; ,''})] */
}

#compteurwalma{line-height:18px; height:18px; width:100px; text-align:center; margin:0 auto;}
#galeriewalma h1 {margin-left:1em;}
.petitdiv ul, .droitevignettes ul, .gauchevignettes ul{padding:0; margin:0;
/* Attention, en dynamique:[(#ENV{mode}|=={vignettes}|?{'clear:both;',''})] */
}
.vignette {
	overflow:hidden; margin:2px 0px; padding:0; width:110px;
	/* height:120px; vire pour laisser la place du titre */
/* Attention, en dynamique :
[(#ENV{mode, gauche}|=={image}|?{display:none;,''})]
[(#ENV{mode, gauche}|=={vignettes}|?{'float:left; margin:1px','margin-bottom:3px;'})] */
}
.granddiv{
/* Attention, en dynamique :
[(#ENV{mode, gauche}|=={vignettes}|?{display:none;,' '})] 
[(#ENV{mode, gauche}|=={gauche}|?{float:left;,' '})] 
[(#ENV{mode, gauche}|=={droite}|?{float:right;,' '})] */
}

.hidden {display:none;}
.voir {display:block;}
.floatleft {float:left;} /*js*/
.clearsolo {clear:both;}
.orange {float:left;}

/*pour javascript*/
.orange { width:100px; }
.mosaic { display:block; width:732px; float:right; clear:both; }
.mosaic ul { display:block; padding:0; margin:0; clear:both; }
.mosaic li { display:block; overflow:hidden; padding:0; width:126px; height:120px; margin:1px }
.droitevignettes{display:block; width:240px; float:left; margin-left:15px;}
.droitebigimage{display:block; float:right; width:465px; padding-right:25px; padding-top:25px;}
.gauchevignettes{display:block; width:240px; float:right; margin-right:15px;}
.gauchebigimage{display:block; float:left; width:465px; padding-left:25px; padding-top:25px;}
.voircentrer{display:block; margin:0 auto;}
/*les images on peut reduire margin*/
.vignette {margin:auto;}
.vignette img, .mosaic li img{ margin:10px auto; margin-bottom:2px;}
/*taille des commentaires*/
.commentairesgrande {margin:0 auto; text-align:center;}
.commentaires {display:block; margin:0 auto; text-align:center;}
.commentaires dd, .commentairesgrande dd {margin:0 auto; text-align:center;} 
/*.image{border:2px solid orange; padding:1em; float:right; width:465px;}*/
.clear{clear:both; height:1px; width:100%; margin:0; padding:0;}
.list{padding:1em; float:right; width:465px;}
/*taille de la galerie, modifier aussi pleins d'autres...*/
.titredelagalerie{width:775px; margin:0 auto; text-align:right; margin-bottom:10px;}
.largeimage{float:left; margin:5px 0 0 12px; width:13px; height:13px; padding:0;}
.largeimage span{float:left; display:block; width:5px; height:5px;}
/*MENU avec les modes*/
.menuwalma {height:24px; text-align:left; padding:5px 5px 2px 5px; margin-bottom:10px;}
.baswalma {height:18px; border-top:0; line-height:16px; margin-top:0;  margin-bottom:10px; padding:5px 0px;}
.ico {display:block; float:left; width:9px; margin:3px 5px 2px 2px; text-align:center;}
.icoimage, .icoselectimage{margin:3px 5px 2px 2px;}
.icoselectdiapo{margin:3px 5px 2px 2px;}
.icoselectdiapoimage{margin:3px 5px 2px 2px;}
/*          le compteur           */

#back{float:left;}
#go{float:right;}
/*          la grande image            */
/*recherche*/
#resultatsrech {float:right;margin-top:3px;}
.recherchewalma {margin:0; padding:0; float:left; width:224px;}
.recherchewalma input {margin:0; padding:0;}
.clear {height:1px; clear:both; visibility:hidden; }
.cadretxt {height:auto; margin-bottom:1em; padding:0.5em 0;}
.cartouche {padding:2em 8em 0 6em; text-align:left;}
h1, h2, h3 {margin:0.4em 0 0.4em 0;}
.logoarticle {margin:2em 5em 2em 2em; float:right;}
.chapo {margin-bottom:2em;}
.texte{padding:0em 2em; text-align:justify;}
.ps {padding-top:0.6em; margin-top:0.6em;}
.notes {margin-top:0.6em; margin-bottom:0.6em; padding:1.5em;}
/*forumgalerie*/
.formforum {width:400px; margin:0 auto;}
.forumgalerie {width:80%; margin:0 auto;}
.boutonforum {position:absolute; top:-5px; right:-5px; width:140px; display:block; padding:0.2em;}
.thread {position:relative; padding:1em; padding-top:0;  text-align:left; margin:1em;}
.guillemet {position:absolute; top:-30px; left:-5px;}
.fil {margin:0.8em 2em 0.8em 2em;}
.topfil {padding:0.5em;  }
.reponse {text-align:right;}
.topthread {padding:0.8em; padding-left:0; margin-left:1em}
.topthreadtxt, .forumgalerie blockquote {margin-bottom:0.8em; padding:0.5em 1em 0.5em 1em;}
.topthreadtxt{margin:0em 2em 0.8em 2em;}

.titredelagalerie{float:right; margin-right:20px; }

p.spip {margin:0.5em 0;}

.imgtxt {float:left; margin:0 10px 5px 0;}