/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
body{
	\height:100%;
}
body {
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color:#F0F2F4;
	background-image:url(../img/commun/fond_degrade.gif);
	background-repeat:repeat-x;
}
a{ 	color:#0000FF;	text-decoration:none; }
a:hover{ text-decoration:none;color: #0000FF; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }
div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:1.2em; }
.left-cleaner,
.right-cleaner,
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}
.spacer{
	height:5px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px !important;
}
.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}
/******************************/
/*** class des zones ektron ***/
/*** ATTENTION NE PAS		***/
/*** OUBLIER DE MAINTENIR	***/
/*** ektron.css				***/
/******************************/

.ektron {
	font-size:12px;
	color:#707070;
}
.ektron img.image-a-gauche{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.ektron img.image-seul{ margin:-20px; }

.ektron img.image-a-droite{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.ektron h1{font-size:16px;}
.ektron h2{font-size:14px;}
.ektron h3{font-size:12px;}
.ektron h4{font-size:11px;}
.ektron h5{font-size:10px;}
.ektron h6{font-size:8px;}

.ektron h1, .ektron h2, .ektron h3, .ektron h4, .ektron h5, .ektron h6{margin-top:0.7em;margin-bottom:0.3em;}

.ektron ul,.ektron ol, .ektron blockquote{
	margin-left:30px;
	padding-top:8px;
	padding-bottom:8px;
}
.ektron p{	font-size:12px; }


/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
#contenu-page{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 204px;
	margin-left: -382px;
	width:765px;
	padding-bottom:5px;
}
#ombre-fond{
	border-left:1px solid #CBD5DB;
	background-repeat:repeat-y;
	background-position:right;
	background-image:url(/img/commun/bg_ombre_droite.png);
	width:764px;
}
#fond-page-home,
#fond-page-destination,
#fond-page-hotel{
	width:759px;
/*	margin-right:5px;*/
	background-repeat:repeat-y;
	background-position:right;
}

#fond-page-home{
	background-image:url(/img/commun/bg_home_page.gif);
}
#fond-page-destination{
	background-image:url(/img/commun/bg_rub_page.gif);
}
#fond-page-hotel{
	background-image:url(/img/commun/bg_rub_2col.gif);
}
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
#entete{
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 10px;
}
#entete{
	margin-left: -382px;
	width:765px;
}
/*******************************************************/
/* MENU DU HAUT */
#menu-haut{
	text-align: right;
	font-size: 10px;
	color:white;
	line-height: 15px;
	margin-right:30px;
	padding-bottom:5px;
}
#menu-haut a{
	font-size: 10px;
	color:white;
	line-height: 15px;
}
#menu-haut a:hover{
	color:black;
}
/*******************************************************/
/* MENU */
#visuel{
	display: block;
}
/*******************************************************/
/* COPYRIGHT */
#copyright{
	/*margin-right:5px;*/
	text-align:left;
	line-height: 22px;
	background-color: #D0D6DF;
	padding-left: 22px;
}
#copyright,
#copyright a{
	text-align: left;
	font-size: 10px;
	color:#547185;
}
#copyright a:hover{
	color:black;
}
#ombre-bas{
	background-image:url(../img/commun/ombre_bas.png);
	height:5px;
	font-size:1px;
}

/*******************************************************/
/* COLONE */
/*******************************************************/
#colonne-1-2{
	float:left;
	width:596px;
}
#colonne-1{
	float:left;
	width:364px;
}

#colonne-2{
	float:left;
	width:232px;
}
#colonne-2.dernier-avis{
	float:left;
	width:366px;
}
#colonne-1.hotel{
	float:left;
	width:230px;
}
#colonne-3{
	float:left;
	width:163px;
}
#colonne-1-2 h1,
#colonne-1 h1,
#colonne-2 h1{
	border-style:solid ;
	border-width:0px 1px 1px 1px;
	border-color:red #97A1A8 #A1ACB4 #D5DEE4;
	background-color:#C4CCD2;
	line-height:18px;
	padding:3px 0px;
	background-repeat:no-repeat;
	font-size:14px;
	color:#547185;
}
#colonne-1-2 h1 span,
#colonne-1 h1 span,
#colonne-2 h1 span{
	color:white;
}
#colonne-1.hotel h1 a,
#colonne-2 h1 a{
	font-size:14px;
	color:#547185;
	display:block;
}
#colonne-1.hotel h1 a:hover,
#colonne-2 h1 a:hover{
	text-decoration:underline;
}
#colonne-1 h1{ border-left:0px;}

