body {behavior:url('http://www.mycoiffure.com/csshover.htc'); font-family:geneva, sans-serif ; background-color:#EFEAEE; }
/* logo font : existence light */
/* margin et padding à 0 */
html, body, img, table, label {margin:0; padding:0; border:none; }
div, a, ul, ol, li, dl, dd, dt, 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; }

/* 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; }
.format_png { behavior: url('http://www.mycoiffure.com/win_png.htc'); }

/* couleurs et couleurs typo */
body, a, a:hover {color: #333; }
.black, a.black, a:hover.black {color:#000; }
.white, a.white, a:hover.white {color:#FFF; }

.roseclair, a.roseclair, a:hover.roseclair {color:#EDDCE1; }
.rose, a.rose, a:hover.rose {color:#AA4C5A; }
.rosefonce, a.rosefonce, a:hover.rosefonce {color:#993333; }

.marronclair, a.marronclair, a:hover.marronclair {color:#F4ECE1; }
.marron, a.marron, a:hover.marron {color:#DCB9A3; }
.marronfonce, a.marronfonce, a:hover.marronfonce {color:#B38658; }
.marrontresfonce, a.marrontresfonce, a:hover.marrontresfonce {color:#664422; }

.bleuclair, a.bleuclair, a:hover.bleuclair {color:#EFF7FC; }
.bleu, a.bleu, a:hover.bleu {color:#91CAEF; }
.bleufonce, a.bleufonce, a:hover.bleufonce {color:#67ABD7; }
.bleulogo, a.bleulogo, a:hover.bleulogo {color:#9999CC; }

.rougeclair, a.rougeclair, a:hover.rougeclair {color:#F77A77; }
.rouge, a.rouge, a:hover.rouge {color:#AF322F; }
.rougefonce, a.rougefonce, a:hover.rougefonce {color:#340A09; }

/* classes de mise en page listes et images */
img.fleft {float:left; margin-right:10px; }
img.fright {float:right; margin-left:10px; }
.imgdeco {border:1px solid #B5C9E0; padding:2px; }

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

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

.souligne {text-decoration:underline; }
/* puces */
.puceviolet {background:url('http://img.mycoiffure.com/IMG/gifs/puces/puce_violet.gif') no-repeat 1% 5px; padding-left:15px; }
.puceverte {background:url('http://img.mycoiffure.com/IMG/gifs/puces/puce_verte.gif') no-repeat 1% 5px; padding-left:15px; }
.pucerose {background:url('http://img.mycoiffure.com/IMG/gifs/puces/puce_rose.gif') no-repeat 1% 5px; padding-left:15px; }
.pucebleu {background:url('http://img.mycoiffure.com/IMG/gifs/puces/puce_bleu.gif') no-repeat 1% 2px; padding-left:15px; }
.puceorange {background:url('http://img.mycoiffure.com/IMG/gifs/puces/puce_orange.gif') no-repeat 1% 5px; padding-left:15px; }

/* classes diverses */
span.commentaires {margin-bottom:15px; }
.pointbot {background:url('http://img.mycoiffure.com/IMG/gifs/modpointille.gif') repeat-x left bottom; }
.padtopdix {padding-top:10px; }
.small {font-size:90%; }
.verysmall {font-size:80%; }

/* affichage des formulaires */
span.spip_bouton input {border:1px solid #664422; background-color:#F4ECE1; color:#664422; margin:3px 0; }
span.spip_bouton input:hover {border:1px solid #B38658; background-color:#FFFFFF; color:#B38658; margin:3px 0; cursor:pointer; }
span.spip_bouton input.highlightinput {border:1px solid #56660e; background-color:#6699CC; color:#D3228F; margin:3px 0; }
span.spip_bouton input:hover.highlightinput {border:1px solid #56660e; background-color:#FFF; color:#D3228F; margin:3px 0; cursor:pointer; }

/* gestion des "largeurs" des colonnes et borders inclus */
#page {width:1018px; margin:0 auto; }
#paddpage {float:left; padding:0 4px 0 4px; width:1010px; }

/* css globale */
a {text-decoration:none; }
a:hover {text-decoration:underline; }
#paddpage {background:url('http://img.mycoiffure.com/IMG/gifs/fd_ombre.gif') repeat-y left top; }

#head {height:110px; width:1000px; background-color:#F4ECE1; }
#logo {float:left; width:250px; padding-top:15px; padding-left:10px; height:70px; }
#banner {float:left; height:33px; padding-top:42px; padding-right:60px; }
#action {float:left; height:65px; padding:0 10px 10px 10px; border-right:1px solid #DCB9A3; border-bottom:1px solid #DCB9A3; border-left:1px solid #B38658; background-color:#DCB9A3; }
#actioncont {width:300px; text-align:center; }
#actionswitch {padding-bottom:5px; }
ul#switch {width:290px; }
ul#switch li {float:left; display:inline; width:32%; text-align:center; margin-right:2px; }
ul#switch li a {display:block; padding:5px 10px; text-decoration:none; background-color:#D5B099; border-bottom:2px solid #D5B099; }
ul#switch li a:hover, ul#switch li a.actioncurr {background-color:#E2C2AF; border-bottom:2px solid #AC7E50; }
#login strong a {text-decoration:underline; }
#login span, span#tonmail input, span#validetonmail input {height:18px; line-height:18px; vertical-align:middle; }
#login span input {line-height:18px; vertical-align:middle; }
#login span.spip_bouton input {border:none; height:18px; }
input#var_login {width:150px; }
div.formulaire_recherche label {font-weight:bold; }
#navtop {width:1000px; background:#B38658 url('http://img.mycoiffure.com/IMG/gifs/fd-navtop.gif') repeat-x bottom left; text-transform:uppercase; font-weight:bold; padding-bottom:5px; }
#navtop ul li {display:inline; float:left; }
#navtop ul li a {display:block; padding:5px 10px; text-decoration:none; color:#FFF; }
#navtop ul li a:hover {background-color:#DCB9A3; color:#754F28; }

#maincol {width:750px; float:left; }
#maincol, #usercol {margin-bottom:15px; padding-top:15px; }
#hierarchie {margin-left:10px; padding-bottom:10px; }

#usercol {float:left; width:250px; }
#usercol ul {padding:10px; width:220px; }
#usercol ul ul {padding:0; }
#usercol li h2 a {text-decoration:underline; }
#usercol span {display:block; padding-bottom:10px; margin-right:10px; }
div.crosspod {padding-bottom:10px; }
.users li {background:transparent url('http://img.mycoiffure.com/IMG/gifs/puces/carre_marron.gif') no-repeat 1px 7px; padding-left:10px; }
.users li a {height:18px; line-height:18px; vertical-align:middle; }
.users li a.userlog {padding-bottom:5px; } 
.ulmarron {background:transparent url('http://img.mycoiffure.com/IMG/gifs/fd-podmarron.gif') repeat-x bottom left; }
.ulmarron li {padding-bottom:5px; }
.ulmarron li h2 a {color:#B38658; }
.ulbleu {background:transparent url('http://img.mycoiffure.com/IMG/gifs/fd-podbleu.gif') repeat-x bottom left; }
.ulbleu li h2 {padding-bottom:5px; }
.ulbleu li h2 a {color:#67ABD7; }
.ulbleu li h2 a:hover {color:#235575; }
.ulbleu li p {padding-bottom:15px; }
.ulrose {background:transparent url('http://img.mycoiffure.com/IMG/gifs/fd-podrose.gif') repeat-x bottom left; }
.ulrose li h2 {padding-bottom:5px; }
.ulrose li h2 a {color:#AA4C5A; }
.ulrose li h2 a:hover {color:#993333; }
.ulrose li p {padding-bottom:15px; }
.ulrose ul.spip li {padding-bottom:5px; }

p.pagination {width:200px; height:30px; text-align:center; padding-top:12px; }
p.pagination a {padding:4px 7px; margin-right:1px; background-color:#FFF; border:1px solid #664422; }
p.pagination a.lien_pagination:hover {text-decoration:none; background-color:#DCB9A3; border:1px solid #664422; }
p.pagination span.on {padding:4px 7px; margin-right:1px; background-color:#664422; border:1px solid #666; color:#FFF; } 
p.pagination b {padding:4px 7px; margin-right:1px; background-color:#FFF; border:1px solid #664422; font-weight:normal; color:#664422; }

#pied {background-color:#F4ECE1; padding:20px 10px; width:980px; 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:#999; text-decoration:underline; }
#sitesdugroupe li {background:url('http://img.mycoiffure.com/IMG/gifs/puces/puce_marron.gif') no-repeat 1% 4px; padding-left:15px; float:left; width:30%; display:inline; }

/* le nuage */
ul.nuage {
	margin:0;
	padding: 0;
	list-style: none;
}
ul.nuage li {
	display: inline;
	line-height:2em;
}
ul.nuage li a {
	white-space: nowrap;
}
ul.nuage span.frequence {
	display: block;
	float: left;
	height: 0;
	overflow: auto;
	width: 0;
}
ul.nuage a.nuage   { font-size: 1.0em; }
ul.nuage a.nuage0  { font-size: 0.9em; }ul.nuage a.nuage1  { font-size: 1.0em; }ul.nuage a.nuage2  { font-size: 1.1em; }ul.nuage a.nuage3  { font-size: 1.2em; }ul.nuage a.nuage4  { font-size: 1.3em; }ul.nuage a.nuage5  { font-size: 1.4em; }ul.nuage a.nuage6  { font-size: 1.5em; }ul.nuage a.nuage7  { font-size: 1.6em; }ul.nuage a.nuage8  { font-size: 1.7em; }ul.nuage a.nuage9  { font-size: 1.8em; }ul.nuage a.nuage10 { font-size: 1.9em; }