/* propriétés générales de la page */ 
#body 
	{
	width: 100% ;
    margin: 0 auto;
	padding: 0 auto ;
	text-align: center ;
	font: 0.8em Bookman Old Style ,verdana, serif ;
	}
/* On définit les marges haute et basse à 0px et les marges droite et gauche à 0px */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */
/* On a ajouté de quoi mettre une police de caractère et une couleur de fond */

/* propriétés du conteneur principal */

.fond-body 
	{
    background-attachment: fixed;
    background-image: url("../images/fond-body.jpg");
    background-position: center center;
    background-repeat: no-repeat;
  /*  font: 80% verdana,arial,sans-serif;  */
    margin: 0;
    min-height: 100%;
    padding: 0;
    text-align: center;
    width: 100%;
	}
.fond-body-vtt 
	{
    background-attachment: fixed;
    background-image: url("../images/fond-body-vtt.jpg");
    background-position: center center;
    background-repeat: no-repeat;
  /*  font: 80% verdana,arial,sans-serif;  */
    margin: 0;
    min-height: 100%;
    padding: 0;
    text-align: center;
    width: 100%;
	}
.fond-body-ski 
	{
    background-attachment: fixed;
    background-image: url("../images/fond-body-ski.jpg");
    background-position: center center;
    background-repeat: no-repeat;
  /*  font: 80% verdana,arial,sans-serif;  */
    margin: 0;
    min-height: 100%;
    padding: 0;
    text-align: center;
    width: 100%;
	}
div#conteneur
{
   	width: 1024px ;
	margin: 0 auto ;
	text-align: left ;
	border: 3px solid gold;
	background: BLACK ;
	position: relative; /*ou absolute */
	  	
}
/* On définit la largeur de la division qui contient l'ensemble de la page à PLEINE PAGE */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
/* Une bordure autour de l'ensemble de la page,
et couleur Noire pour le fond de celle-ci */

div#header
{
    float: center ;
    width: 100% ;
	margin: 0 auto ;
	padding: 0 ;
	border: 0 ;
	text-align: center ;
}	
div#header_left
{
	float: left ;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 33.3% ;
	text-align: center ;
	background: BLACK ;
}
div#header_center
{
	float: left ;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 33.4% ;
	text-align: center ;
	background: BLACK ;
}	
div#header_right
{
	float: left ;
	padding-top: 5px;
	padding-bottom: 5px;	
	width: 33.3% ;
	text-align: center ; 
	background: BLACK ;
}

/* propriétés du chemin de fer */
#chemin_fer 
{
  	clear:both;
  	width:990px;
   	color:GOLD;
	font-weight:bold;
	text-decoration:none;
	padding: 0 0 0 30px;
	border:0 ;	
	font-family:Bookman Old Style ,verdana, serif;
}
	
/* propriétés des liens (de base et déjà visités) contenus dans le bloc chemin_fer */
#chemin_fer a:link, #chemin_fer a:visited {color:#CCCCCC;font-weight:bold;text-decoration:none;}

/* propriétés des liens (au dessus et actifs) contenus dans le bloc chemin_fer */
#chemin_fer a:hover, #chemin_fer a:active {text-decoration:underline overline; 	}

#bloc_horizontal
{
    float: center;
	margin: 0 auto;
	padding: 0px;
	font-family:Bookman Old Style ,verdana, serif;
	width: 1024px ;	
}

/* propriétés de l'espace vide a gauche du menu horizontal */
#menu_horizontal_gauche
{
    float: left;
	width: 195px;
	margin: 0 auto;
	padding: 0px;
}

/* propriétés du menu horizontal */
#menu_horizontal 
{
    float: left;
    width: 824px;
	margin: 0 auto;
	padding: 0px;
	text-align: center ;
	font: 20px "Comic Sans MS", verdana, serif ;
	display: inline-block;
}
#menu_horizontal ul
{
	margin: 0 auto;
	padding: 0px;	  		  	
}
#menu_horizontal li
{
    display: inline-block;
    margin: 0 auto;
	padding: 0px;
	text-align: center ;
	background-color:BLACK;
	background-position:center center;
}
/* propriétés des liens (au dessus et actifs) contenus dans le bloc menu_horizontal */
#menu_horizontal li a:hover
{
   	margin: 0 auto;
	padding: 0px;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	color:RED;
	font-weight:bold;
	text-decoration:blink;
	background-color:white;
	-moz-border-radius : 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
    border-radius: 5px;	
    -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 5px; /* pour Chrome */
	behavior: url(../border-radius.htc);    	
}
/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_horizontal */
#menu_horizontal a:link, #menu_horizontal a:visited
{
  margin: 0 auto;
  padding: 0px;
  color:gold;
  font-weight:bold;
  text-align: center ;
  Border: thin Solid grey;	
  -moz-border-radius : 5px;
  -webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
	border-radius: 5px;	
	-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	behavior: url(../border-radius.htc);  	   
}