#colonne-1-2.questionnaire h1,
#colonne-1-2.dernier-avis h1,
#colonne-1.dernier-avis h1,
#colonne-2.dernier-avis h1{
	padding-left:57px;
	background-position:30px 4px;
	background-image:url(../img/commun/picto_dernier_avis_recus.gif);
}

h1 #reserver{
	color:white;
	font-size:11px;
	line-height:24px;
	float:right;
	display:block;
	margin:-4px -1px 0px 0px;
	background-color:#FFB73E;
	border-left:1px solid #D4DCE2;
}

h1 #reserver a{
	background-color:#FFB73E;
	background-image:url(../img/commun/picto_reserver.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
	border-right:1px solid #EA9300;
	border-bottom:1px solid #EA9300;
	border-left:1px solid #FFCD79;
	border-top:1px solid #FFCD79;
	line-height:24px;
	padding:0 10px 0 25px ;
	font-size:11px;
	font-weight:bold;
	display:block;
	color:white;
	text-decoration:none;
}
h1 #reserver a:hover{
	text-decoration:underline;
}


#colonne-1-2.fiche-detail h1,
#colonne-1.hotel h1,
#colonne-2.destination h1{
	padding-left:46px;
	background-position:15px 5px;
	background-image:url(../img/commun/picto_toutes_dest.gif);
}
#colonne-3.donnez-avis h1{
	color:white;
	border-style:solid ;
	border-width:0px 0px 1px 1px;
	border-color:red red #667885 #D4DCE2;	
	font-size:10px;
	line-height:24px;	
	background-color:#9FACB6;
	padding-left:38px;
	background-position:10px 5px;
	background-image:url(../img/commun/picto_ce_que_pense.gif);
	background-repeat:no-repeat;	
}
#colonne-3.donnez-avis h1 span{
font-size:10px;
}
#colonne-3.donnez-avis h1 a{
	color:white;	
}
#colonne-3.donnez-avis h1.lien-mes-photos{
	border-top:1px solid #C4CCD2;
	border-left:0px;
	margin-left:1px;
	padding-left:35px;
	background-position:13px 7px;
	background-image:url(../img/commun/picto_mini_photo_grisfonce.gif);
	background-repeat:no-repeat;
}

#colonne-3.donnez-avis h1.lien-mes-photos a{
	font-size:11px;
	font-weight:normal;
	color:white;
	text-decoration:underline;
}
#colonne-3.donnez-avis h1.lien-mes-photos a:hover{
	text-decoration:underline;
	color:#547185;
}

#colonne-3.donnez-avis h1.lien-photos-destination{
	border-top:1px solid #C4CCD2;
	border-left:0px;
	margin-left:1px;
	padding-left:35px;
	background-color:#F0F2F4;
	background-position:13px 7px;
	background-image:url(../img/commun/picto_mini_photo_gris.gif);
	background-repeat:no-repeat;
}
#colonne-3.donnez-avis h1.lien-photos-destination a{
	font-size:11px;
	font-weight:normal;
	color:#547185;
	text-decoration:none;
}
#colonne-3.donnez-avis h1.lien-photos-destination a:hover{
	text-decoration:underline;
	color:#547185;
}

#colonne-3.donnez-avis h1.lien-photos-destination img{
	margin-left:10px;
	margin-bottom:10px;
	align : center;

}

#colonne-3.donnez-avis h1.lien-hotel-note{
	background-image:none;
	padding-left:15px;
	font-weight:normal;
	font-size:11px;
	margin-bottom:7px;
}

#colonne-3.donnez-avis h2.lien-hotel-note{
	font-size:11px;
	font-weight:normal;
	color:#547185;
	border-left:0px;
	margin-left:1px;
	padding-left:7px;
	padding-bottom:5px;
	background-color:#EEEEEE;
}
#colonne-3.donnez-avis h2.lien-hotel-note .note img{
	margin-right:4px;
}
#colonne-3.donnez-avis h2.lien-hotel-note a{
	line-height:20px;
	font-size:11px;
	font-weight:normal;
	color:#547185;
	text-decoration:none;
}
#colonne-3.donnez-avis h2.lien-hotel-note a:hover{
	text-decoration:underline;
	color:#547185;
}



