/* feuille de style spécifique au Carnet de route */
* { margin:0; padding:0}

/* le carnet de route */
#carnetderoute { position: relative; background: url(carnet/cahier3.jpg) top center no-repeat; margin : 0 auto; }
#carnetderoute { z-index: 1; width: 906px;height: 600px;font-family: cursive; }
/* insérer le hack pour IE*/

/* les pages de gauche et de droite */
#carnetderoute #pagegauche,
#carnetderoute #pagedroite { position : absolute;width: 406px;height : 482px;text-align: center;top:12px;overflow: auto;}
#carnetderoute #pagegauche { position : relative;height : 447px; left: 35px;}	
#carnetderoute #pagedroite { position : absolute;left: 482px; width: 418px;top:22px;}
#note, #son1, #son2,#son3,#son4 { width: 412px; }

h2#date, h3#lieu { position : relative;text-align: left;margin:0;border:0;width: 406px;font-family: arial, sans-serif;top: 8px; left: 35px;font-weight:normal;}
h2#date { color:#777;font-size:1em; }
h3#lieu { color:black;font-size:1.1em; margin: 0 0 0.8em 0;}

#photogauche,
#photodroite {overflow: auto; border : 8px solid white;margin: 0 auto;}
  
#photogauche img,
#photodroite img {text-align: left;border:0;}

h3.legende  {position:relative;text-align: center;font-weight: normal;margin:0;background:white;font-family : "comic sans ms", cursive;font-size : 0.9em;border-top:5px solid white; color : #444;}
	
#note { background: transparent;margin: 8px auto;text-align: left;font-size : 1.2em; width: 98%;}

#son { width: 400px;margin: 0 auto;margin-top: 40px; }
#son * {background-color: transparent;text-align: left;vertical-align: top; 		}
#son td.legende {width : 60%;font-size: 1em;}
#son td {padding-bottom: 1em;}

object { background: transparent; }

div#navigationCarnet {position: absolute;bottom : 8px;text-align: center;height: 50px;width : 100%;z-index:1;}
#feuilleprecedente, #feuillesuivante, #sommaire  {position: absolute;display: block;z-index : 1;top:0;cursor: pointer;}

#navigationCarnet span  { display: none;}
#feuilleprecedente,
#feuillesuivante  { top : 19px; }

/* chargement des images de survol avant les images de fond afin d'éviter une attente de chargement */
#feuilleprecedente:hover { background: url(carnet/precedenteactif.gif) no-repeat; }
#sommaire:hover { background: url(carnet/sommaireactif.gif) no-repeat; }
#feuillesuivante:hover { background: url(carnet/suivanteactif.gif) no-repeat; } 

#feuilleprecedente {background:url(carnet/precedente.gif) no-repeat;width:85px;height:40px;left: 40px;top:5px;}
#sommaire { background:url(carnet/sommaire.gif) no-repeat;width : 130px;height: 50px;left: 350px;}
#feuillesuivante {background: url(carnet/suivante.gif) no-repeat;width : 85px;height: 40px;right: 10px;top:5px;}