<!--[if IE]>

	#menu_horizontal 
	{
	    float: left;
	    position: relative;
		width: 824px;
		margin: 0 auto;
		padding: 0px;
		text-align: center ;
		font: 20px "Comic Sans MS", verdana, serif ;
		display: inline-block;
		/* car inline-block ne fonctionne pas avec IE */
	    display: inline;
	    /* HasLayout -- peut faire doublon avec une autre propriété,
	       mais autant l'indiquer pour être sûr que le bloc aura le layout. */
	    zoom: 1;
	}
	#menu_horizontal a:link, #menu_horizontal a:visited
	{
	  color:gold;
	  font-weight:bold;
	  text-decoration:none;	
	  Border: none;		  
	}
	#menu_horizontal ul, #bloc_horizontal ul
	{
	    margin: 0 auto;
	    padding: 0px; 		  	
  	    display:inline;
	    zoom: 1;
	}
	#menu_horizontal li
	{
	    margin: 0 auto;
	    padding: 0px;
	  	Border: thin Solid grey;
		background-color: BLACK;	  	
  	    display:inline;
	    zoom: 1;
	    -moz-border-radius : 5px;
	  	-webkit-border-radius: 5px;
	  	-khtml-border-radius: 5px; 
		border-radius: 5px;	
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  behavior: url(../border-radius.htc);  	   
	}	
	#menu_horizontal li a:hover
 	{
	    margin: 0 auto;
	    padding: 0px;	  	
		color:red;
		font-weight:bold;
		text-decoration:blink;
		background-color: white;
		-moz-border-radius : 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; 
	    border-radius: 5px;	
	    -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
	    -webkit-border-top-right-radius: 5px; /* pour Chrome */
		behavior: url(../border-radius.htc);    		                                                
  	}  	
  	
<![endif]-->

#menu_horizontal_droit
{
  	float: left;
   	width: 5px ;
	margin: 0 auto;
	padding: 0px;
	background: #000000;	 
	z-index 0;
} 
	
/* propriétés du menu horizontal2 */
#menu_horizontal2 
{
  	float: center ;
    position: relative;
    margin: 0 auto;
	padding-left: 0px;
	text-align: center ;
	display: inline;
	font-family:Bookman Old Style ,verdana, serif;
	text-shadow:0.0em, 0.0em ;    
}
#menu_horizontal2 li
{
  text-align: center ;
  display: inline;
 }
/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_horizontal */
#menu_horizontal2 a:link {color:black;font-weight:bold;text-align: center ;text-decoration:none;background: url(../images/fond-menuhorizontal2.gif) repeat right}
#menu_horizontal2 a:visited {color:black;font-weight:bold;text-align: center ;text-decoration:none;background: url(../images/fond-menuhorizontal2.gif) repeat right}

/* propriétés des liens (au dessus et actifs) contenus dans le bloc menu_horizontal */
#menu_horizontal2 li a:hover {color:red;font-weight:bold;text-align: center ;text-decoration:blink;background: url(../images/fond-menuhorizontal2over.gif) repeat right}
#menu_horizontal2 li a:active {color:black;font-weight:bold;text-align: center ;text-decoration:none;background: url(../images/fond-menuhorizontal2.gif) repeat right}

/* contient les 3bloc : gauche, contenu et droit */
#bloc_central
{
    margin: 0px 0px ;
	padding: 0px ;
	text-align: left ;
	font-family:Bookman Old Style ,verdana, serif;
	width: 1024px ;
	clear:both;
}


/* bloc gauche uniquement crée pour une extension future (du menu_vertical) */
#bloc_gauche 
{
  	float: left;
    margin: 0px 0px ;
	padding: 0px ;
	text-align: left ;
	font-family:Bookman Old Style ,verdana, serif;
	background: black;
	width: 195px ;
	
}

