/****************************************************************************************************************************/
/* DIVERS  */
body{height:100%;margin:0;padding:0;color:#505050;font:12px Arial, Helvetica, sans-serif;background:url(../images/fond.gif) top repeat-x fixed/*background-image:url(../images/fond.jpg);background-repeat:no-repeat;background-position:top right;background-color:#3E648B;*/}
img{border:none;}
img#randonneur {behavior:url('../scripts/pngbehavior.htc');}
hr{clear:both;width:1px;height:1px;color:#FFFFFF;border:0;}

h2{margin:0;font:17px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

.gauche{text-align:left}
.centre{text-align:center}
.droite{text-align:right}
.sanspadding{padding:0;}

select {width:170px;font-size:11px;}
option {padding:1px 1px 1px 4px;font-size:11px;}

/* ... appliqués aux objets de formulaire */
form { margin:0;padding:0; }
input.champTexte { background-color:#FBFFE9;color:#52665C;border:none;margin:0;padding:0;font-weight:bold;text-indent:5px; }
input.boutonOK { cursor: hand;background-color:transparent;border:none;marging:0;padding:0;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bolder;text-transform:uppercase; }
input.boutonSupprimer {	cursor: hand;background-color:transparent;background-image:url(../images/BoutonSupprimer.gif);background-position:center;background-repeat:no-repeat;color:#FF0000;border:none; }
input.boutonValider { width:145px; }

fieldset { position:relative;top:1em;padding :0 0.5em 1em 0.5em; }
html>body fieldset { top:0;padding-top :1em; }

legend { position : relative;top : -1em;padding:0.4em; }

label { float: left;width:200px;margin:0;padding:0 .5em 0 0;line-height: 1.8;text-align: right; }
label.label2 { float: left;width:100px;padding:0 .5em 0 0;line-height: 1.8;text-align: right; }

p.alerte { border:1px solid #FF0000; }
.messageAlerte { color:#FF0000;font-family:Verdana,Arial, serif;font-weight:bold; }
span.messageAlerte { background-image:url(../images/IconeAlerte.gif);background-position: left center;background-repeat:no-repeat;padding:7px 0 7px 20px; line-height:20px; }

/****************************************************************************************************************************/
/* CONTENEUR  */
div#conteneur{position:relative;width:770px;margin-top:0;margin-left:auto;margin-right:auto;text-align:left;background-image:url(../images/fond.png);background-color:#FFFFFF;border-bottom: 5px solid #000000}

div#haut{position:relative;width:770px;height:226px;background-image:url(../images/fondHaut.jpg);background-repeat:no-repeat;}
ul#menuHaut{position:absolute;top:190px;margin:0;padding:0;}
ul#menuHaut li{float:left;list-style:none;}
ul#menuHaut li a{display:inline;height:20px;color:#FFFFFF;text-align:center;text-transform:uppercase;font-weight:bold;font-size:11px;text-decoration:none;padding:0 20px 0 20px}
ul#menuHaut li a#premier{padding-left:4px}
ul#menuHaut li a:hover{color:#1B535D}
.sousMenu .options {/*filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;*/margin-right:1px;margin-bottom:1px;border:1px solid #3C7E8A;background-color:#BEDADA;}
.sousMenu a {color:#3C7E8A;display:block;padding:2px 10px;text-decoration:none;background-color:transparent;}
.sousMenu a:hover {background-color:#3C7E8A;color:#FFFFFF;}

div#contenu{position:relative;min-height:1500px;padding-bottom:50px;}
* html div#contenu {height:1500px;}

div#milieu{width:750px;}
div#milieu div.fondBlanc{background-color:#FFFFFF;border:1px solid #CCCCCC;margin-left:15px;text-align:justify;padding:5px;}
div#milieu a{color:#FF0000}


div#milieu2{width:460px;}
div#milieu2 h1.titre{background-color:#F2F2F2;border-top:1px solid #333333;border-bottom:1px solid #333333;margin:2px 3px 10px 15px;padding:4px 0 4px 5px;color:#000000;font-size:14px; }
div#milieu2 h2 {margin-left:15px}

div#milieu2 div#map{border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;margin-left:15px;}
/*div#milieu2 p{margin-left:15px;text-align:justify;}*/
/*div#milieu2 p b{color:#FF0101;}*/
div#milieu2 p{text-align:justify;}
div#milieu2 p a{color:#7777CC;text-decoration:none;}

div#milieu2 div.fondBlanc h2{margin:0}
div#milieu2 div.fondBlanc {border:1px solid #CCCCCC;background-color:#FFFFFF;margin-left:10px;padding:5px}
div#milieu2 div.fondBlanc a{color:#FF0000;text-decoration:none;}


div#milieu2 table#manipulation {border:1px solid #CCCCCC;background-color:#FFFFFF;margin-left:15px;padding:10px;width:452px;height:30px;}
div#milieu2 table#manipulation td {padding-left:5px;}
div#milieu2 table#manipulation a  {color:#003399;text-decoration:none;}
div#milieu2 table#manipulation img{margin-bottom:-4px;}

div#milieu2 p img.photo{float:left;background-color:#FFFFFF;border:1px solid #CCCCCC;margin:0 2px 0 2px;padding:5px;}
/*div#milieu2 p img.premier{margin-left:0;margin-right:7px;}
div#milieu2 p img.dernier{margin-right:0;margin-left:8px;}*/

div#droite table {border:1px solid #CCCCCC;background-color:#FFFFFF;width:285px;}
div#droite table a  {color:#003399;text-decoration:none;}

table.parcours td{margin:0;padding:0}

table.liste td{padding-left:5px}
table.liste td.petit {padding:0;font-size:11px;}
table.liste a  {color:#003399;text-decoration:none;}
table.liste img.niveau{margin-bottom:-1px;}
table.liste img.miniature{float:left;margin-right:5px;}
table.liste img.fleche{margin-bottom:-2px;}
table.liste hr{clear:both;visibility:hidden;margin:0}
div#droite table.liste a.plusDInfos {color:#FF0101;font-weight:bold;}
table.liste a.plusDInfos {color:#FF0101;font-weight:bold;}

table#liens {width:100%;border-top:1px solid #CCCCCC;border-right:1px solid #CCCCCC}
table#liens td {border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC}
table#liens td.categorie {padding:0 10px 0 10px;font-weight:bold;text-align:left;}
table#liens td.lien {padding:0 10px 0 10px;}
table#liens td.lien a {color:#003399;text-decoration:none;}

div#droite{float:right;width:295px;}
div#droite p{margin-right:15px;}

/****************************************************************************************************************************/
/* Gestion des photos  */
#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{border: none;}

#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}

#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}

#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
	
.clearfix:after {content: '.'; display: block; height: 0; clear: both; visibility: hidden;}

* html>body .clearfix {display: inline-block; width: 100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
	
/****************************************************************************************************************************/