/*****************************************************************************/
/* Div container                                                             */
/*****************************************************************************/

div.global
{
  background-color: #FFFFFF;
  margin: 0px;
  width: 100%;
  overflow: auto;
}

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

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

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

/*****************************************************************************/
/* Div header                                                                */
/*****************************************************************************/

div.header_usa
{
  width: 518px;
  height: 150px;
}

/*****************************************************************************/
/* Div icônes                                                                */
/*****************************************************************************/

div.icones
{
  width: 300px;
  height: 30px;
  margin-top : 10px;
  text-align: left;
}

/*****************************************************************************/
/* Div heure                                                                 */
/*****************************************************************************/

div.heure_icone
{
  position: absolute;
  width:33px;
  height:30px; 
  left:339px;
  top: 158px;
  text-align: left;
}

div.heure_texte
{
  position: absolute;
  width: 84px;
  height: 22px;
  left: 375px;
  top: 158px;
}

div.heure
{
  position: absolute;
  width: 84px;
  height: 22px;
  left: 375px;
  top: 173px;
  text-align: left;
}

/*****************************************************************************/
/* Div jours (index.php)                                                     */
/*****************************************************************************/

div.index_jours
{
  margin-top : 10px;
}

td.index_jours
{
	width: 496px;
	height: 14px;
	text-align: center;
}

/*****************************************************************************/
/* Div image étape  (index.php)                                              */
/*****************************************************************************/

div.index_etape_image
{
	width: 140px;
	height: 90px;
  margin-top : 10px;
}

/*****************************************************************************/
/* Div résumé étape (index.php)                                              */
/*****************************************************************************/

div.index_resume
{
  float: right;
  margin-top: -90px;
  margin-right: 7px;
}

td.index_resume
{
	vertical-align: top;
  width: 351px;
  height: 78px;
}

span.index_titre_resume
{
  display: block;
  margin-bottom: 7px;
}

span.index_resume
{
  display: block;
}

/*****************************************************************************/
/* Div accueil (index.php)                                                   */
/*****************************************************************************/

div.index_accueil
{
  margin-top : 10px;
}

td.index_accueil
{
	width: 496px;
	height: 206px;
	text-align: left;
}

/*****************************************************************************/
/* Div carnet (index.php et carnet.php)                                      */
/*****************************************************************************/

div.carnet
{
  margin-top: 10px;
  margin-bottom: 10px;
  width : 510px;
}

div.spirale
{
	background-image: url(../images/spirales.png);
	background-repeat: repeat;
}

td.carnet
{
	width: 498px;
	height: 188px;
	text-align: left;
	vertical-align: top;
	padding-left: 35px;
}

/*****************************************************************************/
/* Div carte (index.php)                                                     */
/*****************************************************************************/

div.index_carte
{
  width: 475px;
  height: 600px;
  background-color: #FFFFFF;
}

div.index_trajet
{
  position: absolute;
  top: 0px;
  width: 475px;
  height: 600px;
  background-color: transparent;
  z-index: 2;
}

/*****************************************************************************/
/* Div compteur kilométrique (index.php)                                     */
/*****************************************************************************/

div.kms_background
{
  position: absolute;
  width: 71px;
  height: 24px;
  z-index: 2;
  top: 4px;
  left: 871px;
}

div.kms
{
  position: absolute;
  width: 60px;
  height: 18px;
  z-index: 3;
  top: 7px;
  left: 877px;
}

/*****************************************************************************/
/* Div résumé (carnet.php)                                                   */
/*****************************************************************************/

div.carnet_resume
{
  margin-top: 5px;
}

td.carnet_resume
{
  width: 418px;
  height: 100px;
}

span.titre
{
  display: block;
  width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3;
	font-weight: bold;
}

