/****************************************
* §1 : Positionnements Globaux          *
*****************************************/

/* On retire les marges par défaut des navigateurs de toutes les baliese avec le selecteur "*" */
* { margin:0; padding:0; outline:none; }

/* On règle la typographie générale du site */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	color:#d70020;
}
a.null {
	color:#005D88;
}

/* on retire les bordures bleues par défaut des images contenues dans dans liens */
img {
	border:0;
}

/* On fixe la largeur du conteneur global */
#content {width:990px;}

/* On dimentionne et on positionne l'en-tête */
#enTete {
	height:95px;
	background-color:#00CCCC;
	position:relative;
	background-image:url(../img/entete-fond.jpg);
}

/* On dimentionne et on positionne la colonne de gauche */
#colGauche {
	width:189px;
	float:left;
}

#hautDeColGauche {
	min-height:175px;
	padding-top: 20px;
}

/* On dimentionne et on positionne la colonne de contenu */
#contenuCentral {
	width:544px;
	float:left;
}

#contenuTexte {
	width:493px;
	padding:25px;
}

/* On dimentionne et on positionne la colonne de droite */
#colDroite {
	width:257px!important;
	width:255px;
	float:left;
}

/* cette class permet de faire revenir des éléments flottants les uns en-dessou des autres */
.clear {clear:both}

#footer { text-align:center;}


/**************************************************
* §2 : Positionnements Internes du header         *
***************************************************/


/* On positionne le h1, on le dimensionne  puis on masque son texte */
#enTete h1 {
	position:absolute;
	top:0;
	left:184px;
	display:block;
	width:806px;
	height:70px;
	text-indent:-9000px;
/*	background:url(../img/h1-fond.gif) left 20px no-repeat;*/
}

#enTete #title2 {
	top:20px;
	left:184px;
	display:block;
	width:222px;
	height:38px;
	position:absolute;
}

/* Seule l'image de fond se modifie selon le type de page */
body.finance #enTete h1 {background:url(../img/h1-fond-finance.jpg) left 20px no-repeat;}
body.corporate #enTete h1 {background:url(../img/h1-fond-corporate.jpg) left 20px no-repeat;}


/* On affiche les listes de façon horizontale et on retire les puces par défaut */
#enTete li {
	float:left;
	list-style-type: none;
}

/* On positionne les menus à l'intérieur de l'en-tête */
#enTete #menuEntetePrincipal {
	position:absolute;
	bottom:3px;
	left:187px;
	width:540px;
	border:0;
	border-collapse:collapse
}

#enTete #menuEnteteSecondaire {
	position:absolute;
	top:127px;
	right:0px;
	width:115px;
	border-bottom: 1px #307ba3 solid;
}


/* Mise en forme des liens dans les menus de l'en-tête */

/* On fixe un bug d'affichage sous ie6*/
#enTete #menuEntetePrincipal li {
float:left

}

/* Les liens du menu principal */
#enTete #menuEntetePrincipal a {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	display:block;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	height:17px;
	padding:3px 25px 0 24px;
	white-space:nowrap;
}

#enTete #menuEntetePrincipal a:hover, #enTete #menuEntetePrincipal a.on {
	border:0;
	padding:3px 26px 0 25px;
	background-color:#d70020;
}

/* Les couleurs selon le type de page */
body #menuEntetePrincipal {background-color:#2e95c4;}
body #menuEntetePrincipal a {background-color:#2e95c4}
body #menuEntetePrincipal a.rubrique_corporate {background-color:#8dc73f; text-align:center}
body #menuEntetePrincipal a.rubrique_finance {background-color:#f7941d;; text-align:center}
body.finance #menuEntetePrincipal {background-color:#f7941d;}
body.finance #menuEntetePrincipal a {background-color:#f7941d;}
body.corporate #menuEntetePrincipal {background-color:#8dc73f;}
body.corporate #menuEntetePrincipal a {background-color:#8dc73f;}

/* Les liens du menu secondaire */
#enTete #menuEnteteSecondaire a {
	color:#307ba3;
	font-weight:bold;
	text-align:center;
	/*padding:0 8px;*/
	text-decoration:none;
	height:18px;
	display:block;
}

