* {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

body {
	background-color:#ededed;
	text-align:center; /* correction du bug ie avant 6.0 pour =centrer le contenu */
	font-size: 0.68em;
	/*font-size: 0.74em;*/
}

img {
	border:none;
}

input{
	/*font-size:10px;*/
}

ul {
	list-style-type:none;
}

a {
	color:#6d6d6d;
	text-decoration:none;
	border-bottom: 1px gray dotted;
}

a:hover {
	color:#000;
	text-decoration:underline;
	border: none;
}

h1 {
	margin:0 20px 0 0;
	color:#fff;
	font-size:1px;
	text-align: right;
	position: relative;
	height: 80px;
}
h1 a {
	display: block;
	height:73px;
	width: 375px;
	position: absolute;
	right: 0;
	top: 0;
	background:url(../images/img_fd/logoLong_grand.jpg) top right no-repeat;
	text-decoration: none;
	border-bottom: 0;
	color: #FFF;
}
h1 a:hover {
	text-decoration: none;
	color: #FFF;
}

h1 img{
	float:left;
	margin-left:20px;
	
}

h3 {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#3bbdbd;
	margin-left:20px;
	margin-bottom:10px;
}
h3 a, h3 a:hover{
color: #FFFFFF;
text-decoration: none;
border-bottom: none;
}


h2 {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	color:#3bbdbd;
	margin-left:20px;
	margin-bottom:20px;
}

h5 {
	margin-top:0px;
	margin-left:25px;
	margin-bottom:10px;
	color:#616161;
	font-size:11px;
}

hr {
	width:95%;
	border-style:solid;
	border-color:#EDEDED;
	margin:0 auto 15px auto;
}


p {
	margin:0px 20px 20px 20px;
	font-size: 1.1em;
	color:#616161;
}

p a {
	color:#6d6d6d;
}

p a:hover {
	color:#000;
}

p.grand strong {
	font-size:12px;
}

p.grand a {
	font-size:12px;
}



/* TEXTES*/

.centrer {
	text-align:center;
}

.alignDroite{
	text-align:right;
}

.vert{
	color:#d4d206;
}

.gris {
	color:#696969;
}

.noir {
	color:#000000;
}
.blanc {
	color:#FFFFFF;
}

.vertConnexion{
	font-size:11px;
	letter-spacing:0.1em;
	color:#f1ff0d;
}

.petit {
	font-size:10px;
}

.grand {
	font-size:12px;
}

.majuscule {
	text-transform:uppercase;
}

.liensGris{
	letter-spacing:0em;
	color:#696969;
}
.liensGris a{
	color:#696969;
}
.liensGris a:hover{
	color:#AAAAAA;
}

.auteur{
font-weight:bold;
}

.pointille {
	text-decoration:none;
	border-bottom: 1px gray dotted;
}

.clear {
	clear:both;
	font-size: 0.1em;
	line-height: 0.1em;
	padding: 0;
	margin: 0;
}

.floatGauche {
	float:left;
}

.floatDroite {
	float:right;
}

.margeHaute {
padding-top: 18px;
}

.ficheProfil {
float:left;
width:320px;
margin-bottom:30px;
margin-left:20px;
}

.boss {
float:none;
margin:20px auto 30px auto;
}

.ficheProfil p {
margin:0 20px 0 0;
font-size:12px;
}


.ficheProfil img {
margin-right:10px;
font-size:12px;
}

.margeBasse {
margin-bottom: 5px;
}

/* REVUE DE PRESSE *********************************************************************************/

.revue {
float:left;
margin-bottom:30px;
margin-left:30px;
}

.revue ul {
	color: #616161;
	font-size: 1.1em;
}

.revue ul strong {
	color: #000;
}

.revue ul li {
	margin-bottom: 6px;
}

.revue ul li span {
	font-style: italic;
}


/* SITE ********************************************************************************************/

#conteneurGlobal {
	width:920px; /* avant 760px*//* largeur maxi du site page + connexion */
	/*height:800px;*/
	margin:0px auto; /* centrer le site dans la fenetre */
	text-align:left; /* correction du bug ie avant 6.0 */
}

#conteneurPage {
	float:left;
	width:700px; /* largeur de la page */
	background:url(../images/img_fd/fd.gif) top right repeat-y;
	/*background:url(../images/img_fd/fd.gif) top right repeat-y;*/
}

/* FOND DU SITE [ contours + ombres ] ------------------------------------------------------------------------- */

#pageHaut {
	height:35px;
	background:url(../images/img_fd/haut.gif) top left no-repeat; /* arrondis haut */
}
#pageHaut img {
	float:right;
}

#pageBas {
	clear:left;
	height:26px;
	background:url(../images/img_fd/bas.gif) top left no-repeat; /* arrondis bas */
	margin-top:-10px;
}

