@CHARSET "UTF-8";


/* ATTENTION AUX IMAGES PNG 
note : si l'on met côte à côte une image png contenant un aplat et l'on juxtapose un aplat en hexadécimal html
on peut noter une différence de luminosité sous ie et safari
il faut supprimer la couche GAMA du fichier PNG (avec l'outil tweakpng par exemple). Ca marche... sauf que le problème reste entier sous Mac / Safari.
****************************************/

body {
	background: #000 url(images/fond_page.jpg) center top;
	background-attachment: fixed; 
	font-family: "Helvetica", Verdana, Arial, sans-serif;
}


.fondFooter {background: url(images/fond_footer_1x1.png) left top repeat;}

/* NE PAS UTILISER LE H1 */
h2{
	font-size: 120%;
	color: #333333;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 100%;
	color: #333333;
	margin: 5px 0 5px 0;
}
h4{ /* titres actualites, */
	font-size: 100%;
	color: #fc00a8;
	margin: 5px 0 5px 0;
}
h5{
	font-size: 1.1em;
	color: #FC043E;
	padding-top: 5px;
}
h6{
	font-size: 1em;
	color: #FC043E;
}

/* Entete 
****************************************/
#entete{
	width: 990px;
	height: 152px;
	margin: 0 auto; /* pour firefox, centrage*/
}


/* ______________________________________CONTENEUR________________________________________________  */

#conteneur {
	width: 990px;
	margin: 0 auto; /* pour firefox, centrage*/
	padding: 0;
	text-align: left;
	font-size: 100%;
}


/*  Menu ---------------------------------------------------------------------------*/

.ongletMenu a{float:left;height:52px;line-height:38px;background:url(images/menu_onglet_right.png) no-repeat bottom right;text-decoration:none; margin: 0 0 0 0;}
.ongletMenu a img{float:left;height:52px;line-height:38px;background:url(images/menu_onglet_left.png) no-repeat bottom left;padding:0px 10px 0px 10px; cursor:pointer;}
.ongletMenu a span{float:left;height:52px;line-height:38px;background:url(images/menu_onglet_left.png) no-repeat bottom left;padding:0px 10px 0px 10px; cursor:pointer;}
.ongletMenu a:hover{background:url(images/menu_onglet_right.png) no-repeat center right; margin: 0 0 0 0;}
.ongletMenu a:hover img{background:url(images/menu_onglet_left.png) no-repeat center left;} 
.ongletMenu a:hover span{background:url(images/menu_onglet_left.png) no-repeat center left;} 

.ongletMenuActif  a {float:left;height:52px;line-height:38px;background:url(images/menu_onglet_right.png) no-repeat top right;text-decoration:none; margin: 0 0 0 0;}
.ongletMenuActif a img{float:left;height:52px;line-height:38px;background:url(images/menu_onglet_left.png) no-repeat top left;padding:0px 10px 0px 10px; cursor:pointer;}
.ongletMenuActif a span{float:left;height:52px;line-height:38px;background:url(images/menu_onglet_left.png) no-repeat top left;padding:0px 10px 0px 10px; cursor:pointer;}


/* LOGO HAUT NEXT ONE GENERAL */
h1{
	width: 285px;
	height: 49px;
	display: block;
	background: url(images/menu_logo_nextone.png) no-repeat;
	background-position: center top;
	overflow:hidden;
}
h1:hover{
	background-position: center center;
}
h1 a{
	text-indent:-5000em;
	display:block;
	width:262px;
	height:49px;
}


#menu {
	width: 568px;
	height: 49px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li {  	 
	float: left;
	display: block;
	height: 49px;
	padding: 0;
	margin: 0;
	text-align: left;
}
#menu li a {   
	display: block; /* indispensable pour un menu "image" */
	border: none;
	height: 49px;
	line-height: 49px;/* astuce pour centrer verticalement une seule ligne de texte*/
	font-weight: bold;
	color: #767d64; 
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none; /* transform le texte en majuscules, autres : lowercase (all mini), capitalize (first lettre maj) et none*/
	overflow: hidden;
}  