#enTete #menuEnteteSecondaire a:hover, #enTete #menuEnteteSecondaire a.on {
	color:#d70020
}

 /* On fixe un bug d'affichage sous ie6*/
#enTete #menuEnteteSecondaire li {
/*width: auto!important;
width:15%; */
}








/*****************************************************************
* §3 : Positionnements Internes de la colonne de Gauche *
******************************************************************/

/* gestion de l'image de fond de la colonne de gauche selon le type de page */
body #colGauche {
	background:url(../img/finance-colGauche-fond.gif) repeat-y;
}

body.finance #colGauche {
	background: url(../img/finance-colGauche-fond.gif) repeat-y;
}

body.corporate #colGauche {
	background:url(../img/corporate-colGauche-fond.gif) repeat-y;
}

#colGauche #btAccueil {
	display:block;
	font-size:14px;
	text-decoration:none;
	background:url(../img/bt-accueil-fond.jpg) no-repeat;
	color:#5a5a5a;
	width:127px;
	height:40px;
	line-height:47px;
	text-align:center;
	margin:0 0 0px 35px;

}

#colGauche #btAccueil:hover {
	color:#d70020;
}

#colGauche h2 {
	color:#f70000;
	font-size:13px;
	display:block;
	margin-left:10px;
	clear:both;
	padding-left:10px;
	margin-bottom:5px;

}

#colGauche h2 a {
	color:#005d88;
	text-decoration:none;
}

/* On gère les différents niveaux de la liste de menu*/

/* Placement de la liste globale */
#colGauche ul {
	margin:0 10px 20px 10px;
	border-top:1px solid #6199b7;
	border-bottom:1px solid #6199b7;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

/* Gestion de l'affichage des sous-menus selon l'application de la class on*/
#colGauche li ul, #colGauche li.on ul li ul {
	display:none;
}

#colGauche li.on ul, #colGauche li.on ul li.on ul {
	display:block;
}

/* Mise en forme générale des liens */
#colGauche ul a {
	color:#555;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

/* la colorisation des liens en bleu lors de l'application de la class on */
#colGauche ul li.on a, #colGauche ul li.on li.on a {
	color:#005eaa;
	text-decoration:underline;
}
/* la colorisation des liens en rouge pour le 3eme niveau de menu actif */
#colGauche ul li.on li.on li.on a {
	color:#d70020;
}
/* obligatoire pour conserver les liens non actifs des sous-niveaux en gris*/
#colGauche ul li.on li a, #colGauche ul li.on li.on li a {
	color:#d70020;
}
/* la colorisation des liens en rouge au survol */
#colGauche ul li a:hover, #colGauche ul li.on ul li a:hover {
	color:#f70000;
	text-decoration:none;
}


/* Mise en forme des balises ul imbriquées et des puces */
#colGauche ul ul, #colGauche ul ul ul {
	margin:0 5px;
	border:0;
	padding:0 0 10px 0;
}

#colGauche ul ul a, #colGauche ul ul ul a {
	margin:0 5px;
	border:0;
	padding:0 0 10px 0;
	font-size:12px;
}

#colGauche li, #colGauche li li, #colGauche li li li {
	list-style-type:none;
	background-image:url(../img/colGauche-menu-puceOff.gif);
	background-repeat:no-repeat;
	background-position: 5px 3px;
	text-align:left;
	padding-left:20px;
}

#colGauche li li {
	background-position: right 4px;
	padding-right:5px;
}

#colGauche li.on, #colGauche li li.on {
	background-image:url(../img/colGauche-menu-puceOn.gif);
}

#colGauche li li li, #colGauche li.on li li, #colGauche li li.on li, #colGauche li.on li.on li {
	background-image:none;
	text-align:right;
	padding-right:0;
	margin-right:-4px;
}



/* On positionne et on dimentionne le bas arrondi de la colonne de gauche selon le type de pages */
#piedDeColGauche {
	width:189px;
	height:447px;
	background:url(../img/finance-colGauche-pied-fond.jpg) no-repeat #fff;
	position:absolute;
	left:0;
}

