/* CSS 2009 Federation francaise du pret-a-porter feminin   Marjorie Lazaro - CourantAlternatif.com */      /* MISE EN PAGE */#wrapper {
	position: relative
}
.entete {
	clear: both;
	position: absolute;
	top: 68px;
	z-index: 10
}/* hack IE6 */
*html .entete {
	position: relative;
	top: -120px
}  /* hack IE7 */
*:first-child+html .entete {
	position: relative;
	top: -124px
}
.logo {
	position: absolute;
	float: left;
	margin: 20px 10px 0 10px;
	z-index: 50
}/* hack IE6 */
*html .logo {
	position: relative;
	margin-left: 5px
} /* hack IE7 */
*:first-child+html .logo {
	position: relative
} /* NAVIGATION */
.navigation {
	position: absolute;
	top: 35px;
	margin-left: 155px;
	float: left;
	width: 800px;
	z-index: 50
}/* hack IE6 */
*html .navigation {
	position: relative;
	top: -116px;
	margin-left: 75px
}  /* hack IE7*/ *:first-child+html .navigation {
	position: relative;
	top: -120px

} /* sous menu outils */
.form-outils {
	float: right
}
.contenu {
	position: absolute;
	top: 395px
}/* hack IE6 */
*html .contenu {
	top: 395px
} /* hack IE7 */
*:first-child+html .contenu {
	top: 395px
} /* ACCUEIL */
.accueil .boite-contenu {
	position: relative;
	top: 10px;
	left: 20px;
	width: 960px
}/* hack Safari */
html* .accueil .boite-contenu {
	left: -30px
}/* hack IE6 */
*html .accueil .boite-contenu {
	top: 25px;
	left: -200px
} /* hack IE7 */
*:first-child + html .accueil .boite-contenu {
	top: 25px;
	left: -290px
}
.accueil .deuxCol-premiere {
	float: left;
	width: 680px;
	margin-right: 30px
}/* hack IE6 */
*html .accueil .deuxCol-premiere {
	float: left;
	width: 690px;
	margin-right: 0px
}
.accueil .deuxCol-deuxieme {
	float: left;
	width: 230px
}/* Nouveautes */
.boite-nouveautes {
	width: 340px;
	height: 365px
}
.boite-nouveautes.une {
	margin: 0
}
.boite-nouveautes.deux {
	margin: -370px 0 0 350px
}
.boite-nouveautes.trois {
	margin: 0 0 0
}
.boite-nouveautes.quatre {
	margin: -370px 0 0 350px
}
.boite-nouveautes a:link, .boite-nouveautes a:visited, .boite-nouveautes a:active {
	text-decoration: none
}
.boite-nouveautes a:hover {
	text-decoration: none
}
.boite-nouveautes h3 {
	color: #cc0033;
	position: absolute;
	top: 5px;
	z-index: 50;
	margin-left: 10px;
	padding: 2px 15px 2px 5px;
	font-size: 12px;
	font-style: italic;
	background: #fff url(images/mini-fleche-rouge.gif) 100% 8px no-repeat;
}
.boite-nouveautes h3 a {
	color: #cc0033
}
.boite-nouveautes a img {
	position: absolute;
	z-index: 10;
	top: 15px
}
.boite-nouveautes p {
	position: absolute;
	top: 230px;
	margin: 0 10px;
	width: 310px;
	color: #666;
	line-height:15px;
	font-size:11px;
	letter-spacing:0.1em
}
.boite-nouveautes h2 {
	position: absolute;
	top: 205px;
	width: 310px;
	margin-left: 10px;
	font-size:16px;
	letter-spacing:0.1em;
	color:#333;
	font-weight:normal
}
.boite-nouveautes a .cacher-savoirPlus {
	display: none
}
.boite-nouveautes .cacher-savoirPlus a:link, .boite-nouveautes .cacher-savoirPlus a:visited, .boite-nouveautes .cacher-savoirPlus a:hover, .boite-nouveautes .cacher-savoirPlus a:active {
	cursor: pointer;
	color: #fff;
	font-style: italic;
	text-decoration: none
}
.boite-nouveautes:hover {
	cursor: pointer
}
.boite-nouveautes:hover h3 {
	color: #333;
	background: #fff url(images/mini-fleche-grise.gif) 100% 8px no-repeat
}
.boite-nouveautes:hover h3 a {
	color: #333
}
.boite-nouveautes:hover .cacher-savoirPlus a {
	position: absolute;
	top: 330px;
	display: block;
	margin-left: 240px;
	padding: 2px;
	width: 72px;
	cursor: pointer;
	background-color: #cc0033;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	text-align:center
}

