/*
 * Feuille de style vitrine netaffiliation v3
 *
 * Structure g�n�rale, commune � toutes les pages du site vitrine.
 *
 * NB: La zone de contenu poss�de deux styles distincts (page accueil vs autres pages).
 *		 La diff�rence se situe au niveau de l'affichage du panneau droit.
 *		 	-> sur la page d'accueil le panneau droit est avanc�e par rapport � la zone de contenu
 *			-> sur les autres pages la zone de contenu est avanc�e par rapport au panneau droit
 */


/***********************/
/******* GENERAL *******/
/***********************/

* { margin:0; padding:0; }

a img { border:0px }

a { text-decoration:none; }

body {
	background:url(../images/background.png) no-repeat #221F20;
	font-family:arial, helvetica;
	font-size:11px;
	color:#505050;
}

h1#titre-ref {
	margin:2px;
	height:12px;
	font-size:10px;
	color:#939091;
	position:absolute;
	top:0;
}

#langue-login-topline {
	border-top:1px solid black;
  line-height:0px;
}

#langue-login {
	position:relative;
	width:925px;
	height:29px;
	top:0;
	margin:0 auto;
	text-align:center;
}

#langue-login p#langue-login-back {
	width:343px;
	height:22px;
	float:right;
	background:url(../images/langue-connexion.png) no-repeat;
	position:relative;
	padding-top:7px;
}

#langue-login a {
/* 	display:block;*/
	/*margin-right:33px;*/
	text-decoration:none;
	color:#797878;
	height:29px;
}
#langue-login a#langue_modal { margin-right:33px; }

#langue-login img { vertical-align:text-bottom; margin-right:5px; }

#page {
	position:relative; /* Permet le positionnement des autres div en fonction de celle-ci */
	margin:25px auto 40px auto;
	width:925px;
}

/*********************************/
/****** CONNEXION + LANGUES ******/
/*********************************/

#langue { position:relative; }

#langue h1 { position:absolute; margin:0; }

#langue-bulle {
	position:absolute;
	height:37px; /* On met la taille un peu plus grande pour bien couvrir le drapeau de l'area-map pour des probl�mes de onmouseout */
	z-index:1;
}

.langue-bulle-2 { width:62px; background:url(../images/langue-choix-mult.png) no-repeat; }
.langue-bulle-3 { width:80px; background:url(../images/langue-choix-mult-3.png) no-repeat; }

#langue-bulle p {
	margin:3px;
	font-weight:bold;
	text-align:center;
}
#langue-bulle a { color:#737373; }
#langue-bulle a:hover { text-decoration:underline; }

#connexion {
	background:url(../images/connexion-background.png) no-repeat;
	height:100%;
	overflow:hidden;
	font-size:12px;
	color:#939091;
}

#connexion h1 {
	margin:8px 0 0 68px;
}

#connexion-form {
	margin:18px 5px 0 10px;
}

#connexion-form p {
	line-height:21px; /* Hauteur des champs input */
	margin-bottom:10px;
}

#connexion-form label {
	display:block;
	width:92px;
	float:left;
}

#connexion-form label.inline {
	display:inline;
	line-height:20px;
	float:none;
}

.connexion-input-text {
	width:153px; /* largeur image - 5px de padding left (158-5) */
  height:19px; /* hauteur image - 5px de padding top (21-2) */
  padding:2px 0 0 5px;
  background: url(../images/connexion-input-text.png) right top no-repeat;
  border:none;
  margin:0;
  vertical-align:top;
  color:#505050;
  font-size:11px;
  font-family:Arial,Helvetica,sans-serif;
}

.connexion-input-check {
	/*background-color: white;*/
	/*border: 1px solid #dadada;*/
	margin-left:92px;
	margin-right:5px;
	/*vertical-align:sub;*/
}