.finance #piedDeColGauche {
	width:187px;
	height:14px;
	background:url(../img/finance-colGauche-pied-fond.jpg) no-repeat #fff;
	position:absolute;
	left:0;
}

body.corporate #piedDeColGauche {
	width:187px;
	height:59px;
	background:url(../img/finance-colGauche-pied-fond.jpg) no-repeat #fff;
	position:absolute;
	left:0;
}







/*****************************************************************
* §4 : La colonne centrale                                       *
******************************************************************/

/* Les titres */
#contenuCentral h2 {
	font-size:20px;
	margin-bottom:10px;
	color:#1e62a8;
}

#contenuCentral h3 {
	font-size:16px;
	margin-top:15px;
	margin-bottom:5px;
	color:#1e62a8;
	border-bottom:1px solid #005D88;
	clear:both;
}

#contenuCentral h3 span {
	background-color:#FFFFFF;
	padding-right:4px;
	height:20px;
	margin-bottom:-10px;
	position:relative;
	top:5px
}

/* le contenu texte */
#contenuCentral p {
	text-align:justify;
	font-size:13px;
	line-height:1.2em;
	padding-bottom:5px;
}

/* la balise bold */
#contenuCentral b {
	color:#ee8200;
}

/* la balise strong */
#contenuCentral strong {
	color:#d70020;
}

/* le menu de dates */
.menuDates a {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background-color:#005d88;
	padding:0 2px;
}

.menuDates a:hover, #contenuCentral .menuDates a.on {
	background-color:#d70020;
}

/* les listes en général */
#contenuCentral li {
	list-style-type:none;
	background-image:url(../img/colGauche-menu-puceOn.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left:10px;
	padding-bottom:10px;
	font-size:13px;
}
#contenuCentral li ul {

	margin-top:5px;
}
#contenuCentral li li {
	list-style-type:none;
	background-image:url(../img/colGauche-menu-puceOff.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left:10px;
	padding-bottom:10px;
}

#contenuCentral p.references {
padding:10px;
border:1px #005d88 solid;
border-top:0;
margin-top:-5px;
margin-bottom:10px;
text-align:center;
}

/*#contenuCentral p.references ../img {
	margin:10px;
}
*/
/* Les formulaires */
#contenuCentral form {
	float:left;
	margin-bottom:5px;
	font-size:11px;
}

/* Les menus déroulants */
#contenuCentral select {
	width:50%;
	font-size:14px;
	font-weight:bold;
}

/* Les libellés de champs */
#contenuCentral label {
	/*display:block;
	float:left;*/
	text-align:right;
	padding-right:5px;
	padding-top:3px;
}

/* gestion de la largeur des champs et de leurs intitulés selon la largeur de leur div contenant (cf. classes généralistes en bas de la css) */
#contenuCentral div.demiLargeur, #contenuCentral div.pleineLargeur { margin-bottom:10px;}

#contenuCentral div.demiLargeur { width:220px;}

#contenuCentral div.demiLargeur label, #contenuCentral div.pleineLargeur label {width:70px; float:left; margin:0; padding:0}
#contenuCentral div.demiLargeur .champ { width:144px; float:left; margin-left:14px; padding:0;}
#contenuCentral div.pleineLargeur .champ { width:364px; float:left; margin-left:4px}

#contenuCentral label.champObligatoire, label.champObligatoire {
	font-weight:bold;
	color:#D70020;
	float:left;
}


#contenuCentral .demiLargeur span.errors {
	background-color:red;
	margin:0;
	padding:0;
	color:#FFFFFF;
	width:100%;
	text-align:center;
}

/* les spans utilisée à côté des boutons radios */
#contenuCentral form span {
	display:block;
	float:left;
	text-align:right;
	padding:3px 20px 0 3px;
}

/* les radios*/
#contenuCentral input.radioInput {
	display:block;
	position:relative;
	top:3px;
	border:0;
	margin-bottom:5px;
	width:20px;
	float:left;
}

#contenuCentral div input, #contenuCentral input {
	/*float:left;*/
	font-size:11px;
	padding:2px;
	height:15px;
	border:1px solid #999;
}