/* propriétés du menu vertical */
#menu_vertical 
{
	padding-left: 0px ;
	text-align: left ;
	line-height: 25px ;
	font-size: 80% ;
	font-weight: bold;
	list-style-type: none;
	text-decoration: none;
	}
/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_vertical */
#menu_vertical a:link, #menu_vertical a:visited {color: black;text-align: left ;font-size: 80%;text-decoration: none;list-style-type: none ;}

/* propriétés des liens (au dessus et actifs) contenus dans le bloc menu_gauche */
#menu_vertical a:hover, #menu_vertical a:active {text-decoration:underline;text-align: left ;list-style-type: none ;}

.menu_vertical2
{
       text-align: center ;
       font-weight:	bold;
       color: #CCCCCC;
}	

/* bloc contenu */
#bloc_horizontal_dernieresortie
{
    float: center;
    position: relative;
	margin: 0 auto;
	padding-top: 50px;
	padding-left: 50px;
	font-family:Bookman Old Style ,verdana, serif;
	width: 824px ;
	text-align: center ;
}
#bloc_photo_dernieresortie
{
 	position: relative;
   	width: 195px;
   	height: 472px;
   	float: left;
	padding: 20px;
	margin: -40px 0 0 +5px;
	color: red;
}
.imageaccueil-dernieresortie
{
   	width: 195px;
   	height: 100px;

}
.scroller_dernieresortie 
{
  	clear:both;
  	width:764px;
   	font-weight:bold;
	text-decoration:none;
	padding: 0 0 0 30px;
	border:0 ;	
	font-family:Bookman Old Style ,verdana, serif;
}	
#scroller
{
  	  margin: 0px ;
	  padding: 0px ;
	  text-decoration:none;	
	  
}
#bloc_contenu
{
 	position: relative;
 	float: left;
   	width: 824px ;
	font-weight: bold;
	margin: 0px 0px ;
	text-align: center ;
	background-image: url("../photo/fond_gris.jpg");
	background-position:center center;
	z-index 0;
} 
/* bloc contenu */
#bloc_droit
{
  	position: relative;
 	float: left;
   	width: 5px ;
	margin: 0px 0px ;
	padding: 0px ;
	background: #000000;	 
	z-index 0;
} 
/* bloc contenu */
#bloc_droit_self
{
 	float: left;
   	width: 5px ;
	margin: 0px 0px ;
	padding: 0px ;
	background: #CCCCCC;
} 

/* propriétés du contenu */
#contenu 
{
  	position: relative;
  	color:black;
	left:0px ;
	width: 824px ;
	font-size:80%;
	font-color:white;
	text-align:center;
	padding-left: 0px;
	font-weight:500;
	z-index 0;
}

#contenu p{color:grey; font-weight:700; font-family:Bookman Old Style ,verdana, serif; font-size:10pt; font-style:normal;}

#contenu ul{text-align:center; color:black; font-family: times, verdana, serif ; font-weight:500 ; font-size:12pt; font-style:normal;list-style-image:none ;text-decoration:none;line-height: 0,7em ;}

#contenu li{text-align:center; color:black; font-family: times, verdana, serif ; font-weight:500 ; font-size:12pt; font-style:normal;list-style-image:none ;text-decoration:none;text-align:left;z-index 0;}

#contenu .titre1{text-align:center; color:white; font-family:Bookman Old Style ,verdana, serif; border-bottom: 1px solid black; border-top: 1px solid black; font-weight:900; font-size:25px;list-style-type: upper-roman;background: url(../photo/skieur_vttiste.jpg) no-repeat right}

#contenu .titre1_vtt{text-align:center; color:white; font-family:Bookman Old Style ,verdana, serif; border-bottom: 1px solid black; border-top: 1px solid black; font-weight:900; font-size:25px;list-style-type: upper-roman;background: url(../photo/vttiste.jpg) no-repeat right}

#contenu .titre1_ski{text-align:center; color:white; font-family:Bookman Old Style ,verdana, serif; border-bottom: 0px solid black; border-top: 0px solid black; font-weight:900; font-size:25px;list-style-type: upper-roman;background: url(../photo/skieur.jpg) no-repeat right}

#contenu .titre2{text-align:left; color:GOLD;font-family:Bookman Old Style ,verdana, serif; font-size:15px; font-weight:900;}

#contenu .titre3{text-align:left; color:black;font-family:Bookman Old Style ,verdana, serif; font-size:15px; font-weight:BOLD;padding-left:20px;text-indent: 0}

