/***** GESTION DE LA PAGE *****/
body {
	background: #4C75C6 url('../img/background-body.jpg') fixed;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Helvetiva, sans-serif;
	font-size: 1em;
}

a, a:hover {
	color: #354E7D;
	text-decoration: underline;
}

a:visited {
	color: #7F7F7F;
	text-decoration: underline;
}

.information {
	font-size: 0.75em !important;
	margin: 0px;
	color: #7F7F7F;
}

.reponse_formulaire {
	color: #CC0000 !important;
}

div#connexion_client, div#inscription_client, div#adresse_livraison {
	font-size: 0.75em !important;
}

select#pays {
	font-size: 0.75em !important;
}

#page {
	margin-left: 50%;
}

#habillage {
	width: 900px;
	margin-left: -450px;
	background: #F0F0F0;
}

/***** BANDEAU *****/
#bandeau, #bandeau_sommaire {
	position: absolute;
	top: 0px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	height: 126px;
}

#bandeau_sommaire {
	height: 209px;
}

#bandeau #image, #bandeau_sommaire #image {
	display: Block;
	width: 900px;
	height: 209px;
	margin: 0px;
	padding: 0px;
	background: url('../img/bandeau.jpg') no-repeat center;
}

#bandeau #image {
	height: 126px;
}

#bandeau #masque, #bandeau_sommaire #masque {
	width: 900px;
	height: 126px;
	margin-top: -126px;
	padding: 0px;
	background: url('../img/bandeau-masque.png') no-repeat top left;
}

#bandeau_sommaire #masque {
	height: 209px;
	margin-top: -209px;
}

#bandeau #logo, #bandeau_sommaire #logo {
	display: Block;
	width: 600px;
	height: 53px;
	margin-top: -116px;
	background: url('../img/kiteboarding.fr.png') no-repeat left top;
}

#bandeau #lien_accueil {
	display: Block;
	position: absolute;
	width: 400px;
	height: 53px;
	margin-top: -54px;
	z-index: 100;
}

#bandeau_sommaire #logo {
	margin-top: -199px;
}

/***** MENU HAUT *****/
#menu {
	position: absolute;
	top: 0px;
	width: 900px;
	height: 159px;
	margin: 0px;
	padding: 0px;
	background: url('../img/background-menu-long-crystal.png') no-repeat left top;
}

#menu #barre_bleue {
	margin-top: 135px;
}

#menu ul {
	margin: 0;
    padding: 0;
	float: left;
    /*display: inline;*/
}

#menu ul li {
	margin: 0;
    padding: 0;
	list-style: none;
	float: left;
    /*display: inline;*/
}

/* menu des langues */
#menu #langues li a {
	display: block;
	margin-left: 3px;
	font-size: 0;
	line-height: 0;
	width: 16px;
	height: 11px;
}

#menu #langues li #drapeau_fr {
	background: url('../img/drapeau-fr.png') no-repeat left top;
}

#menu #langues li #drapeau_en {
	background: url('../img/drapeau-en.png') no-repeat left top;
}

#menu #langues li #drapeau_es {
	background: url('../img/drapeau-es.png') no-repeat left top;
}

/* menu de la boutique */
#menu #boutique {
	color: White;
	margin-top: -0.3em;
	margin-left: 1.3em;
	font-size: 0.9em;
}

#menu #boutique li {
	margin-left: 0.5em;
}

#menu #boutique a, #menu #boutique a:visited {
	color: White;
	text-decoration: none;
}

#menu #boutique a:hover {
	color: White;
	border-bottom: 1px #AAA dotted;
}

/* menu des services */
#menu #services {
	position: absolute;
	font-size: 0.75em;
	color: #37548E;
	top: 109px;
	left: 520px;
}

#menu #services li {
	margin-left: 0.2em;
}

#menu #services a, #menu #services a:visited {
	color: #37548E;
	text-decoration: none;
	font-weight: bold;
}

#menu #services a:hover {
	color: #37548E;
	border-bottom: 1px #AAA dotted;
}

/***** CONTENU DE LA PAGE UTILE *****/
#contenu {
	position: absolute;
	top: 159px;
	width: 900px;
	min-height: 500px;
	background: #f0f0f0 url('../img/background-habillage-haut.png') repeat-x top;
}

#contenu #logo_cdk {
	position: absolute;
	top: -39px;
	left: 733px;
	width: 177px;
	height: 43px;
	background: url('../img/logo-cdk-trans.png') no-repeat center top;
}

#contenu #affichage {
	/* position: absolute; */
	margin: 0px;
	padding: 0px;
	margin-top: 29px;
	margin-left: 130px;
	width: 550px;
	color: Black;
	background: #f3f3f3 url('../img/background-contenu-left.png') left repeat-y;
}

#contenu #affichage #texte {
	margin-left: 15px;
	margin-right: 8px;
	overflow: auto !important;
}