#pageBas img {
	float:right;
}
/**** rajout */

#boutonOk{
	float:right;
	width:42px;
	height:28px;
	margin:6px 3px 0px 0px;
	background: url(../images/btn/ok.gif) top left no-repeat;
}

#boutonOk:hover {	/* masquage de l'image au survol */
	background: url(../images/btn/ok_on.gif) top left no-repeat;
} 

#boutons {
	height:47px;
	padding-left:48px;
	margin-top:25px;
	margin-bottom:25px;
}


/* NOUS ***/
#nous li{
}

/* Derniers Inscrits *********************************************************************************************************/

#inscrits {
	height:41px;
	list-style-type:none;
	margin-left:25px;
	margin-bottom:25px;
}
#inscrits li{
	float:left;
	margin-right:10px;
}

ul#inscrits li em{
	padding:6px;
	width:134px;
	height:153px;
    background: transparent url(../images/img_fd/info.gif) no-repeat;
}


/* INFO BULLE ******************************************************************************************************/

a.infoBulle {
	border:none;
}

a.infoBulle em {
    display:none;
	
}
a.infoBulle:hover {
    border:none;
    position: relative;
    z-index: 500;
    text-decoration:none;
	
}

a.infoBulle:hover em {
	position: absolute;
    display: block;
    top: -155px;
	left:5px;
	font-style:normal;
}

html>body a.infoBulle:hover em {
	top: -188px;
}

a.infoBulle:hover em h4{
	margin-top:5px;
	margin-bottom:-1px;
	color:#bfbfbf;
	font-weight:bold;
	letter-spacing:0.1em;
}

a.infoBulle:hover em p {
	margin:0;
	color:#a7a7a7;
	font-size:9px;
	font-weight:normal;
}
/* **********************/

a.infoBulleTexte em {
    display:none;
}
a.infoBulleTexte:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}

a.infoBulleTexte:hover em {
	position: absolute;
    display: block;
    top: -152px;
	left:-5px;
	font-style:normal;
}

html>body a.infoBulleTexte:hover em {
	top: -153px;
}

a.infoBulleTexte:hover em h4{
	margin-top:5px;
	margin-bottom:-1px;
	color:#bfbfbf;
	font-weight:bold;
	letter-spacing:0.1em;
}

a.infoBulleTexte:hover em p {
	margin:0;
	color:#a7a7a7;
	font-size:9px;
	font-weight:normal;
}


.fondInfoBulle {
	padding:6px;
	width:134px;
	height:153px;
    background: transparent url(../images/img_fd/info.gif) no-repeat;
}

.idInfoBulle {
	width:122px;
	height:50px;
	padding-top:2px;
	padding-left:2px;
	text-align:right;
	color:#cacaca;
}

.idInfoBulle h3 {
	margin-top:8px;
	margin-bottom:-3px;
	color:#FFFFFF;
	font-size:9px;
	font-weight:normal;
	text-transform:uppercase;
}

/* menu credits ****/

#menuCredits {
	height:15px;
	/*width:400px;*/
	/*margin:0 auto;*/
	margin-left:350px;
	margin-bottom: 10px;
	list-style-type:none;
	clear: both;
}

#menuCredits li{
	float:left;
	color:#696969;
}

/* OUTILS ****************************************/

#conteneurOutils{
	float:left;
	margin-top:52px;
	width:217px;
	
}

#conteneurOutils a:hover {
	color: #c5c5c5;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#outils_haut {
	background:url(../images/img_fd/outils_haut.jpg) top left no-repeat;
	height: 73px;
	padding-top: 12px;
	
}

#outils_haut #img_avatar {
	background: url(../images/img_fd/outils_avatar.jpg) top left no-repeat;
	height: 66px;
	width: 52px;
	padding: 5px 0 0 7px;
	margin: 0 0 0 12px;
	float: left;
}
#img_avatar_public{
background: url(../images/img_fd/outils_avatar.jpg) top left no-repeat;
	height: 66px;
	width: 52px;
	padding: 5px 0 0 7px;
	margin: 0 5px 0 0px;
	float: left;
}

#outils_haut a {
	background: url(../images/img_fd/cross.png) 100% 50% no-repeat;
	padding-right: 18px;
	border-bottom: 0;
	float: right;
	margin: 4px 22px 0 0;
}

#outils_haut a:hover {
	border-bottom: 0;
}

#outils_haut p {
	color: #f0ff00;
	float:left;
	margin: 12px 0 0 5px;
}

.outils_milieu {
	background:url(../images/img_fd/outils_milieu.jpg) top left no-repeat;
}

#liste_outils {
	list-style:none;
	padding: 0 0 0 10px;
	margin: 0;
	height: 25px;
}

#liste_outils li {
	float: left;
	margin-left: 15px;
	padding-top: 5px;
}