#contenuCentral input.on {
	border:1px solid #8DC73F;
	font-size:11px;
	padding-top:2px;
	height:15px;
}

#contenuCentral textarea {
	border:1px solid #999;
	font-size:11px;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	height:60px;
}

#contenuCentral hr {
	width:100%;
	clear:both;
	margin:0 0 15px 0;
	border:0;
	border-bottom:1px dashed red;
	color:#fff;
}

#contenuCentral input.bouton, #contenuCentral a.bouton {
	background-image:url(../img/boutons-fond.gif);
	border-top:1px solid #cfe5f2;
	border-right:1px solid #607886;
	border-bottom:1px solid #475761;
	border-left:1px solid #a8c5d8;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	height:18px;
	padding:0 5px;
}
#contenuCentral nettoyeur{
	clear:both;line-height:1px;font-size:1px;display:block;
}


/* la page de login */
#contenuCentral #loginBox, #contenuCentral #createUserBox {
	background-color:#f7941d;
	display:block;
	width:245px;
	height:85px;
	float:left;
	color:#fff;
	border-right:#fff 2px solid;
	float:left;
	position:relative;
}

#contenuCentral #loginBox .champ {
	width:140px;
	margin:5px 0;
	float:left;
}
#contenuCentral #loginBox label {
	width:80px;
	margin:5px 0;
}
#contenuCentral #loginBox .bouton {
	margin-left:85px;
	margin-bottom:5px;
}

#contenuCentral #loginBox a.lienPuce {
	display:block;
	background: url(../img/puce.gif) no-repeat 0 2px ;
	padding-left:13px;
	height:13px;
	width:230px;
	color:#005d88;
	text-decoration:none;
	padding-top:-2px;
}
#contenuCentral #loginBox a.lienPuce:hover {
	text-decoration:underline;
	color:#D70020;
}

#contenuCentral #createUserBox a.bouton {
	margin:auto;
	width:125px;
	display:block;
	text-align:center;
	color:#000;
	position:absolute;
	bottom:5px;
	left:50%;
	margin-left:-70px;
	height:15px;
	font-size:11px;
}
#contenuCentral #createUserBox p {
	padding:5px;
}

div.listagePlan td.top{
padding-left: 4px;
vertical-align:top;
width:33%;
border-left:thin solid #005D88;
}

/*****************************************************************
* §5 : La colonne de droite                                      *
******************************************************************/

/* on utilise la balise form directement pour placer le formulaire et créer le liseret en-dessous */
#colDroite #formulaireDeRecherche {
	margin-top:20px;
	overflow:auto;
}

/* le label contient l'intitulé "rechercher", sa puce est ajoutée en bg../img */
#colDroite #formulaireDeRecherche label {
	padding-top:2px;
	font-size:14px;
	font-weight:bold;
	color:#005d88;
	padding-right:12px;
	display:block;
	float:left;
	background:url(../img/colGauche-menu-puceOn.gif) 98% 8px no-repeat;
}

/* couleur bordure et placement du champ de saisie */
#colDroite #formulaireDeRecherche .champDeSaisie {
	float:left;
	width:120px;
	background-color:#a4b4c1;
	border:0;
	border-top: 2px #484f55 groove;
	border-left: 2px #484f55 groove;
	height:17px;
}

#colDroite #formulaireDeRecherche input.bouton {
	float:left;
	display:block;
	width:29px;
	height:19px;
	cursor:pointer;
}

/* contrôle la taille et de la position des liens de langues */
#colDroite #drapeaux {
	border-bottom:1px #307ba2 solid;
	height:19px;
	padding:10px 0 0 95px;
}
#colDroite #drapeaux a {
	display:block;
	float:left;
	width:18px;
	height:13px;
	margin-right:5px;
}
#colDroite #drapeaux a.boutonAnglais {
	background-image:url(../img/bouton-anglais-fond.gif);
}

#colDroite #drapeaux a.boutonFrancais {
	background-image:url(../img/bouton-francais-fond.gif);
}

/* la zone de login à droite */


#colDroite .espacePerso {
	margin:10px 0;
	padding:5px;
	color:#fff;
	font-size:11px;
	background-color:#2e95c4;
}