.boite-nouveautes:hover h2, .boite-nouveautes:hover h2 a {
	cursor: pointer;
	color: #cc0033
}
.boite-nouveautes:hover p, .boite-nouveautes:hover p a {
	cursor: pointer;
	text-decoration: none;
	color: #333333;
	line-height:15px;
}
.accueil .nouveautesdeuxiemeligne {
	position: absolute;
	top: 370px
}
.boite-nouveautes:hover p, .boite-nouveautes:hover p a.no-text {
	cursor: default;
	text-decoration: none;
}
.boite-nouveautes:hover h2, .boite-nouveautes:hover h2 a.no-text {
	cursor: default;
	text-decoration: none;
	color: #333333
}
.boite-nouveautes:hover a.no-text {
	cursor: default;
	text-decoration: none;
	color: #656565
}/* hack IE6 */
*html .boite-nouveautes {
	cursor: pointer;
	float: left
}
*html .accueil .nouveautesdeuxiemeligne {
	width: 700px;
	height:	350px;
	clear: both;
	position: relative;
	top: 0;
	margin-top: 0
}
*html .boite-nouveautes.une {
	margin: 0
}
*html .boite-nouveautes.deux {
	margin: 0
}
*html .boite-nouveautes.trois {
	margin: 0
}
*html .boite-nouveautes.quatre {
	margin: 0
}
*html .boite-nouveautes h3 {
	position: relative;
	top: 15px;
	z-index: 50;
	margin-left: 10px;
	margin-right:175px;
	padding: 2px 15px 2px 5px;
}
*html .boite-nouveautes a img {
	position: relative;
	top: 0
}
*html .boite-nouveautes p {
	position: relative;
	top: 10px;
	letter-spacing:0.1em;
	font-size:11px;
}
*html .boite-nouveautes h2 {
	position: relative;
	top: 5px
}
*html .boite-nouveautes .cacher-savoirPlus {
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	position: relative;
	top: 30px;
	display: block;
	margin-left: 230px;
	padding: 2px;
	width: 80px;
	cursor: pointer;
	background-color: #cc0033
}
*html .boite-nouveautes .cacher-savoirPlus a {
	color: #fff;
	background-color: #cc0033
}
*html .boite-nouveautes a:hover h2 {
	cursor: pointer;
	color: #cc0033
}
*html .boite-nouveautes a:hover h3 {
	color: #333;
	background: #fff url(images/mini-fleche-grise.gif) 100% 8px no-repeat;
	text-decoration: none
}
*html .boite-nouveautes a:hover p {
	cursor: pointer;
	text-decoration: underline
}
*html .boite-nouveautes.savoirPlus a:hover {
	background-color: #cc0033;
	text-decoration: none
}/* hack IE7 */
*:first-child +html .boite-nouveautes {
	cursor: pointer;
	float: left
}
*:first-child +html .accueil .nouveautesdeuxiemeligne {
	width: 700px;
height;
350px;
	clear: both;
	position: relative;
	top: 0;
	margin-top: 0
}
*:first-child +html .boite-nouveautes.une {
	margin: 0
}
*:first-child +html .boite-nouveautes.deux {
	margin: 0
}
*:first-child +html .boite-nouveautes.trois {
	margin: 0
}
*:first-child +html .boite-nouveautes.quatre {
	margin: 0
}
.accueil .pied-de-page {
	top: 170px
}
*:first-child +html .accueil .pied-de-page {
	top: 0
}/* hack IE6 */
*html .accueil .pied-de-page {
	top: 16px
}/* Effet menu accordeon */
.accordeon .option {
	padding: 10px 0 5px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff url(images/fleche-grise.gif) 100% 18px no-repeat;
	width: 230px
}
.accordeon .option:hover {
	background: #fff url(images/fleche-rouge-bas.gif) 100% 18px no-repeat;
	width: 230px
}
.accordeon .title {
	height: 25px
}
.accordeon .title a {
	font-size: 15px;
	text-decoration: none
}
.accordeon .option:hover .title a, .accordeon .title a:hover {
	color: #e13c65;
	font-size: 15px
}
* Agenda */.accueil .agenda {
margin: 0 0 15px;
width: 230px;
font-size: 11px
}
.accueil .agenda span {
	float: left;
	padding: 0 10px 10px 0;
	font-size: 12px;
	color: #999;
	font-weight: bold
}/* hack IE6 */
*html .accueil .agenda span {
	display: block;
	width: 100px
}/* hack IE6 */
*html .accueil .agenda .mois-suivant {
	margin-left: 100px
}/* hack IE7 */
*:first-child + html .accueil .agenda span {
	display: block;
	width: 100px
}/* hack IE7 */
*:first-child + html .accueil .agenda .mois-suivant {
	margin-left: 100px
}
.accueil .agenda table {
	width: 220px
}
.accueil .agenda table tr th {
	border: 1px solid #fff;
	color: #999;
	font-weight: normal
}
.accueil .agenda table tr td {
	border: 1px solid #f4f4f4;
	text-align: center;
	color: #d9d9d9;
	height: 30px
}
.accueil .agenda table tr td.inactif {
	background-color: #fff;
	color: #ededed
}
.accueil .agenda table tr td.actif {
	background-color: #999;
	color: #fff
}
.accueil .agenda .legende {
	width: 220px;
	margin-top: 15px
}
.accueil .agenda .legende li span {
	padding: 0 10px 0 0;
	display: block;
	width: 25px;
	float: left;
	color: #666;
	font-weight: bold;
	background: #fff url(images/fleche-agenda.gif) 100% 0 no-repeat
}
.accueil #menu ul li img {
	float: left;
	position: absolute;
	top: 8px;
	margin-left: 0
}
.accueil ul#menu li ul li .legende ul li {
	padding-left: 15px;
	font-size: 11px;
	color: #656565
}/* hack IE6 */
*html .accueil ul#menu {
	right: -240px;
	width: 220px
}
*html .accueil ul#menu li ul li {
	margin-right: -70px
}/* hack IE7 */
*:first-child + html .accueil #menu {
	right: -290px
}
/* hack IE6 */
*html #menu {
	margin-right : 0;
}
#menu li {
	float: left;
	position: relative;
	padding: 10px 0 10px 0;
	width: 240px;
	background: #fff url(images/fleche-rouge.gif) 100% 15px no-repeat
}
#menu .dernier {
	border-bottom: 1px solid #e5e5e5;
	background: none;
}
#menu .dernier  .telechargement .elem_dl{
margin: 5px 0;
display:block;
float:left;
clear: both;
}
#menu .dernier  .telechargement img, #menu .dernier  .telechargement a{ float: left;}
#menu .dernier .telechargement a{background-color: #e7e7e7;}
#menu .dernier .telechargement a span{color: #767676; font-style: arial; font-size: 15px; font-weight: bold; background:url(../../images/puce-dl.gif) no-repeat 10px 17px; padding: 12px 10px 0 25px; line-height: 18px; display: inline-block; width: 131px; float: left;}
#menu li, #menu li a {
	display: block;
	font-size: 12px;
	line-height: 24px;
	text-decoration: none;
	cursor: pointer;
	float: left
}
*html #menu li, #menu li a {
	width: 260px;
}
#menu li:hover, #menu li.active {
	color: #cc0033;
	text-decoration: none;
}