#liste_outils li a {
	display: block;
	width: 16px;
	height:16px;
	background-repeat: no-repeat;
	border: 0px;
}

#liste_outils #rencontres {
	background-image: url(../images/img_fd/group.png);
}

#liste_outils #alertes {
	background-image: url(../images/img_fd/clock_red.png);
}

#liste_outils #config {
	background-image: url(../images/img_fd/config.png);
}

#liste_outils #aide {
	background-image: url(../images/img_fd/house.png);
}

#outils_bas {
	background:url(../images/img_fd/outils_bas.jpg) top left no-repeat;
	height: 29px;
}


/* BLOCS INTERIEUR ************************************/

.colonneGauche {
	width: 60%;
	margin-left: 20px;
	margin-bottom: 15px;
}

.colonneDroite {
	width: 30%;
	float: right;
	margin-right: 20px;
}


.colonneGauche h3, .colonneDroite h3 {
	background-image: url(../images/img_fd/fond_titre_cadres.jpg);
	background-repeat: no-repeat;
	margin-left: 0;
	padding-left: 10px;
	color: #FFF;
	line-height: 17px;
}

.colonneGauche h3 img, .colonneDroite h3 img {
	float: right;
}

#btn_decouvrir {
	background-image: url(../images/btn/btn_long.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 244px;
	height: 31px;
	border: 0px;
	color: #fff;
	line-height: 31px;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 auto;
}

#btn_decouvrir:hover {

}

.lien_fin {
	text-align: right;
	margin-right: 5px;
}


/* Mes Trajets */
#mesTrajets ul li {
	/*border: 1px solid #0000FF;*/
	padding-top: 5px;
}

#mesTrajets ul li.fond_alternatif {
	background-color: #ededed;
}

.date {
	width: 3em;
	background-color: #3e3e3e;
	text-align: center;
	margin: 3px 10px 0 10px;
	float: left;
}

.date p {
	margin: 0;
	padding: 0;
	color: #c5c5c5;
	
}

.date .mois {
	border-top: 1px solid #767676;
	color: #999;
}



.train {
	margin: 3px 0;

}

.train .horaire_depart {
	color: #bf433a;
	font-weight: normal;
}

.train .horaire_arrivee {
	color: #81a503;
	font-weight: normal;
}

.train strong {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}

.alertes {
	background-image:url(../images/img_fd/clock_red_menu.png);
	background-repeat: no-repeat;
	background-position: 2% 50%;
	padding: 2px 2px 2px 21px;
	color: #bf433a;
	border: 1px dashed;
	float: right;
	width: 13em;
	margin: 0;
	display: inline;
}

.alertes span {
	background-color: #bf433a;
	color: #FFF;
	font-weight: bold;
	padding: 0 0.2em;
}

.alertes:hover {
	border: 1px dashed;
}

.rencontres {
	margin: 10px 0 8px 10px;

}

.rencontres a span, #etapes_cles span {
	background-color: #f0ff00;
	color: #000;
	font-weight: bold;
	padding: 0 0.2em;

}


#mesTrajets .lien_fin {
	background-image: url(../images/btn/btn_moyen.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 133px;
	height: 24px;
	text-align: center;
	float: right;
	margin-bottom: 5px;
}
.lien_fin2 {
	background-image: url(../images/btn/btn_moyen.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 133px;
	height: 19px;
	text-align: center;
	/*float: right;*/
	margin-bottom: 1px;
	padding-top: 5px;
}
.inline{
	display: inline;
}
.lien_fin2 a {
/*	color: #FFF;*/
	color: #FFF;
	font-weight: bold;
	border: none;
}

#mesTrajets .lien_fin a {
/*	color: #FFF;*/
	color: #FFF;
	font-weight: bold;
	border: none;
}

#mesTrajets .lien_fin a:hover, #btn_decouvrir:hover {
	text-decoration: none;
	color: #222;
}



/* Actus */

#actus .date {
	background-color: #dcde30;
}

#actus .date p {
	color: #4c4c4c;
	margin: 0;
}

#actus .date .mois {
	background-color: #bdbf39;
	color: #fff;
	border-top: 1px solid #fff;
}

#actus h4 {
	margin-bottom: 6px;
	font-size: 1.1em;
}

#actus p {
	margin: 0 10px;
}


/* Derniers inscrits et Rencontrés */

#derniersInscrits ul li, #mesRencontres ul li, #RencontresPassees ul li {
	clear: left;
	margin-bottom: 7px;
	border: 1px dotted #FFF;
}

#derniersInscrits ul li img, #mesRencontres ul li img, #RencontresPassees ul li img {
	float: left;
	margin-right: 5px;
}

#derniersInscrits ul li p, #mesRencontres ul li p, #RencontresPassees ul li p {
	color: #999;
	margin: 0;
	padding: 0;
	/*margin-left: 40px;*/
}