/* la couleur de fond selon le type de page */
body.finance #colDroite .espacePerso {background-color:#f7941d;}
body.corporate #colDroite .espacePerso {background-color:#8dc73f;}

#colDroite .espacePerso h2 {
	font-size:14px;
	text-transform:uppercase;
}
#colDroite .espacePerso input.bouton {
	width:117px;
	height:19px;
	margin:10px 0 0 65px;

}

/* la boite de news */

#colDroite .news {
	border-top:1px #307ba2 solid;
	background:url(../img/colDroiteNews-fond.gif) no-repeat;
	padding:0 10px
}

#colDroite .news h2 {
	margin-top:15px;
	color:#d70020;
	font-size:20px;
	margin-bottom:10px;
}

#colDroite .news h3 {
	font-size:12px;
}

#colDroite .news p {
	font-size:11px;
	text-align:justify;

}

/* le bloc contact */
#colDroite .contact {
	background: url(../img/contact-fond.gif) no-repeat;
	height:175px;
	width:224px;
	padding:20px 0 0 34px;
	margin-top:20px;
}

#colDroite .contact h2 {
	font-size:14px;
}

#colDroite .contact address {
	line-height:11px;
	font-size:11px;
	font-variant:normal;
	font-style:normal;
}

#colDroite .contact a {
	margin-right:5px;
}

#colDroite .contact span {
	font-size:14px;
	font-weight:bold;
	display:block;
	padding-left:30px;
	margin-top:20px;
	margin-bottom:7px;

}

#colDroite .contact img {
	padding:0px;
}


#colDroite #formulaireDeRecherche label{
margin-left:8.5px!important;
margin-left:3.8px;
}







/*****************************************************************
* §6 : Le footer                                                 *
******************************************************************/

#footer, #footer a {
color:#005d88;
text-decoration:none;
font-size:11px;
font-weight:normal;
padding:0 2px;
margin-bottom:10px;
}

#footer a:hover {
	background-color:#d70020;
	color:#fff;
}





/*****************************************************************
* §7 : Classes multiusages                                       *
******************************************************************/

.floatLeft {
	float:left;
	
}

.floatRight {
	float:right;
	
}

.center{
	margin:auto;
}

/* éléments généraux des balises input type="bouton" ayant la class .bouton */
.bouton {
	background-image:url(../img/boutons-fond.gif);
	border-top:1px solid #cfe5f2;
	border-right:1px solid #607886;
	border-bottom:1px solid #475761;
	border-left:1px solid #a8c5d8;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.bouton_small {
	margin-top:10px;
	margin-right:15px;
	background-image:url(../img/boutons-fond.gif);
	border-top:1px solid #cfe5f2;
	border-right:1px solid #607886;
	border-bottom:1px solid #475761;
	border-left:1px solid #a8c5d8;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.bouton:visited {
	color:#383838;
}

.soulingne {
	text-decoration:underline;
}

.demiLargeur {
	width:49%;
}

.indiceuser {
	float:left;
	vertical-align:top;
	margin-left:50px;
	margin-right:100px;
	margin-top:20px;
}
.indiceusercleared {
	
	clear:both;
	vertical-align:top;
	margin-left:50px;
	margin-top:20px;
}

.pleineLargeur {
	width:100%;
}

/*****************************************************************
* §8 : La homepage                                               *
******************************************************************/
#homeSliders {
	width:990px;
	margin-bottom:10px;
}
#homeSliders a {
	display:block;
	background-color:#005d88;
	float:left;
	font-size:47px;
	text-decoration:none;
}

#homeSliders a#finance {
background-image:url(../img/../img-articles/financeOff.gif);
	width:495px;
	height:379px;
}

#homeSliders a#finance:hover {
background-image:url(../img/../img-articles/financeOn.gif);
	width:495px;
	height:379px;
}
#homeSliders a#corporate {
background-image:url(../img/../img-articles/corpoOff.gif);
	width:495px;
	height:379px;
}

#homeSliders a#corporate:hover {
background-image:url(../img/../img-articles/corpoOn.gif);
	width:495px;
	height:379px;
}


#homeSliders a:hover {
background-color:#fff;

}