#colonne-3.donnez-avis p{
	padding:11px 17px;
	color:#547185;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#colonne-3 .promo{
	margin-left:1px;
	margin-bottom:0px;	
}
#colonne-3 .promo h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:13px;
	padding:0 7px;
	color:#FA0C49;
	font-weight:bold;
	padding-bottom:5px;
	font-size:10px;
}
#colonne-3 .promo p{
	color:#000000;
	padding:0px 7px 5px 7px;
	font-size:9px;
	line-height:11px;
}
#colonne-3 .promo p a{
	font-weight:bold;
	font-size:10px;
	margin-left:1px;
	color:#0830BF;
	text-decoration:underline;
}
#colonne-3.donnez-avis h1.ce-que-jen-pense a{
	font-size:10px;
	text-decoration:underline;
	font-weight:normal;
	color:white;
}
/* destination */
#colonne-2.destination{
}

.min-height{
	height:280px;
	width:1px;
	float:right;
}
#colonne-1.hotel ul ,
#colonne-2.destination ul {
	background-image:url(../img/commun/degrade_rub_tt_dest.gif);
	background-repeat:repeat-x;
	background-color:#EEEEEE;
	list-style:none;
	padding:24px 17px 24px 22px;
	margin:0px 1px 0px 1px;
}
#colonne-1.hotel ul {
	margin:0px 1px 0px 0px;
}
#colonne-2.destination ul li,
#colonne-2.destination ul li{
	text-indent:-9px;
}
#colonne-1.hotel ul li,
#colonne-1.hotel ul li a,
#colonne-2.destination ul li,
#colonne-2.destination ul li a{
	font-size:12px;
	line-height:11px;
	color:#BC0000;
	font-weight:bold;
}
#colonne-1.hotel ul li{
	padding-left:10px;
	text-indent:-10px;
}
#colonne-1.hotel ul li.nom-destination{
	text-indent:0px;
	background-color:#BC0000;

	border:1px solid;	color:white;
	border-color: #FF5E5E #590000 #590000 #FF5E5E ;	
	font-size:14px;
	padding:5px 0px 5px 5px;
	margin-right:5px;
	line-height:14px;
}
#colonne-1.hotel ul li.tri{
	margin-right:5px;
	padding:2px 5px 2px 12px;
	border:1px solid;
	background-color:#C4CCD2;
	border-color:#D4DCE2 #97A1A8 #A1ACB4 #D5DEE4;
	margin-bottom:8px;
	line-height:14px;
	text-align:right;
}
#colonne-1.hotel ul li.tri a{
	font-size:10px;
	color:#547185;
	font-weight:normal;
}

#colonne-1.hotel ul li a:hover,
#colonne-2.destination ul li a:hover{
	text-decoration:underline;
}

#colonne-1.hotel ul li.lien-photos-destination{
	text-indent:0px;
	margin:4px 4px 10px 20px;
	padding-left:20px;
	padding-bottom:0px;
	background-image:url(../img/commun/picto_mini_photo_ss_ombre.gif);
	background-repeat:no-repeat;
}
#colonne-1.hotel ul li.lien-photos-destination a{
	font-size:11px;
	font-weight:normal;
	color:#547185;
	text-decoration:none;
}
#colonne-1.hotel ul li .commentaire,
#colonne-2.destination ul li .commentaire{
	text-indent:0px;
	font-weight:normal;
	font-size:10px;
	color:#547185;
	margin-bottom:9px;	
	line-height:12px; 
}
#colonne-1.hotel ul li .commentaire{	line-height:22px; }
#colonne-1.hotel ul li .commentaire .note{
	float:right;
	padding-right:14px;	
}
#colonne-1.hotel ul li .commentaire  .note img{ margin:5px 2px 0px 2px	;}
#colonne-1.hotel ul li .premier-avis,
#colonne-2.destination ul li .premier-avis{
	color:#547185;
	background-image:url(../img/commun/picto_mini_prem_avis.gif);
	background-position: 1px 3px;
	background-repeat:no-repeat;
	text-indent:0px;
	padding-left:20px;
	font-weight:bold;
	font-size:10px;
	margin-bottom:10px;
}
#colonne-1.hotel ul li .premier-avis a,
#colonne-2.destination ul li .premier-avis a{
	font-size:10px;
	color:#547185;
	line-height:16px; 
}
#colonne-2.destination ul li .premier-avis a{
	line-height:12px; 
}
#colonne-1.hotel ul li .premier-avis a:hover,
#colonne-2.destination ul li .premier-avis a:hover{
	color:#547185;
}

