/** INDEX PAGE **/
div#all.index {
	width: 1000px;
	height: 850px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/layout/load.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
div#all.index a.index {
	position: absolute;
	top: 333px;
	text-decoration: none;
	z-index: 1005;
}
div#indexWrapper {
	opacity: 0;
}
div#all.index a span {
	visibility: hidden;
}
div#all.index a#c-1 {
	left: 132px;
}
div#all.index a#c-2 {
	left: 377px;
}
div#all.index a#c-3 {
	left: 626px;
}
p#js {
	position: absolute;
	top: 50px;
	margin-top: 30px;
	color: orange;
	text-align: center;
	font-size: 18px;
}
/** GENERAL SETTINGS **/
html {
	height: 100%;
}
body {
	background-color: #000000;
	font-family: "helvetica";
	font-size: 60%;
	margin: 0 auto;
	overflow-y: scroll;
	height: 100%;
}
#all {
	position: relative;
	width: 1000px;
	min-height: 100%;
	margin: 0 auto;
	background-image: url(../images/layout/middle.jpg);
}
#header {
	width: 1000px;
	height: 270px;
	position: relative;
	z-index: 2;
}
#header a.head {
	position: absolute;
	top: 16px;
	text-decoration: none;
}
a.head span {
	font-size: 11px;
}
a#c-1 {
	left: 10px;
}
a#c-2 {
	left: 100px;
}
a#c-3 {
	left: 185px;
}
a.head span {
	opacity: 0;
}
#content {
	background-color: white;
	min-height: 200px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 130px;
	font-size: 150%;
	background-image: url(../images/layout/middle.jpg);
	
}
#mainContent {
	float: right;
	width: 780px;
	padding: 0 5px 0 20px;
}
div#mainContent h1 {
	text-align: center;
}
#footer {
	position: absolute;
	clear: both;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 1000px;
	height: 130px;
	background-color: white;
	background-image: url(../images/layout/homebotom.jpg);
}
#footer img {
	vertical-align: middle;
}
a#gestion {
	text-decoration: none;
	color: #000000;
}
div#leftCol {
	width: 170px;
	float: left;
}
/** MENU **/
#menu {
	position: absolute;
	top: 195px;
	color: white;
	width: 980px;
	margin-left: 20px;
	z-index: 3;
}
.dropdown { /* this is the main UL element*/
	margin:0;
	padding:0;
	list-style:none;
	font-size: 150%;
	font-weight: bold;
	font-family: Tahoma;
	position: relative;
	z-index: 3;
	width: 810px;
}
.dropdown ul { /* these are the inner menus*/
	margin:0;
	padding:0;
	list-style:none;	
}
.dropdown li { /* these are all the LIs in the menu*/
	margin:0;
	padding:5px;
	width: 125px;
	height: 30px;
	cursor:pointer;
	text-align: center;
	background: url(../images/layout/menu1.png) no-repeat;
	float: left;
}
.dropdown li ul {
	position: absolute;
	left: -999em;
}
.dropdown li:hover ul ul, .dropdown li:hover ul ul ul, .dropdown li:hover ul ul ul ul {
left: -999em; /* son of suckerfish style of hiding ul's. Screenreaders can read this unlike display:none */
}
.dropdown li:hover ul, .dropdown li li:hover ul, .dropdown li li li:hover ul, .dropdown li li li li:hover ul {
left: auto;
}
.dropdown a { /* these are anchor in the menu, if you want to style them differently from the rest of you website*/
	text-decoration:none;
	color:#FFFFFF;
}
.dropdown a:hover {
	text-decoration:underline;
}
.dropdown ul li { /* these are the LIs that only belong to submenu*/
	border-top:0;
	margin-left:-1px;
	font-size: 12px;
}
.dropdown li.submenu { /* these are the LIs that contains a submenu*/
	background:	url(../images/layout/menu1.png) no-repeat;
}
.dropdown ul li.submenu { /* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
	background:	url(../images/layout/menu3b.png) no-repeat;
	padding:5px;
	width:125px;
}
/** LEFT COLUMN TEAMBOX MOOQUEE **/
div#teamBox {
	width: 170px;
	height:210px;
	margin-top: 10px;
	background-image: url(../images/layout/WINDteam.png);
}
div#teamBox #mooqueeTeam {
	width: 130px;
	height: 150px;
	margin: 20px 20px;
	overflow: hidden;
	position: relative;
}
div#teamBox .mooqueeTeam_item {
	text-align: center;
	padding-top: 5px;
}
div#teamBox .mooqueeTeam_item img {
	margin: 0 auto;
}
div#teamBox .mooqueeTeam_item a {
	display: block;
	width: 100%;
	height: 100%;
}
/** ALL TEAMS **/
div.team {
  width: 130px;
  height: 150px;
  margin: 13px;
  overflow: hidden;
  float: left;
  text-align: center;
}
/** LEFT COLUMN NEWPRODS MOOQUEE **/
div#newProds {
	width: 170px;
	height: 210px;
	background-image: url(../images/layout/WINDnouv.png);
}
div#newProds #mooquee {
	width: 130px;
	height: 150px;
	margin: 20px 20px;
	overflow: hidden;
	position: relative;
}
div#newProds .mooquee_item {
	text-align: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div#newProds .mooquee_item img {
	margin: 0 auto;
}
div#newProds .mooquee_item a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
/** LEFT COLUMN CART **/
div#cart {
	width: 150px;
	height: 80px;
	margin-top: 10px;
	padding-top: 40px;
	padding-left: 20px;
	background-image: url(../images/layout/WINDpan.png);
	background-repeat: no-repeat;
}
/** LEFT COLUMN USER **/
div#userSpace {
	width: 170px;
	margin-top: 10px;
}
div#userSpace p#login {
	background: url(../images/layout/ACESS.png) no-repeat;
	height: 35px;
	padding-top: 15px;
	padding-left: 65px;
}
div#userSpace p#logout {
	background: url(../images/layout/ACESS1.png) no-repeat;
	height: 35px;
	padding-top: 15px;
	padding-left: 65px;
}
/** LEFT COLUMN RECHERCHE **/
div#recherche {
	width: 150px;
	height: 33px;
	overflow: hidden;
	background: url(../images/layout/WINDrec.png) no-repeat;
	padding-top: 40px;
	padding-left: 20px;
	margin-top: 10px;
}
div#recherche input.img {
	vertical-align: bottom;
	background: url(../images/layout/see.png) no-repeat;
	width: 20px;
	border: none;
	cursor: pointer;
}
/** LEFT COLUMN CONTACT **/
div#leftContact {
	width: 105px;
	background: url(../images/layout/contact.png) no-repeat;
	height: 35px;
	padding-top: 15px;
	padding-left: 65px;
}
/** LEFT COLUMN CONTACT **/
p#partner {
	width: 170px;
	padding-top: 15px;
}
/** ACCUEIL PAGE **/
div#welcome {
	background: url(../images/layout/windowhoriz.jpg) no-repeat;
	width: 661px;
	height: 250px;
	margin: 0 auto;
	padding: 50px 50px 20px 50px;
}
div#newsAccueil {
	float: left;
	width: 305px;
	height: 440px;
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 30px 30px 30px 30px;;
	background-image: url(../images/news/blog.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
div#newsAccueil h2 {
	text-align: center;
	padding-top: 3px;
	font-size: 150%;
}
div#newsAccueil h3 {
	font-size: 110%;
}
div#newsAccueil a img {
	vertical-align: baseline;
}
div#newsAccueil p.allNews {
	margin-right: 15px;
	float: right;
}
div#lastVideo {
	float: right;
	padding: 20px 0 0 0;
	margin-top: 15px;
	background: url(../images/layout/video.jpg) no-repeat;
	width: 410px;
	height: 400px;
	text-align: center;
}
div#lastVideo embed {
	margin-top: 5px;
}
/** CAT PAGE **/
ul#subCats {
	list-style-type: none;
	margin-left: 30px; 
}
ul#subCats li {
	float: left;
	margin-left: 10px;
}
/** VIGNETTES PRODUITS **/
div.vignetteProduit {
	width: 169px;
	height: 214px;
	float: left;
	position: relative;
	text-align: center;
	padding: 8px;
	margin: 4px;
	background-image: url(../images/layout/FENPRO.jpg);
	background-repeat: no-repeat;
}
div.vignetteProduit h4 {
	position: relative;
	line-height: 14px;
	top: 0;
	left: 0;
	height: 35px;
	width: 169px;
	overflow: hidden;
}
div.vignetteProduit a.detail {
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
}
p.centerMiniat {
	height: 128px;
	padding-top: 7px;
}
div.vignetteProduit a.miniat {
	margin: 0 auto;
}
div.vignetteProduit div.bottom {
	position: absolute;
	bottom: 8px;
	width: 169px;
	height: 40px;
	overflow: hidden;
}
div.vignetteProduit div.bottom p.prix {
	font-size: 130%;
	float: left;
	width: 105px;
	height: 100%;
	text-align: center;
}
span.prix_promo {
	color: red;
}
div.vignetteProduit div.bottom span.prix_promo {
	line-height: 10px;
}
span.oldPrice {
	text-decoration: line-through;
}
div.vignetteProduit div.bottom span.oldPrice {
	position: absolute;
	bottom: 0;
	left: 15px;
	font-size: 70%;
}
div.vignetteProduit div.bottom input {
	vertical-align: middle;
	width: 24px;
}
div.vignetteProduit div.bottom form.addPanier {
	width: 20px;
	margin-right: 7px;
	margin-top: 5px;
	float: right;
	width: 55px;
}
div.vignetteProduit a {
	color: #000000;
}
div.vignetteProduit a:visited {
	color: #FFFFFF;
}
/** DETAILS PRODUIT **/
div#caracProd {
	float: right;
	text-align: right;
	width: 180px;
}
div#caracProd p.prix {
	margin-top: 10px;
}
p.prix {
	font-size: 150%;
}
p.prix span.strike {
	font-size: 60%;
}
div#caracProd form.addPanier {
	margin-top: 7px;
}
#colorsSizes {
	text-align: center;
}
#colorsSizes .color {
	width: 100px;
}
p.panierColor {
	width: 100px;
	float: right;
}
div#caracProd + img + div.fckContent {
	margin-top: 15px;
	margin-left: 10px;
}
/** USER PAGES **/
p.lastLogin {
	float: right;
	font-size: 85%;
}
div#menuClient {
	width: 700px;
}
div#menuClient p {
	width: 200px;
	float: left;
	text-align: center;
	margin-left: 25px;
}
div#menuClient a {
	text-decoration: none;
}
/** CONTACT PAGE **/
div#contactRight {
	float: right;
	width: 400px;
}
div#map {
	width: 380px;
	height: 380px;
	margin: 0 auto;
	background-color: aqua;
}
/** NEWSLETTER **/
div#inscription {
	float: right;
	position: relative;
	margin: 0 15px;
	padding: 10px;
	width: 260px;
	height: 100px;
}
div#inscription form {
	margin-top: -20px;
}
input.inscription {
	float: right;
	margin-top: -47px;
}
h3.newsletterTitle {
	margin-bottom: 5px;
}
/** NEWS PAGE **/
img#newsProd {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
div#newsComm p {
	float: left;
	margin-left: 20px;
	line-height: 23px;
}
/** ERROR PAGE **/
div#error {
	text-align: center;
	margin-top: 15px;
}
/** PANIER PAGE **/
table#recap td {
	padding: 5px;
}
input#recalc {
	margin-top: 15px;
	margin-right: 20px;
	float: right;
	width: 150px;
}
input#validate {
	width: 200px;
	margin-top: 15px;
}
/** VIDEO PAGE **/
img.videoThumb {
	float: left;
	margin-right: 8px;
}
div.video h3 {
	margin-bottom: 10px;
}
div.video {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid orange;
}
#yt {
	float: right;
	margin-top: 90px;
}
a.videoLink {
	float: right;
	margin: 30px 40px 5px 10px;
}