/*****************************************************************
* §9 : La popup                                                  *
******************************************************************/
#popup {
	display:none;
}

#popup #fond {
	position:absolute;
	-moz-opacity:0.4;
	width:100%;
	height:130%;
	background-color:#000;
	z-index:1000;
	filter:alpha(opacity=40);
	cursor:pointer;
}

#popup #fenetre {
	width:400px;
	height:450px;
	overflow:auto;
	background-color:#cadee9;
	border:5px #fff solid;
	position:absolute;
	margin-left:-200px;
	left:50%;
	margin-top:-225px;
	top:50%;
	-moz-opacity:1;
	z-index:1001;
}
#popup #fenetre a#fermerPopup {
	float:right;
	display:block;
	color:#d70020;
	font-weight:bold;
	padding:2px;
	background-color:#fff;
	text-align:center;
	padding:3px;
}

#popup #fenetre h2 {
	margin:10px;
	color:#005d88;
	font-size:16px;
}
#popup #fenetre h3 {
	margin-left:10px;
	font-size:12px;
	color:#d70020;
}
#popup #fenetre ol {
	padding:10px;
}
#popup #fenetre li {
	list-style-type:decimal;
	list-style-position:inside;
	font-weight:bold;
	margin-bottom:10px;
}
#popup #fenetre li span {
	font-weight:normal;

}

#drapeaux a.bouton_en {
	background-image:url(../img/bouton-anglais-fond.gif);
}

#drapeaux a.bouton_fr {
	background-image:url(../img/bouton-francais-fond.gif);
}
/*****************************************************************
* §10 : Pour la fonction de cryptage des emails                  *
******************************************************************/
span.spancrypt {
  background:transparent
  url(../img/leure.gif)
  no-repeat scroll left center;
  color:#000099;
  padding-left:12px;
  text-decoration:none;
}
span.sans_spancrypt {
  padding:0;
  margin:0;
  text-decoration:none;
}


/*******************************************************************/
/***************************ajout thomas****************************/