#contenu #affichage #haut {
	width: 550px;
	height: 17px;
	background: url('../img/background-contenu-haut.png') left top no-repeat;
}

#contenu #affichage #bas {
	width: 550px;
	height: 17px;
	background: url('../img/background-contenu-bas.png') left bottom no-repeat;
}

/* Panier */
#contenu #panier_vide {
	position: absolute;
	top: 10px;
	right: 235px;
	text-align: right;
	font-size: 0.7em;
	font-weight: bold;
	color: #7f7f7f;
	padding-right: 21px;
	background: url('../img/panier_vide.png') right no-repeat;
	visibility: hidden;
}

#contenu #panier_plein {
	position: absolute;
	top: 10px;
	right: 235px;
	text-align: right;
	font-size: 0.7em;
	font-weight: bold;
	color: Black;
	background: url('../img/panier_plein.png') right no-repeat;
}

#contenu #panier_plein a, #contenu #panier_plein a:visited {
	text-decoration: none;
	color: White;
	background: #D71A16;
	padding-left: 4px;
	padding-right: 2px;
	margin-right: 24px;
}

#contenu #panier_plein a:hover {
	text-decoration: none;
	color: #D71A16;
	border: 1px solid #D71A16;
	background: none;
}

/* Colonne de droite */
#contenu #complement {
	/* position: absolute; */
	/* top: 0px; */
	/* right: 0px; */
	float: right;
	background: #354E7D url('../img/background-complement-bas.png') bottom left no-repeat;
	width: 211px;
}

#contenu #complement #recherche {
	margin: 0px;
	padding: 0px;
	background: url('../img/background-recherche.png') center top no-repeat;
	width: 211px;
	height: 65px;
	margin-top: 3px;
	font-weight: bold;
	font-size: 0.9em;
}

#contenu #complement #recherche form {
	margin: 0px;
	padding: 10px;
}

#contenu #complement #recherche input {
	font-size: 0.75em;
}

#contenu #complement #nouveau {
	background: url('../img/background-boite-jaune.png') center repeat-y;
	width: 211px;
}

#contenu #complement #haut_jaune {
	background: url('../img/background-boite-jaune-haut.png') center top no-repeat;
	width: 211px;
	height: 12px;
}

#contenu #complement #bas_jaune {
	background: url('../img/background-boite-jaune-bas.png') center bottom no-repeat;
	width: 211px;
	height: 12px;
}

#contenu #complement #promo {
	background: url('../img/background-boite-grise.png') center repeat-y;
	width: 211px;
}

#contenu #complement #haut_gris {
	background: url('../img/background-boite-grise-haut.png') center top no-repeat;
	width: 211px;
	height: 12px;
}

#contenu #complement #bas_gris {
	background: url('../img/background-boite-grise-bas.png') center bottom no-repeat;
	width: 211px;
	height: 12px;
}

#contenu #complement .pub {/* Taille bandeau pub: 180x150px */
	width: 211px;
	/* height: 150px; */
	height: 2px;
	/* background: url('../test-img/pub.png') center bottom no-repeat; */
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 2px;
}

#contenu #complement .pub a {/* Taille bandeau pub: 180x150px */
	display: block;
	width: 211px;
	height: 150px;
	background: url('../img/pub-masque.png') center bottom no-repeat;
	margin: 0;
	padding: 0;
}

#contenu #complement h1 {
	font-size: 0.8em;
	font-weight: bold;
	color: #354E7D;
	padding: 0px 10px 5px 10px;
	margin: 0px;
}

#contenu #complement a {
	font-size: 1.3em;
}

#contenu #complement .prix {
	font-size: 1.2em;
}

/* Navigation */
#contenu #navigation {
	/*position: absolute;*/
	top: 0px;
	/* right: 0px; */
	float: left;
	width: 128px;
	margin: 0px;
	padding: 0px;
	margin-left: 7px;
	/* overflow: auto; */
}

#contenu #navigation h1 {
	width: 128px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	margin-top: 13px;
	margin-bottom: 13px;
}

#contenu #navigation #titre_secteur_2 {
	background: url('../img/titres-secteur/kitesurf.png') left no-repeat;
}

#contenu #navigation #titre_secteur_3 {
	background: url('../img/titres-secteur/land-snowkite.png') left no-repeat;
}

#contenu #navigation #titre_secteur_5 {
	background: url('../img/titres-secteur/buggy.png') left no-repeat;
}

#contenu #navigation #titre_secteur_6 {
	background: url('../img/titres-secteur/accessoires.png') left no-repeat;
}

#contenu #navigation #titre_secteur_71 {
	background: url('../img/titres-secteur/trainer-kite.png') left no-repeat;
}


#contenu #navigation ul, #contenu #navigation ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#contenu #navigation ul li {
	font-size: 0.9em;
	font-weight: bold;
	color: #354E7D;
}

#contenu #navigation ul li a {
	color: #354E7D;
	text-decoration: none;
}