/* avis */
#colonne-1 .un-avis{
	margin:26px 16px 26px 30px;
}
#colonne-2 .un-avis{
	margin:26px 30px 26px 30px;
}
#colonne-1-2 .un-avis{
	margin:26px 30px 26px 30px;
}
}
#colonne-1-2.questionnaire .un-avis{
	margin:7px 30px 26px 30px;
}
.un-avis .personne{
	font-size:10px;
	border-bottom:1px solid #D5DBE4;
	padding-bottom:4px;
}
#colonne-1-2 .un-avis .personne{

}
.un-avis .personne .nom-personne{
	color:#717578;
}
.un-avis .personne .libelle-note{
	font-weight:bold;
	float:right;
}
/*#colonne-1-2 .destination{
	font-size:14px;
}*/
.un-avis .destination{
	border-top:1px solid white;
	padding-top:4px;
	color:#547185;
	font-size:12px;
	padding-bottom:20px;
}
.un-avis .destination .note{ float:right;}
.un-avis .destination .note img{ margin:0px 2px;}
.un-avis .destination .hotel{color:#E2501B;font-weight:bold;}

.un-avis .destination-photo{
	float:left;
	padding-right:15px;
	height:80px;
	color:#547185;
	font-size:11px;
}
.un-avis .destination-photo{
	width:177px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:162px;
}
html>body .un-avis .destination-photo{
	width:162px;
}
.un-avis .destination-photo .illustration{
	float:left;
	border-right:1px solid #D5DBE4;
	border-bottom:1px solid #D5DBE4;	
	margin-right:5px;
}
.un-avis .destination-photo .illustration img{
	border:1px solid white;
}
.un-avis .destination-photo strong{
	font-size:12px;
}
/*.un-avis .destination-photo2{
	padding-top:4px;
	color:#547185;
	font-size:12px;
	padding-left:50%
}
*/

/*#colonne-1-2 .un-avis .les-moins,
#colonne-1-2 .un-avis .les-plus{
	font-size:14px;
}*/

.un-avis .les-moins,
.un-avis .les-plus{
	padding-bottom:9px;
	padding-left:30px;
	background-position:0px 0px;
	padding-top:4px;
	background-repeat:no-repeat;
	background-image:url(../img/commun/picto_aime.gif);
}
.un-avis .les-moins{
	background-image:url(../img/commun/picto_pas_aime.gif);
}
.un-avis .liste-action{
	margin-right:87px;
	margin-top:8px;
	background-color:#F1CC8B;
	border-right:1px solid #FFF8DC;
	border-top:1px solid #FFF8DC;
	border-bottom:1px solid #C5B496;
	border-left:1px solid #EEEEEE;	
}
.un-avis .liste-action .connect-photo,
.un-avis .liste-action .donner-avis,
.un-avis .liste-action .detail{
	padding-top:2px;
	border-right:1px solid #C5B496;
	font-size:10px;
	line-height:14px;
	display:block;
	color:#BC0000;
	padding-left:30px;
	background-repeat:no-repeat;
	background-position:12px 3px;
	background-image:url(../img/commun/picto_mini_commentaire.gif);
}
.un-avis .liste-action .connect-photo{
	padding-top:0px;
	padding-bottom:0px;	
	background-position:10px 1px;
	background-image:url(../img/commun/picto_mini_photo.gif);
}
.un-avis .liste-action .donner-avis{
	padding-top:0px;
	padding-bottom:2px;	
	background-position:12px 1px;
	background-image:url(../img/commun/picto_mini_donne_avis.gif);

}
.un-avis .liste-action .connect-photo:hover,
.un-avis .liste-action .donner-avis:hover,
.un-avis .liste-action .detail:hover{
	text-decoration:underline;
}


.lien-destination,
.lien-retour{
	margin:30px;
	border-top:1px solid #D5DBE4;
	text-align:left;
}
.lien-destination a,
.lien-retour a{
	border-top:1px solid white;
	display:block;
	color:black;
	padding:2px 0px;	
	font-size:10px;
}
.lien-destination{
	text-align:right;
}
.un-avis .lien-tous-commentaire{
	border-bottom:1px solid white;
	text-align:right;
}
.un-avis .lien-tous-commentaire a{
	border-bottom:1px solid #D5DBE4;
	display:block;
	color:black;
	padding:2px 0px;	
	font-size:10px;
}
.lien-destination a:hover,
.lien-retour a:hover,
.un-avis .lien-tous-commentaire a:hover{
	text-decoration:underline;
}
.un-avis .photo{
	line-height:32px;
	margin-top:8px;
	float:right;
	background-color:#FFB73E;
	border-right:1px solid #FFF8DC;
	border-top:1px solid #FFF8DC;
	border-bottom:1px solid #EA9300;
	background-image:url(../img/commun/picto_mini_photo.gif);
	background-position:7px 10px;
	background-repeat:no-repeat;
}
.un-avis .photo{
	width:87px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:86px;
}
html>body .un-avis .photo{
	width:86px;

}
.un-avis .photo a{
	font-size:10px;
	display:block;
	color:#547185;
	padding-left:27px;
	padding-right:12px;
	border-right:1px solid #EA9300;
}
.un-avis .photo a:hover{text-decoration:underline;}

.un-avis .aucun-avis{
	font-size:12px;
	padding-top:45px;	
	color:black;
	text-align:center;
	font-weight:bold;
}
.un-avis .nom-categorie-question{
	margin-top:20px;
	border-bottom:1px solid #A1ACB4;
	border-right:1px solid #A1ACB4;
	border-top:1px solid #D5DEE4;
	border-left:1px solid #D5DEE4;
	font-weight:bold;
	margin-bottom:10px;
	color:white;
	background-color:#C4CCD2;
}
.un-avis .nom-categorie-question div{
	padding:4px 10px;
	/*border-bottom:1px solid #D5DBE4;*/

}
.un-avis .nom-categorie-question .libelle-note{
	font-weight:bold;
	color:black;
	font-size:10px;
	float:right;
}
.un-avis .detail-note{
	float:right;
}
.un-avis .detail-note img{
	margin:0px 2px;
}
.un-avis .detail-question{
	font-size:11px;
	line-height:11px;
	font-weight:bold;
}
.un-avis .detail-commentaire{
	font-size:10px;
	line-height:11px;
	display:block;
	margin-right:100px;
}
.un-avis .detail-impaire,
.un-avis .detail-paire{
	padding: 0 0 9px 10px;
}
/* FORM DONNER AVIS */
.message-avis{
	padding:20px 30px 00px 30px;
}
.texte-commentaire{
	height:60px;
	width:250px;
}
.identification{
	font-size:12px;
	float:left;
}
.titre-questionnaire{
	margin-top:-25px;
	font-size:14px;
	font-weight:bold;
	color:#547185;
	margin-bottom:7px;
	border-bottom:1px solid white;
}
.titre-questionnaire div {
	padding-bottom:4px;
	border-bottom:1px solid #D5DBE4;

}
.form-plus-moins{
	float:right;
}
.form-plus-moins p {
	font-size:12px;
	padding-bottom:4px;
	padding-top:4px;
}
.form-plus-moins .les-moins,
.form-plus-moins .les-plus{
	padding-top:0px;
}
#form-detail {
	
}
#form-detail .texte-commentaire{
	height:60px;
	width:350px;
}
#form-detail .detail-note{
	font-size:11px;
	padding-top:5px;
}
#form-detail .detail-question{
	line-height:16px;
}
#form-detail .detail-impaire,
#form-detail .detail-paire{
	padding: 0 0 10px 40px;
}
.btn-envoyer{
	margin:30px;
	margin-top:0px;
	border-top:1px solid #D5DBE4;
}
.btn-envoyer div{
	border-top:1px solid white;
	padding-top:10px;
}
.btn-envoyer a{
	float:left;
	font-size:12px;
	text-decoration:none;
	color:black;
}
.btn-envoyer a:hover{
	color:black;
	text-decoration:underline;
}
.liseret{line-height:1px;font-size:1px; height:1px;background-color:#D5DBE4;}
/* PHOTO */
#photo {
	margin:30px 30px 0px 30px;
}
#photo .message {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:11px;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px;
	margin:0px 0px 0px 0px;
}
#photo .message div{
	padding: 0px 10px 8px 10px;
	border-bottom:1px solid #D5DBE4;
}
.liseret-h{margin-top:15px;border-bottom:1px solid white;}
.liseret-h div{height:1px font-size:1px; line-height:1px;border-bottom:1px solid #D5DBE4;}
/* popup photo */
body#page-portfolio{
	background:none;
	background-color:#F7F7F7;
}
#portfolio{
	/*border:1px solid #B5B5B5;*/
	/*background-color:#F6F6EF;*/
	background-color:#F7F7F7;
	text-align:center;
	padding-top:30px;
	padding-bottom:10px;
}
#portfolio.pays{
	background:none;
	padding-bottom:0px;
}
#portfolio .cadre-image{
	margin-left:auto;
	margin-right:auto;
	padding:3px;
	background-color:#FFFFFF;
}
#portfolio .cadre-image{
	width:406px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:400px;
}
html>body #portfolio .cadre-image{
	width:400px;
}
#portfolio.pays .cadre-image{
	padding-bottom:13px;
}
#portfolio .navigation{
	margin-top:10px;
	text-align:center;
	color:#5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}
