/*-----------------
     BODY
-------------------*/

body {
background-image:url(images/fond.gif);
background-repeat:repeat;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}

#fond_top {
background-image:url(/images/fond_top.jpg);
background-repeat:repeat-x;
width: 100%; 
height: 100%;
}

#fond_entete {
background-image:url(/images/fond_entete.jpg);
background-repeat:no-repeat;
background-position: top center;
width: 100%; 
height: 100%; 
}

/*-----------------
     STRUTURE
-------------------*/

#lang{
position:absolute;
left:50%;
margin-left:-487px;
margin-top: 210px;
width: 40px;
}

#contenu{
position:absolute;
left:50%;
margin-left:-447px;
width: 894px;
}

#header{
width: 894px;
height: 84px;
}

#logo{
position:absolute;
width: 894px;
height: 52px;
margin-left:0px;
text-align: inline;
}
	#logo h1{
    color: #FFFFFF;
	font-size: 40px;
    font-family: Trebuchet MS;
    font-weight: bold;
    display: inline;
    }


#diaporama{
width: 894px;
height: 311px;
}

#herbe{
position:absolute;
margin-top:-41px;
width: 894px;
height: 41px;
z-index:1;
}

#separation_top{
background-image:url(images/separation_top.jpg);
width: 894px;
height: 24px;
}

#separation_top_visite_camping{
background-image:url(images/separation_top_visite_camping.jpg);
width: 894px;
height: 24px;
}

#contenu_page{
width: 894px;
}

#page {
position:absolute;
width: 534px;
}

#page_visite_camping {
position:absolute;
width: 864px;
}

#haut_page{
background-image:url(images/fond_page.jpg);
width: 500px!important;
width: 534px;
min-height :250px !important;
height: 100%!important;
height: auto;
padding-left: 20px;
padding-right: 14px!important;
}
	#haut_page h3{
	color: #ffbf00;
	font-size: 18pt;
    font-family: Trebuchet MS;
    font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	margin:0;
	display: inline;
	margin-left: 5px;
	}
	#haut_page p{
	color: #000000;
	font-size: 10pt;
    font-family: Verdana;
    font-weight: normal;
	margin:0;
	}
	
#haut_page_visite_camping{
background-image:url(images/fond_page_visite_camping.jpg);
width: 830px!important;
width: 864px;
min-height :250px !important;
height: 100%!important;
height: auto;
padding-left: 20px;
padding-right: 14px!important;
}
	#haut_page_visite_camping h3{
	color: #ffbf00;
	font-size: 18pt;
    font-family: Trebuchet MS;
    font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	margin:0;
	display: inline;
	margin-left: 5px;
	}
	#haut_page_visite_camping p{
	color: #000000;
	font-size: 10pt;
    font-family: Verdana;
    font-weight: normal;
	margin:0;
	}
	
# actualites {
width: 500px;	
}

#actualites a,a:link,a:visited,a:active{
padding: 0px 0px 0px 0px!important;
margin: 0px 0px 0px 0px!important;
} 

#actualites a:hover,a:focus{
padding: 0px 0px 0px 0px!important;
margin: 0px 0px 0px 0px!important;
} 

#actualites img {
max-width: 500px;	
border: 2px;
}

#bas_page{
background-image:url(images/bas_page.jpg);
width: 534px;
height: 46px;
}

#bas_page_visite_camping{
background-image:url(images/bas_page_visite_camping.jpg);
width: 864px;
height: 46px;
}

#separation_centre{
background-image:url(images/separation_centre.jpg);
position:absolute;
margin-left:534px;
width: 36px;
height: 214px;
}

#separation_centre_visite_camping{
background-image:url(images/separation_centre.jpg);
position:absolute;
margin-left:864px;
width: 36px;
height: 214px;
}

#colonne_droite{
position:absolute;
margin-left:570px;
width: 324px;
}

#bienvenue{
position:relative;
}

#texte_bienvenue{
position:relative;
background-color: #797979;
padding-left: 10px;
padding-right: 10px;
}
	#texte_bienvenue h3 {
	color: #FFFFFF;
	font-size: 18pt;
    font-family: Trebuchet MS;
    font-weight: bold;
	margin: 0px ;
	text-shadow:4px,4px,4px,blue ;
	}
	#texte_bienvenue p {
	color: #FFFFFF;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	}

#visite_camping{
position:relative;
}

#visite_camping_1{
position:absolute;
margin-top: -620px;
width: 400px; 
height: auto;
}

#visite_camping_2{
background:#FFF;
position:absolute;
margin-top: -350px;
width: 250px;
margin-left: 570px;
padding: 5px;
text-align: left;
}