#contenu a:link{color:black; text-decoration:underline;list-style-type: decimal;}

#contenu a:visited{color:black; text-decoration:underline;}

#contenu p.barre{ text-align:left; font-weight:700 ; }

#contenu p.center{ text-align:center; font-weight:700 ; }

#contenu p.barre a:link{background: url(/photo/fond_index.jpg) repeat left; color:red; text-decoration:none;list-style-type: upper-roman;}

#contenu p.barre a:visited{background: url(/photo/fond_index.jpg) repeat left; color:red; text-decoration:none;list-style-type: upper-roman;}

#contenu_blank 
{
  	position:relative ;
  	background: BLACK;
	width: 824px ;
	font-size:27px;
	text-align:center;
	padding-left: 0px;
	font-weight:500;
}
#contenu_blank  p{color:GOLD; font-weight:bold;font-family:Bookman Old Style ,verdana, serif; font-size:10pt; font-style:normal;}

#contenu_blank  ul{color:black; font-family: times, verdana, serif ; font-weight:500 ; font-size:12pt; font-style:normal;text-decoration:none;line-height: 1em ;}

#contenu_blank  li{color:black; font-family: times, verdana, serif ; font-weight:500 ; font-size:12pt; font-style:normal;text-decoration:none;text-align:left;}

#contenu_blank  .titre1{text-align:center; width: 824px ;text-align:left; color:red; font-family:Bookman Old Style ,verdana, serif; border-bottom: 1px solid black; border-top: 1px solid black; font-weight:900; font-size:20px;list-style-type: none;background: url(../photo/skieur_vttiste.jpg) no-repeat right}

#contenu_blank  .titre1_ski{text-align:center; width: 824px ;text-align:left; color:red; font-family:Bookman Old Style ,verdana, serif; border-bottom: 1px solid black; border-top: 1px solid black; font-weight:900; font-size:20px;list-style-type: none;background: url(../photo/skieur.jpg) no-repeat right}

#contenu_blank  .titre1_vtt{text-align:center; width: 824px ;text-align:left; color:red; font-family:Bookman Old Style ,verdana, serif; border-bottom: 1px solid black; border-top: 1px solid black; font-weight:900; font-size:20px;list-style-type: none;background: url(../photo/vttiste.jpg) no-repeat right}

#contenu_blank  .titre2{text-align:center;color:GOLD;font-family:Bookman Old Style ,verdana, serif; font-size:17px; font-weight:900;}

#contenu_blank  .titre3{color:black;font-family:Bookman Old Style ,verdana, serif; font-size:15px; font-weight:BOLD;padding-left:20px;text-indent: 40px}

#contenu_blank  a:link{color:blue; text-decoration:underline;list-style-type: none;}

#contenu_blank  a:visited{color:blue; text-decoration:underline;}

#contenu_blank  p.barre{text-align:center;}

#contenu_blank  p.barre a:link{color:red; text-decoration:none;list-style-type: none;}

#contenu_blank  p.barre a:visited{color:red; text-decoration:none;list-style-type: none;}

