@import "layout.css";

*{
	margin: 0;
	padding: 0;
}

body{
	background: #999;
	font-family: Arial, sans-serif;
	font-size: 76%;
	line-height: 1.6em;
}

body.wait{
	background: #F00;
}

ul{
	margin: 1em 0;
	padding: 0;
}

.montant{
	text-align: right;
}

.separator, .clearer{
	clear: both;
	visibility: hidden;
}

/* Titres
*******************************************************************************/
h1{font-size: 1.6em; margin: 0;}
h2{font-size: 1.5em; margin: 0 0 1em 0; color: #333;}
h3{font-size: 1.4em; margin: 1em 0;}
h4{font-size: 1.3em; margin: 1em 0;}
h5{font-size: 1.2em; margin: 1em 0;}
h6{font-size: 1.1em; margin: 1em 0;}

/* Liens
*******************************************************************************/
a{color: #000;}
a:visited{color: #000;}
a:hover{color: #333;}
a img{border: none;}

/* Formulaires
*******************************************************************************/
fieldset{
	margin: 1em 0;
	padding: 1ex 1em;
	border: 1px solid #ccc;
	background: #f3f3f3;
}

label{
	display: block;
	cursor: pointer;
   cursor: hand; /* pour IE */
	margin: 1ex 0 0.2ex 0;
}

p{
	margin: 1em 0;
}

p.field label{
	display: inline;
}

p.inlinefield label{
	display: inline;
}

input{
	border: 1px solid #999;
	padding: 0.2em;
	font-size: 1em;
	font-family: Arial, sans-serif;
}

option{
	padding-right: 1ex;
}

.required{
	font-weight: bold;
}

.error{
	background: #FEE;
}

.ok{
	background: #EFE;
}

#content ul.error{
	border: 1px solid #F66;
	padding: 1ex 1em;
	margin: 0;
	list-style: none;
}

#content ul.ok{
	border: 1px solid #9C0;
	padding: 1ex 1em;
	margin: 0;
	list-style: none;
}

/* Page
*******************************************************************************/
#page{
	
}

/* Header
*******************************************************************************/
#top{
	background: #fcfcfc url(img/top.jpg) no-repeat right top;
	border: 1px solid #221F20;
	border-bottom: none;
}

	#top h1{
		background: transparent url(img/h1.png) no-repeat;
		text-indent: -100em;
		overflow: hidden;
	}
	
	#top h1 a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	
/* Navigation
*******************************************************************************/
#navigation{
	color: #000;
	background: #EEF0F2;
	border: 1px solid #221F20;
	border-top: none;
}

#navigation ul{
	list-style: none;
}

#navigation ul li{
	margin-right: 10px;
}

#navigation a{
	color: #000;
	text-decoration: none;
}

/* Contenu
*******************************************************************************/
#content{
	color: inherit;
	background: #fff;
}

#content ul, #content ol{
	margin-left: 1.5em;
}

/* Home
*******************************************************************************/
#gammeNews{
	background: #FFF;
	width: 511px;
	float: left; display: inline;
	margin: 10px;
}

#gammeNews p{
	margin: 10px;
}

#mainPromo{
	background: #FFF;
	float: right; display: inline;
	width: 250px;
	margin: 10px;
}

#mainPromo div{
	height: 250px;
	overflow: auto;
}

#mainPromo table{
	 margin: 10px;
}

#mainPromo table thead{
	display: none;
}

#mainPromo td{
	vertical-align: top;
}

#mainPromo dl{
	margin: 0.5ex 0 0 0;
}

#mainPromo dt{
	margin-bottom: 1em;
}

#mainPromo dd{
	margin: 0;
}

#bottomInfo{
	clear: both;
}

#gammeNews h2{
	background: #2EB7D7;
	color: #FFF;
}

#mainPromo h2{
	background: #D72E71;
	color: #FFF;
}


#prodPreview{
	width:  610px;
	float: left; display: inline;
	margin: 10px;
}

#prodPreview img{
	margin-right: 13px;
}

#legalInfo{
	background: #FFF;
	float: right; display: inline;
	width: 250px;
	height: 70px;
	margin: 10px;
	overflow: hidden;
}

#legalInfo p{
	margin: 10px;
}

#legalInfo h2{
	background : #914BE1;
	color: #FFF;
}

.designers-list img{
	padding: 5px;
}

.designers-list .current{
	background: #ddd;
}

/* My Design
*******************************************************************************/
.mydesign-list{
	border: 1px solid #CCC;
	width: 380px;
	padding: 10px;
	text-align: center;
	float: left;
	margin: 0 10px;
}

.mydesign-list dt{
	margin: 0 0 10px 0;
}

.mydesign-list dd{
	margin: 0;
	font-style: italic;
}

/* Aide
*******************************************************************************/
.rubAide{
	width: 400px;
	padding: 4px;
	margin: 0 10px 1em 10px;
	float: left;
	height: 15em;
	border: 1px solid #EEEEEE;
}

.rubAide h3{
	margin: 0;
}

/* Footer
*******************************************************************************/
#footer{
	color: #000;
	background: #EEF0F2;
	border: 1px solid #221F20;
}

	#footer a{
		color: #000;
	}

	#footer-nav, #footer-nav li{
		display: inline;
		margin-left: 1em;
	}