#se-connecter {
	background:url(../images/connexion-submit.png) left top no-repeat;
	border:0;
	color:#939091;
	cursor:pointer;
	font-weight:bold;
	height:29px;
	vertical-align:top;
	width:160px;
	margin-left:92px;
}

.icone-aide { cursor:help;	vertical-align:middle; }

/************************/
/****** MENU FLASH ******/
/************************/

#menu-flash {
	width:925px;
/*	height:428px;*/
}


#menu-nav-alt {
	width:925px;
	height:192px;
	background:url(../images/menu-alternate.png) transparent no-repeat;
}

#menu-nav-alt ul {
	float:right;
	list-style-type:none;
	margin:28px 40px 0 0;
}

#menu-nav-alt ul li {	margin-bottom:5px; width:87px; }
#menu-nav-alt ul li.menu-cat { font-weight:bold; color:black; text-transform:uppercase; }

#menu-nav-alt ul li a { color:#fe88c5; }
#menu-nav-alt ul li a:hover { color:#fff; }

/*************************/
/******** CONTENU ********/
/*************************/

/* div de 925px contenant le contenu de chaque page ET le panneau lat�ral droit */
#corps-page {
	position:relative; /* Permet le positionnement des autres div en fonction de celle-ci */
	width:923px; /* 2px de moins car bordure droite/gauche de 1px */
	height:509px;
	background:url(../images/contenu-top-gris.png) no-repeat #fff;
	border-left:1px solid #a2a1a1;
	border-right:1px solid #a2a1a1;
}

#contenu-page {
	z-index:60;
	position:absolute;
	top:5px;
	width:685px;
	height:462px;
	background:url(../images/contenu-page-top.png) no-repeat;
}

/*************************/
/***** PANNEAU DROIT *****/
/*************************/

#panneau-droit-page {
	position:absolute;
	top:12px;
	right:0px;
	width:238px; /* -2px car on a la bordure de droite de la div principale et la bordure s�parant le contenu */
height:450px;
	/*border-left:1px solid #ececec;*/
	z-index:50;
}

#panneau-droit-page p.separateur {
	margin:15px 15px;
	border-bottom:1px dashed #d9d9d9;
}

#cas-client { text-align:center; }

/*************************/
/**** SOUS MENU PAGES ****/
/*************************/

#sous-menu {
	position:relative;

}

#sous-menu ul {
	margin:70px 0 30px 60px;
	font-size:14px;
	list-style-type:none;
}

#sous-menu ul li { margin-top:12px; }
#sous-menu ul li a { text-decoration:none; color:#767676; }
#sous-menu ul li a:hover { text-decoration:underline; }

/************************/
/******* MENU BAS *******/
/************************/

#menu-bas {
	background:url(../images/menu-bas.gif) no-repeat;
	width:925px;
	height:147px;
}

#menu-bas ul {
	float:left;
	margin:15px 35px 0px 35px;
	list-style:none outside;
}

#menu-bas ul li { margin-top:4px; }

#menu-bas ul li.cat {
	margin-top:0px;
	color:#2c2c2c;
	text-transform:uppercase;
}

#menu-bas ul li a { text-decoration:none; color:#505050; }
#menu-bas ul li a:hover { text-decoration:underline; }
#menu-bas ul li.cat a { color:#2c2c2c; }

/************************/
/***** PIED DE PAGE *****/
/************************/

#pied-page p {
	text-align:center;
	line-height:18px;
	margin-bottom:30px;
}

#pied-page p a { text-decoration:none; color:#505050; }
#pied-page p a:hover { text-decoration:underline; }

#pied-page span.hide { color:#221F20; }

/***********************/
/******* TOOLTIP *******/
/***********************/

div.tooltip {
	border:1px solid gray;
	background-color:#f3f3f3;
	display:none;
	width:180px;
	cursor:pointer;
}

div.tooltip h1 { margin:10px 3px 5px 25px; font-size:12px;}
div.tooltip p { margin:5px 5px; }
div.tooltip a { color:#939091; text-decoration:underline; }