#contenu_skialpin
{
  	padding: 0px ;
	text-align: left ;
	width: 275px ;
	float: left;
}
#contenu_skirando
{
  	padding: 0px ;
	text-align: left ;
	height: 3px;
	float: left;
}
#contenu_vtt
{
  	padding: 0px ;
	text-align: left ;
	width: 275px ;
	float: right;
} 
.documentation_bordercolor
{ 
  	margin: 1%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 2% ;
	background-image: url("../photo/neige.jpg");
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;         
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
    behavior: url(../border-radius.htc); 
}
.documentation_bordercolor_vtt
{ 
  	margin: 1%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 2% ;
	background-image: url("../photo/sable.jpg");
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;         
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
    behavior: url(../border-radius.htc); 
}
.documentation_bordercolor_skirando
{ 
  	margin: 1%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 2% ;
	background-image: url("../photo/neige.jpg");
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;         
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
    behavior: url(../border-radius.htc); 
}
.menu_horizontal_bordercolorpad 
{ 
  	margin: 0;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 0;
	background: white;
	color: white;
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;	
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */
	behavior: url(../border-radius.htc); 
}
.dernieresortie_bordercolorpad
{ 
  	position: relative;
   	width: 195px;
   	height: 600px;
   	float: left;
	padding: 20px;
	margin: -40px 0 0 +5px;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	background-image: url("../photo/fond_parchemin.jpg");
	color: red;
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;	
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */
	behavior: url(../border-radius.htc); 
}
.news_bordercolorpad
{ 
  	margin: 3%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 3% ;
	background-image: url("../photo/neige.jpg");
	color: white;
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;	
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */
	behavior: url(../border-radius.htc); 
}
.news_bordercolorpad_vtt 
{ 
  	margin: 3%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 3% ;
	background-image: url("../photo/sable.jpg");
	color: white;
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;	
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */
	behavior: url(../border-radius.htc); 
}
.news_bordercolorpad_skirando 
{ 
  	margin: 3%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 3% ;
	background-image: url("../photo/neige.jpg");
	color: white;
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;	
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */
	behavior: url(../border-radius.htc); 
}
.plandusite_bordercolorpad 
{ 
  	margin: 3%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 3% ;
	background-image: url("../photo/sable.jpg");
	color: black;
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
    border-radius: 15px;	
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */
	behavior: url(../border-radius.htc); 
}
.recherche_bordercolorpad_fond_parchemin 
{ 
  	margin: 3%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 3% ;
	background-image: url("../photo/fond_parchemin.jpg");
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px; 
	-khtml-border-radius: 15px;
    border-radius: 15px;         
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
    behavior: url(../border-radius.htc); 
}
.recherche_bordercolorpad
{ 
  	margin: 3%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 3% ;
	background: white;
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px; 
	-khtml-border-radius: 15px;
    border-radius: 15px;         
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
    behavior: url(../border-radius.htc); 
}
.recherche_bordercolor
{ 
  	margin: 0%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 0% ;
	background-image: url("../photo/neige.jpg");
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px; 
	-khtml-border-radius: 15px;
    border-radius: 15px;         
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
    behavior: url(../border-radius.htc); 
}
.recherche_bordercolor_vtt
{ 
  	margin: 0%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 0% ;
	background-image: url("../photo/sable.jpg");
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px; 
	-khtml-border-radius: 15px;
    border-radius: 15px;         
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
    behavior: url(../border-radius.htc); 
}
.recherche_bordercolor_skirando
{ 
  	margin: 0%;
  	border-width: thin;
	border-style: groove ;
	border-color:#000000 ;
	padding: 0% ;
	background-image: url("../photo/neige.jpg");
	-moz-border-radius : 15px;
	-webkit-border-radius: 15px; 
	-khtml-border-radius: 15px;
    border-radius: 15px;         
    -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
    behavior: url(../border-radius.htc); 
}
#piedpage_bordercolorpad 
{ 
    margin: 3px;
  	border-width: thin;
	border-style: groove ;
	border-color:#ffffff ;
	padding: 1px ;
	background: black;
	color: white;
	text-align: left ;
	width: 1019px ;
	height: 20px;
	position: relative; 
  	left: 50%;  
  	margin-left: -512px;
	-moz-border-radius : 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
    border-radius: 5px;	
    -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 5px; /* pour Chrome */
	behavior: url(../border-radius.htc); 
}
#piedpage 
{
  	margin: 0px;
  	padding: 0px ;
	text-align: center ;
	height: 0px;
	width: 1024px ;
	background: black;
	color: white;
	clear:both;
}

#piedpage_gauche 
{
  	float: left;
    margin: 0px 0px ;
	padding: 0px ;
	background: black;
	text-align: center ;
	height: 0px;
	width: 195px ;
}

#piedpage_droit 
{
  	float: left;
    margin: 0px 0px ;
	padding: 0px ;
	background: black;
	text-align: center ;
	height: 0px;
	width: 829px ;
}


/* En passant on définit l'overflow de la balise pre à auto pour
 permettre d'afficher des barres de défilement si le texte contenu
  dans cette balise est trop grand */	
pre
{
	overflow: auto ;
	background: #868486 ;
	border: 0px solid blue ;
	padding: 0 0 0 0 ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #868486 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */

#image-webcam {
	position: relative;
	background-color: #868486;
	width: 180px;
	height: 180px;
	margin: 0 auto;
}
#image-flashwebcam {
	position: relative;
	background-color: #868486;
	width: 720px;
	height: 540px;
	margin: 0 auto;
	border: 1px solid gold ;
}
.imageaccueil-webcam {
	position: relative;
	background-color: black;
	width: 180px;
	height: 75px;
	border: 1px solid black ;
}
#logo-randoskivtt {
	position: relative;
	background-color: black;
	width: 180px;
	height: 50px;
	border: 1px solid black ;
}
#h2	{
  
  text-align:center; 
  font: 0.5em times, verdana, serif ;
  font-weight: bold;
  color=black;
}
#map_pyrenees {
  font: 14px times, verdana, serif ;
  font-weight: bold;
  background-color: black;
  z-index: 0;
}