#visite_camping_3{
position:absolute;
margin-top: -150px;
width: 350px;
}

#texte_visite_camping{
position:relative;
background-color: #797979;
padding-left: 10px;
padding-right: 10px;
}
	#texte_visite_camping h3 {
	color: #FFFFFF;
	font-size: 18pt;
    font-family: Trebuchet MS;
    font-weight: bold;
	margin: 0px ;
	}
	#texte_visite_camping p {
	color: #FFFFFF;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	}
	#texte_visite_camping a,a:link,a:visited,a:active {
	color: #FFFFFF;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	text-decoration:underline;
	}
	#texte_visite_camping a:hover,a:focus {
	color: #ffbe00;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	text-decoration:underline;
	}

#calcul_prix{
position:relative;
}
	
#texte_calcul_prix{
position:relative;
padding-left: 10px;
padding-right: 10px;
}
	#texte_calcul_prix h3 {
	color: #000000;
	font-size: 18pt;
    font-family: Trebuchet MS;
    font-weight: bold;
	margin: 0px ;
	}
	#texte_calcul_prix p {
	color: #000000;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	}

#parc_national{
position:relative;
}
	
#texte_parc_national{
position:relative;
background-color: #797979;
padding-left: 10px;
padding-right: 10px;
}
	#texte_parc_national h3 {
	color: #FFFFFF;
	font-size: 17pt;
    font-family: Trebuchet MS;
    font-weight: bold;
	margin: 0px ;
	}
	#texte_parc_national p {
	color: #FFFFFF;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	}
	#texte_parc_national a,a:link,a:visited,a:active {
	color: #FFFFFF;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	text-decoration:underline;
	}
	#texte_parc_national a:hover,a:focus {
	color: #ffbe00;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	text-decoration:underline;
	}

#bassin_eauvive{
position:relative;
}
	
#texte_bassin_eauvive{
position:relative;
background-color: #797979;
padding-left: 10px;
padding-right: 10px;
}
	#texte_bassin_eauvive h3 {
	color: #ffffff;
	font-size: 18pt;
    font-family: Trebuchet MS;
    font-weight: bold;
	margin: 0px ;
	}
	#texte_bassin_eauvive p {
	color: #ffffff;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	}
	#texte_bassin_eauvive a,a:link,a:visited,a:active {
	color: #ffffff;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	text-decoration:underline;
	}
	#texte_bassin_eauvive a:hover,a:focus {
	color: #ffbe00;
	font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: normal;
	text-decoration:underline;
	}

#plan_camping h3 {
color: #FFFFFF;
font-size: 18pt;
font-family: Trebuchet MS;
font-weight: bold;
margin: 0px ;
}
#plan_camping p {
color: #000000;
font-size: 11px;
font-family: Trebuchet MS;
font-weight: normal;
}
	
#fond_transparent_bienvenue{
position:absolute;
width: 100%;
height: 200px;
background-color: white;
opacity: 0.2;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
}
#fond_transparent_visite_camping{
position:absolute;
width: 100%;
height: 255px;
background-color: white;
opacity: 0.2;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
}
#fond_transparent_parc_national{
position:absolute;
width: 100%;
height: 310px;
background-color: white;
opacity: 0.2;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
}
#fond_transparent_stade_eauvive{
position:absolute;
width: 100%;
height: 230px;
background-color: white;
opacity: 0.2;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
}
	
#footer{
position:relative;
width: 894px;
text-align:center;
}

#webcam_argentiere{
	
}

/*-----------------
     MENU
-------------------*/

#menu.menu{
margin-left:200px;
padding-top:50px;
width: 694px;
height: 40px;
list-style: none;
text-align: right;
}

	#menu.menu ul{
	margin-left: 0px!important;
	padding-left: 0px!important;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	margin-left: -7px;
	margin-top: 7px;
	margin-bottom: -10px;
	padding-top: 50px;
	}
	#menu.menu li{
	display: inline;
	margin-right: -4px;
	margin-left: 0px;
	color: #7f7f7f;
	}
		#menu.menu ul li h2 {
		display: inline;
		}

		#menu.menu h2 a,a:link,a:visited,a:active{
		padding: 0 0 0 0 ;
		margin: 0 0 0 0 ;
		color: #000000;
		font-size: 14px;
		font-family: Trebuchet MS;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		}
		#menu.menu h2 a:hover,a:focus{
		padding: 0 0 0 0 ;
		margin: 0 0 0 0 ;
		color: #FFFFFF;
		font-size: 14px;
		font-family: Trebuchet MS;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		}

h2 {
margin: 0 0 0 0;
}
		
/*-----------------
     H1 H2 H3 ETC
-------------------*/