#portfolio #num-image{
	width:40px;
	text-align:center;
	color:#5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border:0px;
	background:none;
}
.portfolio-reference{
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
	width:154px;	
	margin-right:4px;
	float:left;
	border:1px solid #B5B5B5;
	height:18px;
	line-height:18px;	
}
.portfolio-btn-reserver{
	border:1px solid #B5B5B5;
	float:left;
	text-align:center;
	color:#FD0C4A;
	/*background-color:#F6F6EF;*/
	background-color:#F7F7F7;
	font-size:12px;
	font-weight:bold;
	width:100px;
	height:18px;
	line-height:18px;	
}
.portfolio-lien{
	text-align:center;
	font-size:12px;	
	margin-top:4px;
	float:left;
	width:260px;
	border:1px solid #B5B5B5;
	line-height:18px;
	padding-bottom:5px;

}
.chemin-de-fer{
	padding-left:30px;
	line-height:22px;
	font-size:10px;
	background-color:#EEEEEE;
	border-top:1px solid #D4DCE2;
	border-bottom:1px solid #D4DCE2;
	color:#717578;
}
.chemin-de-fer a{	
        color:#717578;
	text-decoration:none;
}
.chemin-de-fer a:hover{
	text-decoration:underline;
}
/*
.chemin-de-fer{
	padding-left:30px;
	line-height:16px;
	font-size:11px;
	background-color:#EEEEEE;
	background-color:#ABB8C1;
	border-top:1px solid #D6DFE8;
	border-bottom:1px solid #D4DCE2;
	color:white;
}
.chemin-de-fer a{
	color:white;
	text-decoration:none;
}
.chemin-de-fer a:hover{
	color:#547185;
	text-decoration:underline;
}
*/