#menu li a {
	display: block;
	line-height: 49px;
	text-indent: -5000px;/*Vire le txt a -5000*/
	overflow: hidden;
	background-position: center top;
}	
#menu li.active a, ul#menu li.active a:hover {
	background-position: center bottom;
}
#menu li a:hover {
	background-position: center center;
}	
#menu_01_fr {
	width: 129px;
	background: url(images/menu_fr_01.png) no-repeat;
}
#menu_02_fr {
	width: 100px;
	background: url(images/menu_fr_02.png) no-repeat;
}		
#menu_03_fr {
	width: 126px;
	background: url(images/menu_fr_03.png) no-repeat;
}		
#menu_04_fr {
	width: 113px;
	background: url(images/menu_fr_04.png) no-repeat;
}
#menu_05_fr {
	width: 100px;
	background: url(images/menu_fr_05.png) no-repeat;
}
	

/* MENU NAV GAUCHE   */
ul.menuNavGauche {
	width: 267px;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.menuNavGauche li {  	 
	display: block;
	height: 27px;
	padding: 0;
	margin: 0;
	text-align: left;
}
ul.menuNavGauche li a {   
	display: block; /* indispensable pour un menu "image" */
	border: none;
	height: 27px;
	line-height: 27px;/* astuce pour centrer verticalement une seule ligne de texte*/
	color: #636262; 
	padding: 0;
	text-decoration: none;
	text-transform: none; /* transform le texte en majuscules, autres : lowercase (all mini), capitalize (first lettre maj) et none*/
	overflow: hidden;
	background: url(images/menu_nav_gauche_fond.png) no-repeat;
}  
ul.menuNavGauche li a {
	display: block;
	line-height: 27px;
	text-indent: 10px; /*décalage du txt */
	overflow: hidden;
	background-position: bottom;
}	
	ul.menuNavGauche li.active a, ul.menuNavGauche li.active a:hover {
		background-position: top;
		color: #fff;
	}
	ul.menuNavGauche li a:hover {
		background-position: center;
	}	
	
	
/* ONGLET sous menu   */
span.onglet_general_fushia  { 
  width: 152px;
  height: 52px;
  display: block;
  background: url(images/onglet_fushia_fond.png) no-repeat;
  text-align: center;
  line-height: 38px;
}
span.onglet_general_vide  { 
  width: 152px;
  height: 52px;
  display: block;
  text-align: center;
  line-height: 38px;
}
	

	
/* _BOUTONS_  */
.btn_bloc_reseaux {
	background: url(images/bloc_reseaux_fond_306.png) no-repeat top left;
	width: 306px;
	height: 111px;
}

a.btn_120x120 { 
  width: 120px;
  height: 120px;
  display: block;
}
a.logo_ref_loreal_paris {background: url(images/references/logo_ref_loreal_paris.jpg) top no-repeat;}
a.logo_ref_loreal_paris:hover {background-position : bottom;}

a.logo_ref_warner {background: url(images/references/logo_ref_warner.jpg) top no-repeat;}
a.logo_ref_warner:hover {background-position : bottom;}

/* a.logo_ref_porsche {background: url(images/references/logo_ref_porsche.jpg) top no-repeat;}
a.logo_ref_porsche:hover {background-position : bottom;} */

a.logo_ref_groupe_mars {background: url(images/references/logo_ref_groupe_mars.jpg) top no-repeat;}
a.logo_ref_groupe_mars:hover {background-position : bottom;}

a.logo_ref_unilever {background: url(images/references/logo_ref_unilever.jpg) top no-repeat;}
a.logo_ref_unilever:hover {background-position : bottom;}

a.logo_ref_credit_agricole {background: url(images/references/logo_ref_credit_agricole.jpg) top no-repeat;}
a.logo_ref_credit_agricole:hover {background-position : bottom;}

a.logo_ref_sncf {background: url(images/references/logo_ref_sncf.jpg) top no-repeat;}
a.logo_ref_sncf:hover {background-position : bottom;}

a.logo_ref_inpes {background: url(images/references/logo_ref_inpes.jpg) top no-repeat;}
a.logo_ref_inpes:hover {background-position : bottom;}

a.logo_ref_sanofi_pasteur {background: url(images/references/logo_ref_sanofi_pasteur.jpg) top no-repeat;}
a.logo_ref_sanofi_pasteur:hover {background-position : bottom;}

a.logo_ref_ligue_contre_cancer {background: url(images/references/logo_ref_ligue_contre_cancer.jpg) top no-repeat;}
a.logo_ref_ligue_contre_cancer:hover {background-position : bottom;}

a.logo_ref_bmw {background: url(images/references/logo_ref_bmw.jpg) top no-repeat;}
a.logo_ref_bmw:hover {background-position : bottom;}


a.logo_ref_kaporal_jeans {background: url(images/references/logo_ref_kaporal_jeans.jpg) top no-repeat;}
a.logo_ref_kaporal_jeans:hover {background-position : bottom;}

a.logo_ref_calvin_klein {background: url(images/references/logo_ref_calvin_klein.jpg) top no-repeat;}
a.logo_ref_calvin_klein:hover {background-position : bottom;}

a.logo_ref_philips {background: url(images/references/logo_ref_philips.jpg) top no-repeat;}
a.logo_ref_philips:hover {background-position : bottom;}

a.logo_ref_societe_generale {background: url(images/references/logo_ref_societe_generale.jpg) top no-repeat;}
a.logo_ref_societe_generale:hover {background-position : bottom;}

a.logo_ref_maaf_assurance {background: url(images/references/logo_ref_maaf_assurance.jpg) top no-repeat;}
a.logo_ref_maaf_assurance:hover {background-position : bottom;}


a.logo_ref_audi {background: url(images/references/logo_ref_audi.jpg) top no-repeat;}
a.logo_ref_audi:hover {background-position : bottom;}

a.logo_ref_renault {background: url(images/references/logo_ref_renault.jpg) top no-repeat;}
a.logo_ref_renault:hover {background-position : bottom;}

a.logo_ref_procter {background: url(images/references/logo_ref_procter.jpg) top no-repeat;}
a.logo_ref_procter:hover {background-position : bottom;}

/* a.logo_ref_gstar {background: url(images/references/logo_ref_gstar.jpg) top no-repeat;}
a.logo_ref_gstar:hover {background-position : bottom;} */ 

a.logo_ref_le_figaro {background: url(images/references/logo_ref_le_figaro.jpg) top no-repeat;}
a.logo_ref_le_figaro:hover {background-position : bottom;}

a.logo_ref_securite_routiere {background: url(images/references/logo_ref_securite_routiere.jpg) top no-repeat;}
a.logo_ref_securite_routiere:hover {background-position : bottom;}




a.btn_137x25 { 
  width: 137px;
  height: 15px;
  display: block;
}
a.btn_espace_emploi_fr {background: url(images/btn_espace_emploi_fr.png) top no-repeat;}
a.btn_espace_emploi_fr:hover {background-position : bottom;}

a.btn_espace_presse_fr {background: url(images/btn_espace_presse_fr.png) top no-repeat;}
a.btn_espace_presse_fr:hover {background-position : bottom;}



a.btn_40x40 { 
  width: 40px;
  height: 40px;
  display: block;
}
a.btn_fleche_gauche {
  background: url(images/btn_fleche_gauche.png) no-repeat;
  background-position : top;
}
a.btn_fleche_gauche:hover {
  background-position : bottom;
}
a.btn_fleche_droite {
  background: url(images/btn_fleche_droite.png) no-repeat;
  background-position : top;
}
a.btn_fleche_droite:hover {
  background-position : bottom;
}


a.btn_300x45 { 
  width: 300px;
  height: 45px;
  display: block;
}
/* fr */
a.btn_voir_ski_tarifs_fr {
  background: url(images/btn_voir_ski_tarifs_fr.gif) no-repeat;
  background-position : top;
}
a.btn_voir_ski_tarifs_fr:hover {
  background-position : bottom;
}



/* Text inputs / Select label */
label.preField {
  	font-size: 80%;
	/*font-weight: bold;*/
	display: -moz-inline-box;
	display: inline-block;	
	min-width:230px; 
	width: 230px;   
	text-align: left;
	white-space: nowrap;
    margin: 5px 0 0 0;
}
label.preFieldS {
  	font-size: 80%;
	/*font-weight: bold;*/
	display: -moz-inline-box;
	display: inline-block;	
	min-width: 170px; 
	width: 170px;   
	text-align: left;
	white-space: nowrap;
    margin: 5px 0 0 0;
}
label.preFieldMicro {
  	font-size: 80%;
	/*font-weight: bold;*/
	display: -moz-inline-box;
	display: inline-block;	
	min-width: 90px; 
	width: 90px;   
	white-space: nowrap;
    margin: 5px 0 0 0;
}


/* separation TR TABLEAUX */
tr.tdBorderBottom1 td{
	border-bottom: 1px solid #fbfbfb;
}