span.carnet_titre_resume
{
  display: block;
  width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

div.carnet_resume_texte
{
  float: left;
  width: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
}

div.carnet_resume_carte
{
  float: right;
  width: 20%;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: right;
}

div.carnet_resume_carte_detail
{
  clear: both;
  width: 100%;
  display: none;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

/*****************************************************************************/
/* Div videos (carnet.php)                                                   */
/*****************************************************************************/

div.carnet_videos
{
  margin-top: 5px;
}

td.carnet_videos
{
  width: 418px;
  height: 50px;
  vertical-align: top;
  text-align: left;
}

span.carnet_videos_titre
{
  display: block;
}

div.carnet_videos_affiche
{
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: right;
}

span.carnet_videos_detail
{
  display: none;
}

/*****************************************************************************/
/* Div photos (carnet.php)                                                   */
/*****************************************************************************/

div.carnet_photos
{
  margin-top: 5px;
}

td.carnet_photos
{
  width: 418px;
  height: 50px;
  vertical-align: top;
  text-align: left;
}

/*****************************************************************************/
/* Div commentaires (carnet.php)                                             */
/*****************************************************************************/

div.carnet_commentaires
{
  margin-top: 5px;
  margin-bottom: 5px;
}

td.carnet_commentaires
{
  width: 418px;
  height: 250px;
  vertical-align: top;
  text-align: left;
}

div.commentaire
{
  background-color: #F7EFDE;
}

/*****************************************************************************/
/* Section sur toute la largeur avec un titre aligné à droite                */
/* (photos.php, video.php et carnet.php)                                     */
/*****************************************************************************/

span.titre_droite
{
  clear: both;
  display: block;
  width: 100%;
  text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3;
	font-weight: bold;
}

div.full_width
{
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
}

td.full_width
{
  width: 975px;
  height: 250px;
}

/*****************************************************************************/
/* Tableau du carnet de route (carnet.php)                                   */
/*****************************************************************************/

table.carnet
{
  margin-left: 50px;
  width: 900px;
}

td.carnet_etape
{
  width: 400px;
  text-align: left;
  padding-top: 30px;
  padding-right: 50px;
  vertical-align: top;
}

span.carnet_complet
{
  display: block;
  width: 100%;
  text-align: right;
}

/*****************************************************************************/
/* Tableau du carnet des photos (photos.php)                                   */
/*****************************************************************************/

table.photos
{
  width: 850px;
}

td.photos_etape
{
  width: 400px;
  text-align: left;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 40px;
  vertical-align: top;
}

/*****************************************************************************/
/* Tableau du carnet des photos (videos.php)                                   */
/*****************************************************************************/

table.videos
{
  width: 850px;
}

td.videos_etape
{
  width: 400px;
  text-align: left;
  padding-top: 30px;
  padding-left: 40px;
  vertical-align: top;
}

/*****************************************************************************/
/* Tableau du carnet de route complet (carnet_complet.php)                   */
/*****************************************************************************/

td.carnet_complet_etape
{
  width: 750px;
  text-align: left;
  padding-top: 30px;
  padding-right: 50px;
  vertical-align: top;
}

td.carnet_complet_resume
{
  width: 150px;
  text-align: left;
  padding-top: 30px;
  vertical-align: top;
}

/*****************************************************************************/
/* Livre d'or (livre_or.php)                                                 */
/*****************************************************************************/

div.livre_or_comment
{
  width: 750px;
  vertical-align: top;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  background-color: #F7EFDE;
}

table.livre_or_comment
{
  width: 100%;
  padding: 5px;
}

td.livre_or_header_right
{
  width: 50%;
  text-align: right;
  padding-bottom: 10px;
  font-weight: bold;
}

td.livre_or_header_left
{
  width: 50%;
  text-align: left;
  padding-bottom: 10px;
  font-weight: bold;
}

/*****************************************************************************/
/* Pavé aux coins arrondis rose                                              */
/*****************************************************************************/

td.corner_pink_ul
{
	background-image: url(../images/corner_pink_ul.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
}

td.corner_pink_ur
{
	background-image: url(../images/corner_pink_ur.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
}

td.corner_pink_ll
{
	background-image: url(../images/corner_pink_ll.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
}

td.corner_pink_lr
{
	background-image: url(../images/corner_pink_lr.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
}

td.pink
{
	background-color: #EFBDBD;
}

/*****************************************************************************/
/* Pavé aux coins arrondis bleu                                              */
/*****************************************************************************/

td.corner_blue_ur
{
	background-image: url(../images/corner_blue_ur.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
}

td.corner_blue_ul
{
	background-image: url(../images/corner_blue_ul.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
}

td.corner_blue_lr
{
	background-image: url(../images/corner_blue_lr.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
}

td.corner_blue_ll
{
	background-image: url(../images/corner_blue_ll.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
}

td.blue
{
	background-color: #ADE7FF;
}

/*****************************************************************************/
/* Pavé aux coins arrondis gris                                              */
/*****************************************************************************/

td.corner_grey_ul
{
	background-image: url(../images/corner_grey_ul.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
}

td.corner_grey_ur
{
	background-image: url(../images/corner_grey_ur.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
}

td.corner_grey_ll
{
	background-image: url(../images/corner_grey_ll.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
}

td.corner_grey_lr
{
	background-image: url(../images/corner_grey_lr.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
}

td.grey
{
	background-color: #E7E7E7;
}

/*****************************************************************************/
/* Pavé aux coins arrondis beige                                             */
/*****************************************************************************/

td.corner_light_brown_ul
{
	background-image: url(../images/corner_light_brown_ul.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

td.corner_light_brown_ur
{
	background-image: url(../images/corner_light_brown_ur.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

td.corner_light_brown_ll
{
	background-image: url(../images/corner_light_brown_ll.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

td.corner_light_brown_lr
{
	background-image: url(../images/corner_light_brown_lr.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

td.light_brown
{
	background-color: #F7EFDE;
}

/*****************************************************************************/
/* Pavé aux coins arrondis beige                                             */
/*****************************************************************************/

td.corner_brown_ul
{
	background-image: url(../images/corner_brown_ul.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

td.corner_brown_ur
{
	background-image: url(../images/corner_brown_ur.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

td.corner_brown_ll
{
	background-image: url(../images/corner_brown_ll.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

td.corner_brown_lr
{
	background-image: url(../images/corner_brown_lr.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

td.brown
{
	background-color: #EBDBC1;
}

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

.texte_petit_noir,
.texte_petit_noir a,
.texte_petit_noir_gras
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

.texte_petit_noir_gras
{
  font-weight: bold;
}

.texte_bleu_gras
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.texte_noir_italique
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.texte_resume,
.texte_resume_gras
{
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #000000;
}

.texte_resume,
{
	font-weight: normal;
}

.texte_resume_gras
{
	font-weight: bold;
}