#derniersInscrits ul li p.qui, #mesRencontres ul li p.qui, #RencontresPassees ul li p.qui {
	color: #222;
}

#derniersInscrits ul li {
	margin-bottom: 4px;
}

/* PARTENAIRES ****************************************/

#etoilegraphic {
	float:left;
	margin-left:40px;
	width:148px;
	height:35px;
	background: url(../images/img_partenaires/logoEG_NB.jpg) top left no-repeat;
	border:none;
}

#etoilegraphic:hover {
	background: url(../images/img_partenaires/logoEG.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}

#aduan {
	float:left;
	margin-left:40px;
	width:103px;
	height:70px;
	background: url(../images/img_partenaires/aduan.gif) top left no-repeat;
	border:none;
}

#aduan:hover{
	background: url(../images/img_partenaires/aduan_couleur.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
}

#cci {
	float:left;
	margin-left:40px;
	width:66px;
	height:70px;
	background: url(../images/img_partenaires/logo-cci-nb.jpg) top left no-repeat;
	border:none;
}

#cci:hover{
	background: url(../images/img_partenaires/logo-cci.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}


#VersusMind {
	float:left;
	margin-left:40px;
	width:147px;
	height:35px;
	background: url(../images/img_partenaires/LogoVM_NB.jpg) top left no-repeat;
	border:none;
}

#VersusMind:hover{
	background: url(../images/img_partenaires/LogoVM.jpg) top left no-repeat;/* placement de l'image 1 au premier plan */
}
#citinet {
	float:left;
	margin-left:40px;
	width:147px;
	height:35px;
	background: url(../images/img_partenaires/logo-citinet-nb.jpg) top left no-repeat;
	border:none;
}

#citinet:hover{
	background: url(../images/img_partenaires/logo-citinet.jpg) top left no-repeat;/* placement de l'image 1 au premier plan */
}

#consultime {
	float:left;
	margin-left:40px;
	width:147px;
	height:35px;
	background: url(../images/img_partenaires/logoConsultime-nb.gif) top left no-repeat;
	border:none;
}

#consultime:hover{
	background: url(../images/img_partenaires/logoConsultime.gif) top left no-repeat;/* placement de l'image 1 au premier plan */
}

#partenaires img{
	display: none;
}

#sncf {
	float:left;
	margin-left:40px;
	width:96px;
	height:50px;
	background: url(../images/img_partenaires/sncf.gif) top left no-repeat;
	border:none;
}

#sncf:hover{
	background: url(../images/img_partenaires/sncf_couleur.gif) top left no-repeat;/* placement de l'image 1 au premier plan */
}

.label{
  width: 200px;
  display: block;
  font-weight: bold;
}
.input_texte_court {
  width: 200px;
  margin-left: 30px;
  font-size: 11px;
}
.input_checkradio{
  margin-left: 30px;
  margin-right : 5px;
}

.form_en_dur{
	font-weight: bold;
	margin-left: 30px;
}

#msg_erreur{
  margin: 0 20px 10px 20px;
  padding: 5px;
  border: dashed 1px #BF433A;
  color: #BF433A;
  font-weight: bold;
  background-color: #FCF5F5;
}
#msg_ok{
  margin: 0 20px 10px 20px;
  padding: 5px;
  border: dashed 1px #81A503;
  color: #81A503;
  font-weight: bold;
  background-color: #F5F8EB;
}
.rouge{
	color: #FF0000;
}

/*Partie concernant les infobulles au survol*/
a.info_hover {
	position: relative;
	text-decoration: none;
	color: #999999;
	text-align: center;
	display: block;
	border-bottom: none;
/*	float: left;
	/*display: block; 
	height: 45px;
	width: 40px;
	line-height: 0.1em;
	font-size: 0.1em;
	/*
	float: left;
	display: block;
	width: 40px;
	height: 45px;
	margin-right: 5px;*/
}
a.info_hover span {
display: none;
text-align: left;
}
a.info_hover img {
border: 0;
}
a img {
border: 0;
}
a.info_hover:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info_hover:hover span {
text-decoration: none;
display: inline;
position: absolute;
top: 5em;
left: 1em;
background: #333333;
text-align: justify;
color: #FFFFFF;
width: 300px;
padding: 6px;
border: solid 1px #CCCCCC;
/*font-size: 10em;
line-height: 1.2em;*/
}

/* informations pour montrer les statuts*/
.stat_dispo{
  color: #00FF00;
}
.stat_att{
  color: #D2DF18;
}
.stat_conf{
  color: #00FF00;
}
.stat_refus{
  color: #FF0000;
}
.stat_annul{
  color: #FF0000;
}

.ul_p{
	margin : 10px 30px 20px 30px;
	list-style-type:circle;
	font-size: 1em;
	color:#616161;
}
.ul_p li{
	margin-bottom: 5px;
}