#contenu #navigation ul li a:hover {
	color: #354E7D;
	text-decoration: underline;
}

#contenu #navigation ul li ul li {
	font-size: 1.1em;
	line-height: 0.9em;
}

#contenu #navigation ul li ul li a, #contenu #navigation ul li ul li a:visited {
	color: #3c3c3c;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.75em;
}

#contenu #navigation ul li ul li a:hover {
	text-decoration: underline;
}

#contenu #outils {
	text-align: center;
	margin-top: 2em;
	clear: both;
}

#contenu #outils ul, #contenu #outils ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 0.85em;
	font-weight: bold;
	color: #354E7D;
}

#contenu #outils ul li a {
	text-decoration: none;
	color: #354E7D;
}

#contenu #outils ul li a:hover {
	text-decoration: underline;
}

#contenu #outils ul li a:visited {
	color: #7f7f7f;
}

#contenu #pied_page {
	text-align: center;
	height: 33px;
	color: #FEAD22;
	padding-top: 3px;
	font-size: 0.70em;
	line-height: 1.2em;
	background: #354E7D url('../img/background-pied-page-crystal.png') repeat-x;
	clear: both;
}

/* Chemin de fer */
#contenu #chemin_fer {
	position: absolute;
	top: 10px;
	left: 150px;
	font-size: 0.7em;
	color: #3c3c3c;
}

#contenu #chemin_fer a, #contenu #chemin_fer a:visited {
	text-decoration: none;
	color: #3c3c3c;
}

#contenu #chemin_fer a:hover {
	text-decoration: underline;
}

/******* PAGE DE SOMMAIRE *******/
#contenu #sommaire {
	width: 100%;
	min-height: 318px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

#contenu #sommaire #rayons {
	float: left;
	margin: 0px;
	padding: 0px;
}

#contenu #sommaire #rayons .un_rayon {
	float: left;
	margin: 0px;
	padding: 0px;
}

#contenu #sommaire #rayons .un_rayon a img {
	padding: 2px;
	background: #354E7D;
}

#contenu #sommaire #rayons h1 {
	color: #354E7D;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: bold;
	margin-left: 12px;
}

#contenu #sommaire #rayons a, #contenu #sommaire #rayons a:LINK, #contenu #sommaire #rayons a:VISITED {
	color: #354E7D;
	text-decoration: none;
}

#contenu #sommaire #rayons a:HOVER {
	color: #354E7D;
	text-decoration: underline;
}

#contenu #sommaire #rayons ul {
	margin: 0px;
	padding: 0px;
	margin-left: 12px;
	list-style: none;
	font-weight: bold;
	font-size: 0.75em;
	color: #3c3c3c;
}

#contenu #sommaire #rayons ul li {
	margin: 0px;
	padding: 0px;
	margin-top: -0.2em;
}

#contenu #sommaire #rayons ul a, #contenu #sommaire #rayons ul a:LINK, #contenu #sommaire #rayons ul a:HOVER, #contenu #sommaire #rayons ul a:VISITED {
	color: #3c3c3c;
}

#contenu #sommaire #complement {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 205px;
	background: #354E7D;
}

#contenu #sommaire #complement #recherche {
	background: url('../img/background-recherche-som.png') center top no-repeat !important;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
	width: 205px;
	height: 166px;
}

#contenu #sommaire #complement #recherche label {
	color: #354E7D;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-top: -0.2em;
}

#contenu #sommaire #complement #recherche #format label {
	color: #3C3C3C;
	font-size: 0.75em;
	font-weight: normal;
	display: inline;
}

#contenu #sommaire #complement #recherche #maj {
	text-align: center;
	color: #3C3C3C;
	font-size: 0.75em;
	font-weight: normal;
	margin-top: 1.5em;
}

#contenu #sommaire #complement #nouveau {
	margin: 0px !important;
	width: 205px;
	height: 166px;
	background: none;
}

#contenu #sommaire #complement #haut_jaune {
	background: url('../img/backsom-boite-jaune-haut.png') center top no-repeat;
	margin: 0px;
	padding: 0px;
	width: 205px;
	height: 12px !important;
	line-height: 0px;
	font-size: 0px;
}

#contenu #sommaire #complement #jaune {
	margin: 0px;
	padding: 0px;
	margin-left: 2px;
	margin-right: 2px;
	background: #FEAD22;
}

#contenu #sommaire #complement #bas_jaune {
	background: url('../img/backsom-boite-jaune-bas.png') center bottom no-repeat;
	width: 205px;
	height: 12px;
	line-height: 0px;
	font-size: 0px;
}

#contenu #sommaire #complement .produit_vignette {
	width: 100px;
	overflow: visible;
}

#contenu #sommaire #complement #pub {
	height: 18px;
	background: #354E7D url('../img/background-complement-bas.png') bottom left no-repeat;
}

/***** LES OUTILS DE MISE EN PAGE *****/
.nettoyage {
	clear: left;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}