.chemin-de-fer #rechercher{
    color:#717578;
	font-size:10px;
	padding-right:20px;
	float:right;
}

.chemin-de-fer #rechercher input{
    color:#717578;
	font-size:10px;	
	width:120px;
	height:12px;
	position:relative;
	top:2px !important;
	top:1px;
	margin-right:7px;
}
.chemin-de-fer #rechercher a{
	font-size:10px;
	font-weight:normal;
	color:#717578;
	text-decoration:none;
}
.chemin-de-fer #rechercher a:hover{
	text-decoration:underline;
}

.chemin-de-fer #reserver{
        color:#717578;
	font-size:10px;
	position: absolute;
	left: 90%; 
	top: 0; 	
}

.chemin-de-fer #reserver a{
	font-size:10px;
	font-weight:normal;
	color:#717578;
	text-decoration:none;
}
.chemin-de-fer  #reserver a:hover{
	text-decoration:underline;
}


.lien-ajouter-photo{
	float:right;
	padding-right:10px;
	line-height:25px;
	color:#5A5A5A;
	font-size:10px;
}

.lien-voir-destination{
	padding-left:10px;
	line-height:25px;
	color:#5A5A5A;
	font-size:10px;
}
.lien-voir-destination a,
.lien-ajouter-photo a{ color:#5A5A5A; }
.lien-voir-destination a:hover,
.lien-ajouter-photo a:hover{ color:black; }

a.info {
   position: relative;
   font-size:12px;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
	font-size:11px;
  	white-space:nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 21px; /* on positionne notre infobulle */
   left: -213px;
   background: white;
   line-height:15px;
   color:#547185;
   padding: 10px;
   border:1px solid #9FACB6;
}