body {behavior:url('http://www.guide-thalasso.com/csshover.htc'); font-family:geneva, sans-serif ; background-color:#e1f5fb; }
/* 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.guide-thalasso.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; }

.bleutresclair, a.bleutresclair, a:hover.bleutresclair {color:#bbe5f3; }
.bleuclair, a.bleuclair, a:hover.bleuclair {color:#81c1dc; }
.bleu, a.bleu, a:hover.bleu {color:#3488ad; }
.bleufonce, a.bleufonce, a:hover.bleufonce {color:#186d94; }
.bleutresfonce, a.bleutresfonce, a:hover.bleutresfonce {color:#00557c; }
.bleulogo, a.bleulogo, a:hover.bleulogo {color:#084f6f; }

.rosetresclair, a.rosetresclair, a:hover.rosetresclair {color:#fcd5c4; }
.roseclair, a.roseclair, a:hover.roseclair {color:#f9aa8c; }
.rose, a.rose, a:hover.rose {color:#f47f5c; }
.rosefonce, a.rosefonce, a:hover.rosefonce {color:#f05134; }

.violetclair, a.violetclair, a:hover.violetclair {color:#ffd2e7; }
.violet, a.violet, a:hover.violet {color:#e8486a; }
.violetfonce, a.violetfonce, a:hover.violetfonce {color:#9e485f; }

.verttresclair, a.verttresclair, a:hover.verttresclair {color:#e4ffca; }
.vertclair, a.vertclair, a:hover.vertclair {color:#b2fa6f; }
.vert, a.vert, a:hover.vert {color:#78ff54; }
.vertfonce, a.vertfonce, a:hover.vertfonce {color:#1d800d; }

.beigeclair, a.beigeclair, a:hover.beigeclair {color:#fef5e7; }
.beige, a.beige, a:hover.beige {color:#cad1aa; }
.beigefonce, a.beigefonce, a:hover.beigefonce {color:#7b997f; }

/* 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; }
/* puces */
.pucebleuclair {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_bleuclair.gif') no-repeat 1% 5px; padding-left:15px; }
.pucebleu {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_bleu.gif') no-repeat 1% 5px; padding-left:15px; }
.pucebleufonce {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_bleufonce.gif') no-repeat 1% 5px; padding-left:15px; }

.puceroseclair {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_roseclair.gif') no-repeat 1% 5px; padding-left:15px; }
.pucerose {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_rose.gif') no-repeat 1% 5px; padding-left:15px; }
.pucerosefonce {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_rosefonce.gif') no-repeat 1% 5px; padding-left:15px; }

.pucevioletclair {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_violetclair.gif') no-repeat 1% 5px; padding-left:15px; }
.puceviolet {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_violet.gif') no-repeat 1% 5px; padding-left:15px; }
.pucevioletfonce {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_violetfonce.gif') no-repeat 1% 5px; padding-left:15px; }

.pucevertclair {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_vertclair.gif') no-repeat 1% 5px; padding-left:15px; }
.pucevert {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_vert.gif') no-repeat 1% 5px; padding-left:15px; }
.pucevertfonce {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_vertfonce.gif') no-repeat 1% 5px; padding-left:15px; }

.pucebeigeclair {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_beigeclair.gif') no-repeat 1% 5px; padding-left:15px; }
.pucebeige {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_beige.gif') no-repeat 1% 5px; padding-left:15px; }
.pucebeigefonce {background:url('http://www.guide-thalasso.com/IMG/gifs/puces/puce_beigefonce.gif') no-repeat 1% 5px; padding-left:15px; }

/* classes diverses */
.pointbotbleu {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_bleu.gif') repeat-x left bottom; }
.pointbotbleuclair {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_bleuclair.gif') repeat-x left bottom; }
.pointbotroseclair {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_roseclair.gif') repeat-x left bottom; }
.pointbotrosefonce {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_rosefonce.gif') repeat-x left bottom; }
.pointbotvioletclair {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_violetclair.gif') repeat-x left bottom; }
.pointbotvioletfonce {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_violetfonce.gif') repeat-x left bottom; }
.pointbotvertclair {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_vertclair.gif') repeat-x left bottom; }
.pointbotvertfonce {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_vertfonce.gif') repeat-x left bottom; }
.pointbotbeige {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_beige.gif') repeat-x left bottom; }
.pointbotbeigeclair {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_beigeclair.gif') repeat-x left bottom; }
.pointbotbeigefonce {background:url('http://www.guide-thalasso.com/IMG/gifs/pointille_beigefonce.gif') repeat-x left bottom; }

span.commentaires {margin-bottom:15px; }
.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; }
.formulaire_spip p {margin-bottom:15px; }

/* 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://www.guide-thalasso.com/IMG/gifs/fd_ombre.gif') repeat-y left top; }

/* #head {height:150px; width:1010px; background:url('http://www.guide-thalasso.com/IMG/jpg/fdtop.jpg') no-repeat top left; } */
#head {height:120px; width:1010px; background-color:#bbe5f3; }
#logo {float:left; width:250px; padding-top:10px; padding-left:30px; height:80px; }
#banner {float:left; height:33px; padding-top:50px; padding-right:80px; }

#navtop {width:1010px; background:#3488ad url('http://www.guide-thalasso.com/IMG/gifs/fd_navtop.gif') repeat-x bottom left; 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:#81c1dc; color:#FFF; }

#maincol {width:735px; padding-left:5px; float:left; background-color:#FFFFFF; }
#maincol h1 span, #troispods h2 span, .invisible {display:none; }
#mainrubads {padding:4px; background-color:#fef5e7; border:1px dotted #f9aa8c; }
#mainrubadsblc {padding:4px; }
#troispods {padding-bottom:15px; }
#lastartcontrol li img {cursor:pointer; }
#usercol {background-color:#FFFFFF; padding-left:750px; margin-right:5px; }
#maincol {margin-bottom:15px; }
#usercol {margin-bottom:15px; padding-top:15px; }

#usercol div span {display:block; margin-bottom:15px; }
.colbleu {background:url('http://www.guide-thalasso.com/IMG/gifs/fd_colbleu.gif') repeat-x bottom left; padding:0 10px 10px 10px; }
.outcolbleu {background-color:#bbe5f3; padding:1px; margin-bottom:10px; }
.colrose {background:url('http://www.guide-thalasso.com/IMG/gifs/fd_colrose.gif') repeat-x bottom left; padding:0 10px 10px 10px; }
.outcolrose {background-color:#fcd5c4; padding:1px; margin-bottom:10px; }
.colviolet {background:url('http://www.guide-thalasso.com/IMG/gifs/fd_colviolet.gif') repeat-x bottom left; padding:0 10px 10px 10px; }
.outcolviolet {background-color:#e8486a; padding:1px; margin-bottom:10px; }
.colvert {background:url('http://www.guide-thalasso.com/IMG/gifs/fd_colvert.gif') repeat-x bottom left; padding:0 10px 10px 10px; }
.outcolvert {background-color:#e4ffca; padding:1px; margin-bottom:10px; }
.colbeige {background:url('http://www.guide-thalasso.com/IMG/gifs/fd_colbeige.gif') repeat-x bottom left; padding:0 10px 10px 10px; }
.outcolbeige {background-color:#f0ed9f; padding:1px; margin-bottom:10px; }

#pied {background-color:#bbe5f3; padding:20px 10px; width:990px; text-align:center; }
#useful li {display:inline; padding:2px 10px 15px 10px;  }