.bgCoin { background:url(../img/finance-colGauche-haut.gif) no-repeat left top; height:50px; width:990px;}
#indiceMeteo a { background: url(../img/bgIndiceMeteo.gif); width: 217px; height: 225px; display:block; cursor:pointer; margin-left:160px; margin-right:30px; }
#indiceNielsen a { background: url(../img/bgIndiceNielsen.gif); width: 217px; height: 225px; display:block; cursor:pointer; margin-left:30px; }
#indiceAssur a { background: url(../img/bgIndiceAssur.gif); width: 217px; height: 225px; display:block; cursor:pointer; margin-left:30px; margin-top:20px; margin-bottom:35px; }
#indiceNRG a { background: url(../img/bgIndiceNRG.gif); width: 217px; height: 225px; display:block; cursor:pointer; margin-left:160px; margin-right: 30px; margin-top:20px;}
#indiceMeteo a span, #indiceNielsen a span, #indiceAssur a span, #indiceNRG a span { display:none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.flag {left:13px; position:relative; top:105px; }
.titreBleu { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#1e62a8; }
.titreBlack { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; }
.bleu { color:#1e62a8; }
.sstitre { margin-left: 70px; margin-bottom:20px; border-bottom: solid 1px #a5a5a5; width: 605px; }
.marginBas { margin-bottom: 15px; }
.texteNielsen { width: 530px; }
.colDroiteNielsen { width: 200px; }
.titreNielsen { line-height:50px; margin-top:8px; }
.logoNielsen { background:url(../img/logo-mtnxt-nielsen.gif) no-repeat; width: 212px; height: 50px; margin-bottom:25px; margin-top:8px; margin-right:230px !important; margin-right:0px; float:right !important; float:left; margin-left:0px !important; margin-left:73px; }
.retrait { margin-left:10px; }

#boxAuth .top { background:url(../img/identTop.gif) no-repeat; width: 199px; height: 53px }
#boxAuth .topUK { background:url(../img/identTopUK.gif) no-repeat; width: 199px; height: 53px }
#boxAuth .bottom { background:url(../img/identBottom.gif) no-repeat; width: 199px; height: 13px }
#boxAuth .middle { background:url(../img/identBg.gif) repeat-y; width: 199px; padding-left: 28px}

#boxInfo, #boxPass, #boxModif, #boxModifPass { margin-left: 70px; }
#boxInfo .top { background:url(../img/boxInfoTop.gif) no-repeat; width: 645px; height: 47px }
#boxInfo .topUK { background:url(../img/boxInfoTopUK.gif) no-repeat; width: 645px; height: 47px }
#boxInfo .bottom, #boxPass .bottom, #boxModif .bottom, #boxModifPass .bottom, #boxVide .bottom  { background:url(../img/boxInfoBottom.gif) no-repeat; width: 645px; height: 13px }
#boxInfo .middle, #boxPass .middle, #boxModif .middle, #boxModifPass .middle, #boxVide .middle { background:url(../img/boxInfoMiddle.gif) repeat-y; width: 645px; padding-left: 28px}
.tabModif { font-size:12px }
#boxModif .top { background:url(../img/boxModifTop.gif) no-repeat; width: 645px; height: 47px }
#boxModif .topUK { background:url(../img/boxModifTopUK.gif) no-repeat; width: 645px; height: 47px }
#boxModifPass .top { background:url(../img/boxModifPassTop.gif) no-repeat; width: 645px; height: 47px }
#boxModifPass .topUK { background:url(../img/boxModifPassTopUK.gif) no-repeat; width: 645px; height: 47px }

#boxVide .top, #boxVide .topUK { background:url(../img/boxInfoTopVide.gif) no-repeat; width: 744px; height: 12px }
#boxVide .middle { background:url(../img/boxExempleMiddle.gif) repeat-y; width: 744px}
#boxVide .bottom { background:url(../img/boxExempleBottom.gif) no-repeat; width: 744px; height: 12px }

#boxPass .top { background:url(../img/boxPassTop.gif) no-repeat; width: 645px; height: 47px }
#boxPass .topUK { background:url(../img/boxPassTopUK.gif) no-repeat; width: 645px; height: 47px }

#exNielsen .top { background:url(../img/boxExempleTop.gif) no-repeat; width: 744px; height: 41px }
#exNielsen .topUK { background:url(../img/boxExempleTopUK.gif) no-repeat; width: 744px; height: 41px }
#exNielsen .bottom { background:url(../img/boxExempleBottom.gif) no-repeat; width: 744px; height: 12px;}
#exNielsen .middle { background:url(../img/boxExempleMiddle.gif) repeat-y; width: 672px; padding-left: 52px; padding-right:20px; text-align:justify; padding-top:10px; padding-bottom:10px;}

.ssNavNielsen { background:url(../img/ssNavNielsen.gif) no-repeat center; height:36px; margin-top: -22px !important; margin-top:-10px; padding: 0 66px;}

.screenNielsen { width:176px; height:138px; background:url(../img/screenNielsen.gif) no-repeat; margin-left:17px; margin-top: 20px; }
.screenAssure { width: 199px; height: 143px; background:url(../img/screenAssure.jpg) no-repeat; margin-top: 20px;  }
.lienNielsen { margin-left: 28px; font-size:11px; }

.titreBox1 {
	left:204px;
	position:absolute;
	top:135px !important;
	top:133px ;
	width:145px;
}
.titreBox2 {
	left:481px;
	position:absolute;
	top:135px !important;
	top:133px ;
	width:145px;
}
.titreBox3 {
	left:204px;
	position:absolute;
	top:380px !important;
	top:358px;
	width:145px;
}
.titreBox4 {
	left:481px;
	position:absolute;
	top:380px !important;
	top:358px;
	width:145px;
}
#contenuCentralEtendu #message{

color:#FF0000	;
font-weight:bold;
text-align:center;

}

#contenuCentralEtendu div.demiLargeur input.champ{

border:1px solid #999999;
font-size:11px;

}
#contenuCentralEtendu div.demiLargeur select.champ{

border:1px solid #999999;
font-size:11px;

}

#contenuCentralEtendu div select.champ{

border:1px solid #999999;
font-size:11px;

}

/******************************************************************/