#menu span.active {
	color: #cc0033
}
#menu li a, #menu ul li a {
	color: #656565;
	cursor: pointer
}
#menu li a:hover, #menu li.active a {
	color: #cc0033;
	text-decoration: none
}
#menu ul li {
	border: 0;
	background: none;
	line-height: 15px;
	padding: 0 0 0 10px
}
#menu .active ul li {
	padding:0
}
#menu h2 {
	font-size: 12px
}
#menu ul li:hover {
	background: none
}
#menu ul li a, #menu ul li a:visited, #menu li:hover ul li a, #menu li.active ul li a {
	font-size: 11px;
	color: #656565;
	line-height: 15px
}
#menu ul li a:hover, #menu li:hover ul li a:hover, #menu li.active ul li a:hover {
	color: #cc0033;
	text-decoration: underline
}
#menu ul li a.active {
	color: #656565;
	text-decoration: line-through
}
#menu ul {
	display: none
}
#menu li.hover {
	color: #cc0033;
	text-decoration: none;
	z-index: 50
}
#menu li.click {
	color: #656565
}
#menu li.click ul, #menu li.active ul, #menu li.hover ul {
	display: block;
	margin-top: 10px
}
*html #menu li.active {
	background-position: 205px 15px
}
*html #menu li.click {
	background-position: 205px 15px
}
*html #menu li.hover {
	background-position: 205px 15px
}
#menu ul li img {
	float: right;
	position: absolute;
	top: 5px;
	margin-left: 170px
}/* form recherche */
#menu li label {
	display: block;
	float: left;
	color: #656565;
	width: 60px;
	font-size: 12px
}
#menu li label.lignes {
	line-height: 14px
}/* hack IE6 */
*html #menu li label {
	font-size: 11px;
	width: 55px
}
#menu li input[type=checkbox] {
	position: relative;
	top: 0;
	float: left
}
#menu li label.checkbox {
	float: left;
	width: 150px;
	margin-left: 5px
}
#menu li select {
	width: 180px
}/* hack IE6 */
*html #menu li label.checkbox {
	width: 130px;
	float: left;
	padding-top: 3px
}/* hack IE6 */
*html #menu li input {
	width: 130px;
	float: left
}/* hack IE6 */
*html #menu li select {
	width: 130px;
	float: left
}/* hack IE6 */
*html #menu li input.checkbox {
	width: 15px;
	float: left
}/* hack IE6 */
*html #menu li input.btn {
	width: 40px;
	float: right
}
#menu li select {
	font-size: 10px
}/* hack IE6 */
*html #menu li select {
	font-size: 9px;
	float: left
}
#menu li .indentation {
	margin-left: 60px
}/* hack IE6 */
*html #menu li .indentation {
	margin-left: 55px
}/* hack IE6 */
*html #menu li sep {
	height: 1px
}
#menu li a.recommencer {
	background: #fff url(images/fleche-rouge.gif) 0 4px no-repeat;
	font-size: 11px;
	padding-left: 10px
}
#menu li a:hover.recommencer {
	text-decoration: underline
}