h3 {
color: #FFFFFF;
font-size: 18pt;
font-family: Trebuchet MS;
font-weight: bold;
margin: 0px ;
}

h4
    {
    color: #616161;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: Verdana;
    font-weight: bold;
	display: inline;
    }
	
h4 a,a:link,a:visited,a:active 
    {
    color: #616161;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: Verdana;
    font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
	display: inline;
    }
	
h4 a:hover,a:focus 
    {
    color: #616161;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: Verdana;
    font-weight: bold;
	text-decoration: underline;
	padding-left: 0px;
	padding-right: 0px;
	display: inline;
    }

h5
    {
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    font-family: Verdana;
    font-weight: normal;
	text-align: left;
    }
	
	
h5.footer
    {
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    font-family: Verdana;
    font-weight: normal;
	text-align: left;
    }
	
h5.footer a.footer,a:link.footer,a:visited.footer,a:active.footer 
    {
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    font-family: Verdana;
    font-weight: normal;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
    }
	
h5.footer a:hover.footer,a:focus.footer 
    {
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    font-family: Verdana;
    font-weight: bold;
	text-decoration: underline;
	padding-left: 0px;
	padding-right: 0px;
    }

p {
	color: #000000;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
}

p a,a:link,a:visited,a:active {
	color: #000000;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
}

p a:hover,a:focus {
	color: #000000;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
}    

ul li {
	color: #000000;
    font-size: 12px;
    font-family: Verdana;
    font-weight: normal;
	padding-left: 0px;
}

    

	
/*-----------------
     STYLES
-------------------*/


.normal       { color: black; font-size: 11px; font-family: verdana }
table       { color: black; font-size: 11px; font-family: verdana }
.normal_blanc { color: white; font-size: 11px; font-family: verdana }
.orange   { color: #890400; font-size: 14px; font-family: verdana }
.rouge { color: red; font-size: 11px; font-family: verdana }
.formation { color: black; font-size: 13px; font-family: verdana }
.gras  { color: #fff; font-weight: bold; font-size: 10px; font-family: verdana }
.jaune   { color: #f2d21a; font-weight: bold; font-size: 10px; font-family: verdana }
.jaune_souligne  { color: #f2d21a; font-weight: bold; font-size: 10px; font-family: verdana; text-decoration: underline }
.grand       { color: #890400; font-style: normal; font-size: 18px; font-family: verdana }
.grand_italique  { color: #fff; font-style: italic; font-weight: bold; font-size: 14px; font-family: verdana }
.petit      { color: white; font-size: 9px; font-family: verdana }
.petit_noir { color: black; font-size: 9px; font-family: verdana }
.gras_noir { color: black; font-weight: bold; font-size: 10px; font-family: verdana }

.titre { color: #FFFFFF; font-weight: bold; font-size: 36px; font-family: Trebuchet MS; text-decoration: none }
.titre2 { color: #b6d0e9; font-weight: bold; font-size: 36px; font-family: Trebuchet MS; text-decoration: none }
.titre a { color: #f29000; text-decoration: none }
.titre a:visited { color: #f29000; text-decoration: none }
.titre a:hover  { color: #f29000; text-decoration: underline }
.titre a:active { color: #f29000; text-decoration: none }
.sstitre  { color: #000; text-decoration: none }
.sstitre a  { color: #000; text-decoration: none }
.sstitre a:visited  { color: #000; text-decoration: none }
.sstitre a:hover   { color: #000; text-decoration: underline }
.sstitre a:active  { color: #000; text-decoration: none }
.lien     { color: black; text-decoration: none }
.lien a     { color: black; text-decoration: none }
.lien a:visited     { color: black; text-decoration: none }
.lien a:hover      { color: black; text-decoration: underline }
.lien a:active     { color: black; text-decoration: none }
.textbox   { color: #000000; font-weight: bold; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; border: solid 1px #3d73bd; height: 15px }
.commentbox   { color: #000000; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; border: solid 1px #3d73bd; height: 19px }


/*-----------------
     DIAPORAMA
-------------------*/

#content {
position:relative;
}

ul.crossfade {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
#fade li {
    position: absolute;
    top: 0;
    left: 0;
    width: 589px;
    height: 222px;
    visibility: hidden;
}
li img {
    display: block;
    border: 0px;
}
.caption {
    clear: both;
    padding: 0em;

}
.img_place {
    position: relative;
    width: 894px;
    height: 311px;
}
code {
    font-family: monospace;
    font-size: 1.2em;
}
.control {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    font-size: 2em;
    font-weight: bold;
    color: #FFF;
}
.ajax {
    margin: 3em;
    border: 1em solid #FF8C00;
    padding: 1em;
}