html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #000; background: none; font-size: 10pt; }

.container { background: none; }

hr { background: #ccc; color: #ccc; width: 100%; height: 2px; margin: 2em 0; padding: 0; border: none; }
hr.space { background: #fff; color: #fff; }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; }

code { font-size: .9em; font-family: 'andale mono', 'lucida console', monospace; }

img { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; }

a img { border: none; }
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline; }

p img.top { margin-top: 0; }

blockquote { margin: 1.5em; padding: 1em; font-style: italic; font-size: .9em; }

.small { font-size: .9em; }

.large { font-size: 1.1em; }

.quiet { color: #999; }

.hide { display: none; }

html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

label { font-weight: bold; }

fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }

legend { font-weight: bold; font-size: 1.2em; }

input.text, input.title, input[type=text] { margin: 0.5em 0; background-color: #fff; padding: 5px; }
input.title { font-size: 1.5em; }
input[type=checkbox], input.checkbox, input[type=radio], input.radio { position: relative; top: 0.25em; }

textarea { margin: 0.5em 0; padding: 5px; }

select { margin: 0.5em 0; }

fieldset { border: 1px solid #cccccc; }

input.text, input.title, textarea, select { border: 1px solid #bbbbbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid #666666; }

input.text, input.title { width: 300px; }

textarea { width: 390px; height: 250px; }

body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: black; }
a:visited { color: #777777; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: black; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

body { background: #000; }
body h1, body h2, body h3, body h4 { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; }
body h1 { background: #fbe834; padding: 5px; margin-bottom: 1em; }
body h2 { font-size: 1.5em; color: #fbe834; background: #000; padding: 5px; }
body h2 a { display: block; color: #fbe834; text-decoration: none; }
body h2 a:visited { color: #fbe834; }
body h2 a:focus { color: #fbe834; }
body h2 a:hover { color: #fbe834; }
body h2 a:active { color: #fbe834; }
body h2 a:hover { text-decoration: underline; }
body h3 { font-weight: bold; }
body ul, body ol { margin: 0; list-style: none; }
body #container { background: url('/images/grid.png?1270643271'); width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; margin-top: 10px; background: #fffdeb; }
body #container { display: block; }
body #header { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; display: inline; float: left; margin-right: 0; width: 950px; padding: 10px 0; background: #000; }
body #header { display: block; }
* html body #header { overflow-x: hidden; }
body #header h1 { display: inline; float: left; margin-right: 10px; width: 150px; margin: 0; background: none; }
* html body #header h1 { overflow-x: hidden; }
body #header h1 a { display: block; background: url(/images/devanture.jpg) top left no-repeat; height: 50px; width: 145px; text-indent: -9999px; }
body #header .menu { display: inline; float: left; margin-right: 0; width: 790px; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
* html body #header .menu { overflow-x: hidden; }
body #header .menu { display: block; }
body #header .menu li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 10px; padding-right: 10px; }
body #header .menu li.first { padding-left: 0px; }
body #header .menu li.last { padding-right: 0px; }
body #header .menu a { font-size: 1.167em; display: block; color: #fbe834; line-height: 50px; padding: 0 5px; text-decoration: none; font-weight: bold; letter-spacing: 1px; background: none; }
body #header .menu a:hover { text-decoration: underline; color: #fffdeb; }
body #header .menu a.actif { color: #fffdeb; }
body #header .menu a.small { font-size: 1em; font-weight: normal; }
body #header .menu a.shop { border: 2px solid #FBE834; text-transform: uppercase; font-size: 1.5em; padding: 0 15px; }
body #header .menu a.shop.actif { border-color: #fffdeb; }
body #footer { display: inline; float: left; margin-right: 0; width: 910px; padding: 10px 20px 10px 20px; border-top: 20px solid black; }
* html body #footer { overflow-x: hidden; }
body #footer p { margin: 0; font-size: 0.83em; }
body #content { display: inline; float: left; margin-right: 0; width: 950px; }
* html body #content { overflow-x: hidden; }
body #content #sidebar { display: inline; float: left; margin-right: 10px; width: 150px; padding: 10px 20px 10px 20px; }
* html body #content #sidebar { overflow-x: hidden; }
body #content #sidebar ol { margin-bottom: 1em; }
body #content #sidebar ol li h2 { text-transform: uppercase; }
body #content #sidebar ol li h2, body #content #sidebar ol li h3 { background: #000; padding: 5px; margin-bottom: 0.25em; }
body #content #sidebar ol li h2 a, body #content #sidebar ol li h3 a { display: block; font-weight: normal; color: #fbe834; text-decoration: none; }
body #content #sidebar ol li ol li { margin-left: 1em; list-style: outside disc; }
body #content #sidebar ol li ol li a { padding: 2px; display: block; }
body #content #sidebar ol li ol li a:hover { background: #000; color: #fbe834; }
body #content #main { display: inline; float: left; margin-right: 0; width: 710px; padding: 10px 20px 10px 20px; }
* html body #content #main { overflow-x: hidden; }
body #content #main .breadcrumbs { margin: 1em 0; }
body #content #main .categories ol { overflow: hidden; display: inline-block; margin-bottom: 1em; }
body #content #main .categories ol { display: block; }
body #content #main .categories li { display: inline; float: left; margin-right: 10px; width: 230px; text-align: center; }
* html body #content #main .categories li { overflow-x: hidden; }
body #content #main .categories li h4 { margin: 0; }
body #content #main .categories li h4 a { text-decoration: none; font-weight: bold; }
body #content #main .categories li h4 a span { display: block; padding: 3px; }
body #content #main .categories li h4 a:hover span { background: #000; color: #fbe834; }
body #content #main .categories li.last { margin-right: 0; }
body #content #main #articles .recherche { margin-bottom: 2em; }
body #content #main #articles .recherche .submit { text-align: right; }
body #content #main #article .infos { display: inline; float: left; margin-right: 0; width: 710px; margin-bottom: 2em; }
* html body #content #main #article .infos { overflow-x: hidden; }
body #content #main #article .infos .photos { display: inline; float: left; margin-right: 10px; width: 390px; }
* html body #content #main #article .infos .photos { overflow-x: hidden; }
body #content #main #article .infos .caracteristiques { display: inline; float: left; margin-right: 0; width: 310px; }
* html body #content #main #article .infos .caracteristiques { overflow-x: hidden; }
body #content #main #article .similaires { display: inline; float: left; margin-right: 0; width: 710px; }
* html body #content #main #article .similaires { overflow-x: hidden; }
body #content #main #article .similaires ul { margin-bottom: 1em; }
body #content .one-col { display: inline; float: left; margin-right: 0; width: 910px; padding: 10px 20px 10px 20px; }
* html body #content .one-col { overflow-x: hidden; }
body #content #accueil { display: inline; float: left; margin-right: 0; width: 950px; }
* html body #content #accueil { overflow-x: hidden; }
body #content #accueil .gauche { display: inline; float: left; margin-right: 10px; width: 590px; padding: 10px 20px 10px 20px; }
* html body #content #accueil .gauche { overflow-x: hidden; }
body #content #accueil .gauche .blog { display: inline; float: left; margin-right: 10px; width: 270px; padding-right: 40px; }
* html body #content #accueil .gauche .blog { overflow-x: hidden; }
body #content #accueil .gauche .facebook { display: inline; float: left; margin-right: 0; width: 270px; }
* html body #content #accueil .gauche .facebook { overflow-x: hidden; }
body #content #accueil .gauche .blog, body #content #accueil .gauche .facebook { margin-bottom: 20px; }
body #content #accueil .gauche .blog a, body #content #accueil .gauche .facebook a { display: block; text-decoration: none; color: black; }
body #content #accueil .gauche .blog a:hover span, body #content #accueil .gauche .facebook a:hover span { text-decoration: underline; }
body #content #accueil .gauche .blog a span, body #content #accueil .gauche .facebook a span { display: block; margin-top: 10px; text-align: center; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 1.15em; font-weight: bold; }
body #content #accueil .gauche .presentation, body #content #accueil .gauche .news { display: inline; float: left; margin-right: 0; width: 590px; }
* html body #content #accueil .gauche .presentation, * html body #content #accueil .gauche .news { overflow-x: hidden; }
body #content #accueil .droite { display: inline; float: left; margin-right: 0; width: 270px; padding: 10px 20px 10px 20px; }
* html body #content #accueil .droite { overflow-x: hidden; }
body #content #accueil .droite .recherche { margin-bottom: 2em; }
body #content #accueil .news p.more, body #content #accueil .newsletter p.more { text-align: right; }
body #content #ecole-kitesurf { display: inline; float: left; margin-right: 0; width: 910px; padding: 10px 20px 10px 20px; }
* html body #content #ecole-kitesurf { overflow-x: hidden; }
body #content #ecole-kitesurf .description { display: inline; float: left; margin-right: 10px; width: 590px; padding-right: 40px; }
* html body #content #ecole-kitesurf .description { overflow-x: hidden; }
body #content #ecole-kitesurf .contact { display: inline; float: left; margin-right: 0; width: 270px; }
* html body #content #ecole-kitesurf .contact { overflow-x: hidden; }
body #content #ecole-kitesurf .contact .email { font-weight: bold; font-size: 1.167em; }
body #content #infos { display: inline; float: left; margin-right: 0; width: 710px; margin-bottom: 1em; }
* html body #content #infos { overflow-x: hidden; }
body #content #infos .compte { display: inline; float: left; margin-right: 10px; width: 350px; }
* html body #content #infos .compte { overflow-x: hidden; }
body #content #infos .mini-caddie { display: inline; float: left; margin-right: 0; width: 350px; text-align: right; font-size: 1em; }
* html body #content #infos .mini-caddie { overflow-x: hidden; }
body #content #infos .mini-caddie h3, body #content #infos .mini-caddie p { margin: 0; }
body #content #panier { display: inline; float: left; margin-right: 0; width: 710px; }
* html body #content #panier { overflow-x: hidden; }
body #content .legendes { margin-bottom: 2em; }
body #content .legendes ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
body #content .legendes ul { display: block; }
body #content .legendes ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
body #content .legendes ul li.first { padding-left: 0px; }
body #content .legendes ul li.last { padding-right: 0px; }
body #content .paiement-ligne .vignettes img { margin-right: 10px; }
body #content table.panier { clear: both; }
body #content table.panier td { white-space: nowrap; }
body #content table.panier td.quantite { white-space: normal; }
body #content table.panier td.quantite a { float: right; }
body #content table.panier td.nom { white-space: normal; }
body #content .totaux .marchandise, body #content .totaux .port { font-weight: bold; }
body #content .totaux .final { font-weight: bold; font-size: 1.25em; }
body #content .totaux .hint { text-align: right; font-size: 0.875em; }
body #content .actions { text-align: right; }
body #content .actions .finaliser { margin-bottom: 3em; }
body #content #login .inscription, body #content #login .login, body #content #login .oubli-mot-passe { margin-bottom: 2em; }
body #content #login .login { display: inline; float: left; margin-right: 10px; width: 410px; padding-right: 40px; }
* html body #content #login .login { overflow-x: hidden; }
body #content #login .inscription { padding-left: 40px; display: inline; float: left; margin-right: 0; width: 410px; }
* html body #content #login .inscription { overflow-x: hidden; }
body #content #login .oubli-mot-passe { display: inline; float: left; margin-right: 0; width: 910px; }
* html body #content #login .oubli-mot-passe { overflow-x: hidden; }
body #content #recapitulatif-commande .infos { display: inline; float: left; margin-right: 0; width: 910px; margin-bottom: 2em; }
* html body #content #recapitulatif-commande .infos { overflow-x: hidden; }
body #content #recapitulatif-commande .infos .client { display: inline; float: left; margin-right: 10px; width: 450px; }
* html body #content #recapitulatif-commande .infos .client { overflow-x: hidden; }
body #content #recapitulatif-commande .infos .magasin { display: inline; float: left; margin-right: 0; width: 450px; }
* html body #content #recapitulatif-commande .infos .magasin { overflow-x: hidden; }
body #content #recapitulatif-commande .totaux { display: inline; float: left; margin-right: 0; width: 910px; }
* html body #content #recapitulatif-commande .totaux { overflow-x: hidden; }
body #content #recapitulatif-commande .cgv { text-align: center; }
body #content #recapitulatif-commande .cgv label { font-size: 1.125em; font-weight: bold; }
body #content #recapitulatif-commande .mode-reglement { text-align: center; }
body #content #recapitulatif-commande .mode-reglement .carte-bancaire, body #content #recapitulatif-commande .mode-reglement .cheque { margin-bottom: 2em; }
body #content #recapitulatif-commande .mode-reglement .nb-paiements { margin: 1em 0 2em 0; }
body #content #recapitulatif-commande .mode-reglement .cartes input { margin: 0 1em; }
body #content #recapitulatif-commande .mode-reglement .instructions-cheque { display: none; }
body #content #contact .coordonnees { display: inline; float: left; margin-right: 10px; width: 450px; }
* html body #content #contact .coordonnees { overflow-x: hidden; }
body #content #contact .formulaire { display: inline; float: left; margin-right: 0; width: 450px; }
* html body #content #contact .formulaire { overflow-x: hidden; }
body #content #contact .plan { display: inline; float: left; margin-right: 0; width: 910px; }
* html body #content #contact .plan { overflow-x: hidden; }
body #content #contact .plan .directions { display: inline; float: left; margin-right: 10px; width: 270px; }
* html body #content #contact .plan .directions { overflow-x: hidden; }
body #content #contact .plan iframe { display: inline; float: left; margin-right: 0; width: 630px; }
* html body #content #contact .plan iframe { overflow-x: hidden; }
body #content #news { display: inline; float: left; margin-right: 0; width: 910px; padding: 10px 20px 10px 20px; }
* html body #content #news { overflow-x: hidden; }
body #content .breadcrumbs-photos { display: inline; float: left; margin-right: 0; width: 910px; padding: 10px 20px 10px 20px; }
* html body #content .breadcrumbs-photos { overflow-x: hidden; }
body #content #photos-videos { display: inline; float: left; margin-right: 0; width: 910px; padding: 10px 20px 10px 20px; }
* html body #content #photos-videos { overflow-x: hidden; }
body #content #photos-videos #photos { display: inline; float: left; margin-right: 10px; width: 430px; padding-right: 40px; }
* html body #content #photos-videos #photos { overflow-x: hidden; }
body #content #photos-videos h3 { margin-top: 20px; }
body #content #photos-videos .thumbnail { display: inline; float: left; margin-right: 10px; width: 110px; padding-right: 20px; height: 150px; text-align: center; }
* html body #content #photos-videos .thumbnail { overflow-x: hidden; }
body #content #photos-videos .thumbnail img { margin-bottom: 5px; }
body #content #photos-videos .thumbnail p { margin: 0; font-weight: bold; }
body #content #photos-videos #videos { display: inline; float: left; margin-right: 0; width: 430px; }
* html body #content #photos-videos #videos { overflow-x: hidden; }
body #content #photoset { display: inline; float: left; margin-right: 0; width: 910px; padding: 10px 20px 10px 20px; }
* html body #content #photoset { overflow-x: hidden; }
body #content #photoset .small { display: inline; float: left; margin-right: 10px; width: 270px; padding-right: 20px; height: 290px; text-align: center; }
* html body #content #photoset .small { overflow-x: hidden; }
body #content #photoset .small img { margin-bottom: 10px; }
body #content #photoset .small p { margin: 0; font-weight: bold; }
body #content table { width: 100%; }
body #content table th { background-color: black; }
body #content table th.even { background-color: black; }
body #content table tr.odd td { background-color: #dcf1ff; }
body #content table tr.odd td.even { background-color: #dcf1ff; }
body #content table tr.even td { background-color: #cde1ef; }
body #content table tr.even td.even { background-color: #cde1ef; }
body #content table tfoot th, body #content table tfoot td { background-color: black; }
body #content table tfoot th.even, body #content table tfoot td.even { background-color: black; }
body #content table th, body #content table th a { font-weight: bold; color: #ffff00; text-align: center; text-decoration: none; white-space: nowrap; }
body #content table th img, body #content table th a img { vertical-align: text-top; margin-left: 3px; }
body #content table td { text-align: center; }
body #content table td span.prix { white-space: nowrap; }
body #content table td form { zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top; }
body #content form p { margin-bottom: 0; }
body #content form p em { color: red; }
body #content form p.erreur { border: 2px solid red; background: #FCEDED; color: red; font-weight: bold; margin-bottom: 10px; padding: 5px; }
body #content form fieldset ol li { padding: 5px 0; }
body #content form fieldset ol li label { display: block; }
body #content form fieldset ol li input[type='text'], body #content form fieldset ol li input[type='password'] { width: 270px; }
body #content form fieldset ol li textarea { height: auto; }
body #content form fieldset ol li input.erreur { border: 1px dashed red; background: #FCEDED; }
body #content form fieldset ol li.checkbox label { display: inline; }
body #content form fieldset ol li.required label { padding-left: 10px; background: url('/images/required.png?1270643271') left 5px no-repeat; }
body #content form fieldset.submit { padding: 0; border: none; }
body #content p.error { color: red; font-weight: bold; }

body { font-size: 16px; }
body #header, body #footer { display: none; }
body #content h1, body #content h2, body #content h3, body #content h4, body #content table th { color: #000; }
body #content #recapitulatif-commande h2 { display: none; }
body #content #recapitulatif-commande .mode-reglement .carte-bancaire, body #content #recapitulatif-commande .mode-reglement .cheque { display: none; }
body #content #recapitulatif-commande .mode-reglement .instructions-cheque { display: block; }
body #content #recapitulatif-commande .mode-reglement .instructions-cheque .date { display: inline; float: left; margin-right: 10px; width: 450px; }
* html body #content #recapitulatif-commande .mode-reglement .instructions-cheque .date { overflow-x: hidden; }
body #content #recapitulatif-commande .mode-reglement .instructions-cheque .cachet { display: inline; float: left; margin-right: 0; width: 450px; }
* html body #content #recapitulatif-commande .mode-reglement .instructions-cheque .cachet { overflow-x: hidden; }