/* CSS 2009 Federation francaise du pret-a-porter feminin
   Marjorie Lazaro - CourantAlternatif.com */
   
   
* { padding: 0; margin: 0 }

html, body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #656565;
	background: #fff; 
	text-align: center
}

h1 { color: #80807e }
h2 { color: #4d4d4d }
h3 { color: #858e61 }
h4 {  }

p { font-size: 12px; text-align: justify }

div, span, p, ul, ol { margin: 0; padding: 0 }
ul li, ol li { list-style-type: none }

.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.sep { height: 10px }

.texte-blanc { color: #fff }
.texte-centre { text-align: center }
.texte-gauche { text-align: left }
.texte-droite { text-align: right }

.texte-petit { font-size: 10px }
.texte-gras { font-weight: bold }

a:link {
	color: #333333;
	cursor: pointer;
	text-decoration: none
}
a:visited {
	color: #333333;
	cursor: pointer;
	text-decoration: none
}
a:visited:hover { color: #cc0031; cursor: pointer; text-decoration: none }
a:hover { color: #cc0033; cursor: pointer; text-decoration: none }
a:active { color: #656565; cursor: pointer; text-decoration: none }
:focus { outline: 0 }
a img { border: 0 }


/* MISE EN PAGE */
#wrapper { 
  width: 960px; 
  margin: 0 auto; 
  text-align: justify; 
  min-height: 100%;
  height: auto !important;
  height: 100%
}

.langue { float: right; margin: 5px 10px 0 0; }
.langue a { text-decoration: none; color: #ccc; font-size: 9px }
.langue a:hover { color: #656565 }
 

/* NAVIGATION */
.navigation {
	position: relative;
	z-index: 100;
	text-align: left;
	display: block; 
	top: 10px; 
	margin-left: 158px; 
	float: left; 
	width: 800px
}
input.btn { float: right; background-color: #cc0033; color: #fff; border: 0; padding: 1px auto; text-align: center }

/* liste en float et relative pour pouvoir controller la position du drop down */
ul.menu-contenu li {
	float:left;
	margin:0 40px 0 0;
	padding-top:10px;
	position:relative;
}
.menu-contenu{width: 550px;}
/* hack IE6 */ *html .menu-contenu{width: 527px;float:left;}
/* hack IE7 */ *:first-child + html .menu-contenu{width: 540px;float:left;}

*html ul.menu-contenu ul li{ margin: 0 4px 0 0}
ul.menu-contenu #niveau1{
	float:left;
	margin:0 37px 0 0;
	padding-top:10px;
	position:relative;
}

/* style the links for the top level */
ul.menu-contenu a, ul.menu-contenu a:visited {
	display: block;
	color: #666;
	font-size: 15px; 
	text-decoration: none
}
/* hack Safari */ html* ul.menu-contenu a, html* ul.menu-contenu a:visited {  }
/* hack IE6 */ *html ul.menu-contenu a, *html ul.menu-contenu a:visited {  }
 
/* hack pourIE6 pour la taille des liens */
*html ul.menu-contenu ul li a, *html ul.menu-contenu ul li a:visited { width: 130px; margin-left: 10px } 

ul.menu-contenu li a.active { background-color: transparent; color: #cc0033 }
ul.menu-contenu a:hover {	 background-color: transparent; color: #cc0033; text-decoration: none }

/* cache le sous-menu et donne une positin absolute pour qu'il ne prenne pas de place */

ul.menu-contenu ul { 
background-image:url(../../images/bg-sm-back.gif);
background-color:#FFFFFF;
background-position:center bottom;
background-repeat:repeat-x;
border-bottom:thin solid #FAFAFA;
border-color:#FAFAFA;
border-left:thin solid #FAFAFA;
border-right:thin solid #FAFAFA;
font-weight:normal;
height:auto;
left:-10px;
padding:0 0 10px 10px;
position:absolute;
top:26px;
visibility:hidden;
width:140px;
}
/* hack IE6 */ *html .menu ul ul { left: 10px }

ul.menu-contenu ul a, ul.menu-contenu ul a:visited {
	color:#666666;
	font-size:11px;
	width:130px;
}
/*
.navigation a:hover, ul.menu-contenu ul a:hover { color: #cc0033 }
.navigation :hover > a, ul.menu-contenu ul :hover > a { ; color: #cc0033 }
*/
/* fait apparaitre le sous menu au survol de la souris */
ul.menu-contenu li:hover ul, ul.menu-contenu a:hover ul{ visibility: visible }
ul.menu-contenu li a.active { color: #cc0033 }

.navigation table { position: absolute; top: 0; left: 0; border-collapse: collapse } 


/* outils */
ul.menu-outils { float: right; width: 230px ;}
ul.menu-outils li { display: block; float: left; height:23px;margin:0;padding:10px 9px 0; text-align: center; /*background: #fff url(images/bg-menu-basique.jpg) bottom left repeat-x;*/ width:58px }
.menu-outils .active{background: #D80036;color:#FFF;}
.menu-outils .active a{color:#FFF;}
.menu-outils .active a:hover{color:#FFF;}
.menu-outils .active a:visited{color:#FFF;}
ul.menu-outils li.bordure { border: 1px dotted #d4d4d4; border-width: 0 1px }
ul.menu-outils li a, ul.menu-outils li a:visited { font-size: 11px; color:#D80036; font-weight: normal; text-decoration: none }
ul.menu-outils li a:hover { color: #666666; text-decoration: none }
ul.menu-outils img{margin:0 2px 0 -6px;}

/* sous menu outils */
.form-outils { color: #FFF;float: right; position: absolute; top: 33px; right: 0; background: #D80036; padding: 20px 10px 10px; width: 210px }
/* hack IE6 */ *html .form-outils  { top: 29px; margin-left: 18px  }
/* hack IE7 */ *:first-child + html .form-outils  { top: 29px; margin-left: 53px }
.form-outils label, .form-outils input, .form-outils a { float: left; text-align: left; width: 200px; }
.form-outils a {color:#FFF;text-decoration:underline;}
.form-outils a:hover{color:#FFF;text-decoration:none;}
.form-outils a:visited{color:#FFF;text-decoration:underline;}
.form-outils input.btn  { width: 30px; margin-right:5px;text-align: center; float: right; background-color: #FFF; color: #D80036; border: 0; padding: 1px auto; text-align: center;cursor:pointer}
.form-outils h3 {color:#FFF; padding-bottom:4px;}
.form-outils input{border:1px solid #A7A6AA;}
/* pied-de-page */
.pied-de-page { position: relative; top: 15px; width: 960px; border-top: 1px solid #e5e5e5; padding-top: 15px; font-size: 11px }
.pied-de-page ul { float: left }
.pied-de-page ul li { float: left; display: block }
.pied-de-page ul li a { text-decoration: none; padding: 0 3px; font-size: 11px; border-right: 1px solid #b2b2b2 }
.pied-de-page ul li a.dernier { border: 0 }

.form-outils .profil_logged #logout{ float: left; text-align: left; width: 190px;}
.form-outils .profil_logged label, .form-outils .profil_logged input, .form-outils .profil_logged a { float: left; text-align: left; width: auto; padding-top:2px }
.form-outils .profil_logged input.btn  { width: 30px; text-align: center; float: right }
.form-outils .profil_logged span { font-size: 12px; color: #FFF; font-weight: bold }
.form-outils .profil_logged .marques * { margin-left : 10px }
#img-logged{margin-top:12px;float:left;margin-left:10px;}
/*margin-left:10px;*/
.form-outils img {float:left;text-align:left}
.form-outils .profil_logged .marques input[type="submit"] {
	text-decoration:underline;
	cursor:pointer;
	background-color: transparent;
	border:0;
	color:#FFF;
	float:left;
	padding:0;
	width:auto;
}
.form-outils .profil_logged .profil{width:100%;}
.form-outils .profil_logged  a{color:#FFF;}
.form-outils .profil_logged  a:hover{color:#FFF;text-decoration:none;}

.form-outils .profil_logged .profil a{padding:2px;}
.form-outils .profil_logged .profil a:hover{background-color:#FFFFFF;color:#CC0033;}
.form-outils .profil_logged .marques input:hover[type="submit"]{
	background-color: #FFFFFF;
	color:#cc0033;
}