/*****************************************************************************/
/* Surcharge pour l'impression des résumés des étapes                        */
/*****************************************************************************/

body.impression
{
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*****************************************************************************/
/* Menu Italie                                                                */
/*****************************************************************************/

div.menu_italie
{
  background-color: #000000;
  width: 100%;
  text-align: center;
}

table.menu_italie
{
  margin-right: auto;
  margin-left: auto;
  width: 1000px;
}

td.compteur
{
  width: 1000px;
  text-align: right;
}

/*****************************************************************************/
/* Présentation Danube                                                        */
/*****************************************************************************/

div.italie
{
  background-image: url(../images/fondsite.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #000000;
  margin: 0px;

}


/*****************************************************************************/
/* Etape courante                                                            */
/*****************************************************************************/

div.resume_etape
{
  position: relative;
  width: 497px;
  height: 371px;
  left: 10px;
  top: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  vertical-align: top;
  text-align: left;
  padding-top: 1px;
}

div.photo_etape
{
  position: relative;
  width: 250px;
  height: 191px;
  left: 725px;
  top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

/*****************************************************************************/
/* Toutes les étape                                                          */
/*****************************************************************************/

table.parcours
{
  width: 1000px;
  height: 571px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  text-align: center;
  background-color: #95D1F3;
}

td.parcours_col1
{
  width: 467px;
  vertical-align: top;
  text-align: left;
  padding-left: 15px;
}

td.parcours_col2
{
  width: 28px;
}

td.parcours_col3
{
  width: 467px;
  vertical-align: top;
  text-align: left;
  padding-right: 15px;
}

span.resume_etape
{
  text-align: left;
}

/*****************************************************************************/
/* Etape                                                                     */
/*****************************************************************************/

div.global_center
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  overflow: auto;
}

div.column_left
{
  float: left;
  width: 610px;
}

div.column_right
{
  float: right;
  width: 360px;
}

div.margin_left
{
  margin-left: 10px;
}

div.margin_right
{
  margin-right: 10px;
}

div.etape_navigation
{
  margin: 0px;
  padding: 5px 0px 20px 0px;
}

table.etape_navigation
{
  width: 996px;
}

td.etape_navigation_left
{
  width: 33%;
  text-align: left;
}

td.etape_navigation_center
{
  width: 34%;
  text-align: center;
}

td.etape_navigation_right
{
  width: 34%;
  text-align: right;
}

div.carnet_haut
{
  margin: 0px;
}

div.carnet
{
  height: 406px;
  width: 608px;
  background-image: url(../images/cahier.png);
  background-repeat: repeat-y;
  background-position: top left;
}

div.carnet_bas
{
  margin-bottom: 20px;
}

div.carnet_texte
{
  position: relative;
  left: 85px;
  top: 0px;
  width: 500px;
  height: 380px;
  line-height: 12.7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

div.carnet_suiv
{
  position: relative;
  left: 530px;
  top: -15px;
  width: 80px;
  height: 15px;
}

div.carnet_prec
{
  position: relative;
  left: 85px;
  top: 0px;
  width: 80px;
  height: 15px;
}

div.carnet_imprimer
{
  position: relative;
  left: 85px;
  top: -433px;
  width: 80px;
  height: 20px;
}

p.carnet
{
  line-height: 12.7px;
}

div.commentaire
{
  text-align: left;
  border: dotted 1px;
  margin-left:10px;
  padding-left:10px;
  padding-right:10px;
  background-color:#FFFFFF;
  line-height:10px;
  margin-bottom: 20px;
}

.commentaire_de
{
  margin-left: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url(../images/barre.png);
  background-repeat: repeat y;
  background-position: top right;
  text-align: right;
}


div.resume
{
	text-align: left;
	padding-bottom: 20px;
}

span.resume
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div.carte
{
	text-align: right;
	padding-bottom: 20px;
}

/*****************************************************************************/
/* Styles de texte                                                           */
/*****************************************************************************/

.titre_blanc,
.titre_blanc a,
.titre_blanc a:hover,
.titre_blanc span
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
  text-decoration: none;
}

.titre_bleu,
.titre_bleu a,
.titre_bleu a:hover,
.titre_bleu span
{
	font-family: Arial, Helvetica, sans-serif;
	color: #344682;
	font-weight: bold;
	font-size: 11px;
  text-decoration: underline;
}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.titre_rouge
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #CC0000;
}

.titre_noir
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.texte_petit_noir
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.titre_etape
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.titre_etape_petit
{
  font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	font-weight: bold;
}

.titre_carnet,
.titre_points_cles,
.titre_carte,
.titre_photos,
.titre_commentaires
{
  border-top: dotted 1px;
  padding-top:2px;
  border-right: dotted 1px;
  padding-right:2px;
  font-family: Arial, Helvetica, sans-serif;  
  font-weight: bold;
  font-size: 14px;
  color: #CC0000;
}










span.barre_titre,
a.barre_titre
{
  font-family: arial;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
  text-decoration: none;
}

span.carnet_suiv,
span.carnet_prec,
span.imprimer
{
  font-weight: bold;
  cursor: pointer;
}

span.date_etape_prec,
span.date_etape_suiv
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: bold;
  color: #CC0000;
  cursor: pointer;
  text-decoration: underline;
}

span.date_etape
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
  font-weight: bold;
  color: #CC0000;
}

.bouton_envoyer
{
  font-weight: bold;
  font-size: 9px;
  font-family: Verdana;
}

span.compteur
{
  font-family: arial;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

input.compteur
{
  font: verdana;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
  background-color: #000000;
  border:1px;
}

form.compteur
{
  padding: 0px 0px 0px 0px;
}

.height_line
{
  line-height:12.7px;
}

.infos
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.visuel,
a.visuel
{
  font-family: Arial;
  font-size: 11px;
  color: #FFFFFF;
}