#map_alpes {
  font: 14px times, verdana, serif ;
  font-weight: bold;
  background-color: black;
  z-index: 0;
}

#p.VIDE {
  text-align:center;
  font: 100px times, verdana, serif ;
  font-weight: bold;
  color= RED;
}
.input_form_insere_rando_titre
{
	width:340px;
	color:blue;
	background-color:#EBEBEB;
}
.input_form_insere_rando_jour
{
	width:110px;
	color:blue;
	background-color:#EBEBEB;
}
.input_form_insere_rando_mois
{
	width:110px;
	color:blue;
	background-color:#EBEBEB;
}
.input_form_insere_rando_annee
{
	width:110px;
	color:blue;
	background-color:#EBEBEB;
}
.input_form_insere_rando_infos
{
	width:340px;
	color:blue;
	background-color:#EBEBEB;
}
.input_form_insere_rando_liste
{
	width:340px;
	color:blue;
	background-color:#EBEBEB;
}
.input_form_insere_rando_fichiers
{
	width:300px;
	color:blue;
	background-color:#EBEBEB;
}
.input_form_insere_rando_cr
{
	width:510px;
	height:100px;
	background-color:#FFFFFF;
	color:blue;
	padding:0px;
	margin:auto;
	border-color: BLACK;
	border-width: 1px;
	border-style: solid;
}
.input_form_insere_rando_image_cr
{
	width:200px;
	color:blue;
	background-color:#EBEBEB;
}
.input_form_insere_rando_paragraphe
{
	width:150px;
	color:blue;
	background-color:#EBEBEB;
}
#route_oui
{
	margin:0px;
	padding:0px;
	text-align:center; 
	background-color:#EBEBEB;
}
.textarea.medium
{
	height:500em;
} 

.cadre_accueil {
	width:800px;
	margin:auto;
	padding:10px;
	background-color:#FFFF00;
	border:1px solid #000000;
}
.img_cadrephotos {
    float: left ;
	width:790px;
	margin:6px;
	padding:10px;
	background-color:#FFFF00;
	border:1px solid #000000;
}
.img_photos {
    float: left ;
 	width:250px;
	margin:3.5px;
	padding:7px;
	background-color:#FFFFFF;
	border:1px solid #000000;
}
.img_pano {
    float: left ;
 	width:250px;
	margin:3.5px;
	padding:7px;
	background-color:#FFFFFF;
	border:1px solid #000000;
}
.img_photos_separation_panoramique {
    float: left ;
 	width:822px;
	margin:0px;
	padding:0px;
	background-color:#000000;
	border:1px solid #000000;
}
#cadre {
	width:800px;
	height:100px;
	margin:auto;
	padding:10px;
	background-color:#FFFF00;
	border-left:1px solid #000000; /* couleur du cadre */
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}
.cadre_webcam {
	overflow:auto;
	text-align: center ; 
	padding-left:0px ;
	width:650px;
	height:460px;		
	background-color:#FFFFFF;
	border:3px solid gold; /* couleur du cadre */
	
}
.fieldset_randoski_rt {
margin-bottom: 10px;
background: url(../photo/randoski_fondpage.jpg) no-repeat right top};
}
.fieldset_randoski_lt {
margin-bottom: 10px;
background: url(../photo/randoski_fondpage.jpg) no-repeat left top};
}
.fieldset_randoski_rb {
margin-bottom: 10px;
background: url(../photo/randoski_fondpage.jpg) no-repeat right bottom};
}
.fieldset_vtt_rt {
margin-bottom: 10px;
background: url(../photo/vtt_fondpage.jpg) no-repeat right top};
}
.fieldset_vtt_lt {
margin-bottom: 50px;
background: url(../photo/vtt_fondpage.jpg) no-repeat left top};
}
.fieldset_vtt_rb {
margin-bottom: 50px;
background: url(../photo/vtt_fondpage.jpg) no-repeat right bottom};
}
label{
color: #663399; /* Colorer en bleu tous les labels */

}