html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin: 0;
padding: 0;
}

ul, li {
list-style-type: none;
line-height: 15px;
}

fieldset {border: none}

.clr{clear:both;}

div#wrapper {
position: relative;
margin: 0 auto;
width: 1000px;
height: auto;
/*background-color:#CCCCFF;*//*couleur de fond de texte */
background-color:#FFFFFF;
}

div#header {
margin: 0 0;
width: 1000px;
height: 175px;
color: #FFF;
/* background: url(../i/massif-chartreuse-dambuyant.jpg) no-repeat 0 0; */
}


body {background: url(../i/fondDambuyant.jpg) #696969 repeat-x 0 0;}



/*
TOPNAV 
---------------------------------------------------------------------------------*/
#topnav {
margin: 0 0 0 0;
height: 40px; 
width: 1000px;
overflow: hidden;
line-height: 2em;
background: url(../i/fdTopnav.gif) repeat-x 0 0;
text-align: center;
}

html > body #topnav {margin: 0 0 0 0;}

#topnav ul {
width: 1000px;
list-style: none;
margin: margin: 0 auto;
padding: 0;
text-align: center;
}
html > body #topnav ul {margin: 0 auto;}

#topnav ul li {
display: block;
display: inline;
float: left;
list-style-type: none;
padding: 0;
text-align: center;
border-left:#CCC dotted 1px;
}

#topnav ul li:hover {
	background: url(../i/fdTopnavHover.gif) repeat-x 0 0;
}


* html #topnav ul li {
margin: 0;
padding: 0;
float: left;

} /* IE WIN HACK */

#topnav ul li a {
color: #d6de23;
display: block;
height: 40px;
overflow: hidden;
padding: 12px 10px 0 10px;
text-decoration: none !important;
font: normal 14px Helvetica, Verdana, Arial;
text-decoration: none;
vertical-align: middle;
line-height:15px;
margin-left:12px;
margin-right:12px;
}
* html #topnav ul li a {
float: left;

} /* IE WIN HACK */



#topnav ul li span {
display: block;
height: 40px;
padding: 8px 5px 0 5px;
color: #FFF !important;
font-weight: bold;
background-color: #4AA7C0;
font: bold 13px/100% Arial, Verdana;
}

#topnav ul li a:hover {
text-decoration: underline;
color: #FFFFFF;
}


/*
CONTENT 
---------------------------------------------------------------------------------*/
div#content {
position: relative;
background-color: transparent;
margin: 0px auto;
font: normal 12px/130% Helvetica, Verdana, Arial;
text-align: left;
padding: 10px 10px 10px 10px;
height: auto; 
width: 960px;
}

div#content #leftcol {
float:left;
width: 570px;
}

div#content #rightcol {
float:right;
width: 330px;
}

#content h1 {
	line-height:30px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#666;
	border-bottom:dotted 2px #D6DE23;
	border-top:dotted 2px #D6DE23;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	
}

h2 {
	color:#D6DE23;
	line-height:25px;
	font-size:14px;
	font-weight:normal;
	background-image:url(../i/bg_h2.jpg);

}

h2 a:active,
	h2 a:link,
		h2 a:visited{
	color:#D6DE23;
	line-height:25px;
	font-size:14px;
	font-weight:normal;
	background-image:url(../i/bg_h2.jpg);
	text-decoration:none;
}

h2 a:hover{
	color:#D6DE23;
	line-height:25px;
	font-size:14px;
	font-weight:normal;
	background-image:url(../i/bg_h2.jpg);
	text-decoration:none;
}

h2.gris_souligne{
	color:#666;
	border-bottom:#666 dotted 1px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	background-image:none;
}

h2.gris_souligne a:active,
	h2.gris_souligne a:link,
		h2.gris_souligne a:visited{
	color:#666;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	background-image:none;
	text-decoration:none;
}

h2.gris_souligne a:hover{
	color:#666;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}


hr {
margin: 10px 0px 10px 0px;
display: block;
border: 1px dotted #696969;
}


div#content p {
margin: 10px 0px 0px 0px;
font: normal 12px/140% Arial, Helvetica, sans-serif;
color: #000;
}
html > body div#content p {margin: 10px 0px 0px 0px;}

div#content p.center {text-align: center;}

div#content p a {
text-decoration: underline;
color:#666;
}

div#content p a:hover {
text-decoration: underline;
color: #D6DE23;
}

div#content div#contact p a {
text-decoration: underline;
color: #D6DE23;
}

div#content div#contact p a:hover {
text-decoration: none;
color: #CCC;
}

div#content p.credits a {
text-decoration: underline;
color: #000;
}

div#content p.credits a:hover {
text-decoration: none;
color: #000;
}

div#content h3 {
margin: 10px 0px 0px 0px;
font: bold 14px/100% Arial, Helvetica, sans-serif;
color: #D6DE23;
}
html > body div#content h3 {margin: 10px 0px 0px 0px; clear: both;}


div#contact {
margin: 0 auto;
padding: 5px 0 10px 0;
border: 1px solid #000000;
/*background-color:#FFFFFF;*/
background-image:url(../i/fond_encart.gif);
background-repeat:repeat;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
}

div#contact p{
	color:#FFFFFF !important;
}

div#contact .telannexe {
font-size:10px;
}

 

div#encart_rando, div#encart_raquettes {
	margin: 7px;
	padding: 5px 0 10px 0;
	border: 1px solid #000000;
	/*background-color:#FFFFFF;*/
	background-image:url(../i/fond_encart.gif);
	background-repeat:repeat;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	width:265px;
	float:left;
}

div#encart_rando p, div#encart_raquettes p{
	color:#FFFFFF !important;
}



div#content h4 {
margin: 0px 0px 0px 0px;
font: bold 13px/100% Arial, Helvetica, sans-serif;
color: #D6DE23;
text-align: center;
}
html > body div#content h4 {margin: 10px 0px 0px 0px;}


h4 a:active,
	h4 a:link,
		h4 a:visited{
	color:#D6DE23;
	line-height:25px;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}

h4 a:hover{
	color:#D6DE23;
	line-height:25px;
	font-size:14px;
	font-weight:normal;
	text-decoration:underline;
}

div#content #leftcol img.photoGite {
margin: 10px 0px 5px 70px; 
border: 1px solid #D6DE23;
padding: 2px;
}

div#content img.photoPiste {
margin: 10px 0px 5px 70px; 
border: 1px solid #D6DE23;
padding: 2px;
}
div#content img.photoRaquettes {
float: left; 
margin: 10px 10px 10px 0px;
border: 1px solid #D6DE23;
padding: 2px;
}

div#content img.photoDynamic {display: block; margin: 10px auto; padding: 2px;}
div#content img.photoAtomic {display: block; margin: 10px auto; padding: 2px;}
div#content img.photoSalomon {display: block; margin: 10px auto; padding: 2px;}
div#content img.photoSki {display: block; margin: 10px auto;}
div#content img.photoLocationSki {align:left; display: block; margin: 0px auto;}



div#content ul li {
margin: 5px 0px 0px 5px;
font: normal 12px/140% Arial, Helvetica, sans-serif;
color: #000;
}


/*
TABLE PRICE
---------------------------------------------------------------------------------*/
table.price {
width: 600px;
height: 255px;
border: 3px solid #4FABC4;
text-align: center;
}

table .title {
height: 30px;
font: bold 14px/120% Arial, Helvetica, sans-serif;
color: #D6DE23;
text-align: center;
}

table .priceDay {
height: 30px;
font: bold 12px/120% Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
}

table .priceWeek {
height: 30px;
font: bold 12px/120% Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
}

table .texteTitle {
height: 30px;
font: normal 12px/120% Arial, Helvetica, sans-serif;
color: #D6DE23;
text-align: left;
}

table .textePriceDay {
height: 30px;
font: normal 12px/120% Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
}

table .textePriceWeek {
height: 30px;
font: normal 12px/120% Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
}

.mise_valeur{
	color:#FF0000;
	font-weight:bold;
}

/*
FORM 
---------------------------------------------------------------------------------*/
input {border: 1px solid #4FABC4;}
textarea {border: 1px solid #4FABC4;}
input.send {
border: 1px solid #4FABC4;
background: url(../i/fdTopnav.gif) repeat-x 0 -10px;
}
input:hover {
border: 1px solid #4FABC4;
background-color: #D2E1F3;
}
textarea:hover {
border: 1px solid #4FABC4;
background-color: #D2E1F3;
}
.noneBorder {border: none;}

.partenaires{
border: 1px solid #D6DE23;

}

/*
FOOTER 
---------------------------------------------------------------------------------*/
div#footer {
position: relative;
margin: 0 0 0 0;
height: 30px; 
width: 1000px;
line-height: 2em;
background: url(../i/fdTopnav.gif) repeat-x 0 0;
text-align: center;
}

html > body #footer {margin: 0 0 0 0;}

div#footer p.audience {
padding: 8px 0px 0px 10px;
height: 20px;
font: normal 10px/140% Arial, Helvetica, sans-serif;
color: #000;
text-align: left;
}

div#footer p.audience a {color: #000;}
div#footer p.audience a:hover {color: #000; text-decoration: none;}


div#footer p.compteur {
display: inline;
height: 20px;
font: normal 10px/140% Arial, Helvetica, sans-serif;
color: #000;
width: 260px;
text-align: center;
}

div#footer p.favoris {
display: inline;
height: 20px;
font: normal 10px/140% Arial, Helvetica, sans-serif;
color: #000;
text-align: right;
width: 250px;
}


.clr{
	clear : both;
}
.tr{
	clear : left;
}
.td{
	float : left;
}

.catski{
	width:420px;	
	height:150px;
	margin-left:10px;
	margin-top:10px;
	border:#999 1px solid;
	text-align:justify;
	padding:5px 15px 15px 15px;
	line-height:20px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}

.catski .contenucat{
	height:100px;	
	padding-top:10px;
}

.catski .btn_lien{
	float:right;
}

#content a.btn_vert, #content a.btn_gris{
	width:173px;
}

#content a.btn_vert_small{
	width:100px;
}

#content a.btn_vert,
	#content a.btn_gris,
		#content a.btn_vert_small{
	color:#000;
	background-repeat:no-repeat;
	height:23px;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
	display:block;
	cursor:pointer;
}

#content a.btn_vert:link, 
	#content a.btn_vert:active,
			#content a.btn_vert:visited{
	background-image:url(../i/bouton_vert.jpg);
}

#content a.btn_vert:hover{
	background-image:url(../i/bouton_vert_hover.jpg);
}

#content a.btn_gris:link, 
	#content a.btn_gris:active,
			#content a.btn_gris:visited{
	background-image:url(../i/bouton_gris.jpg);
}

#content a.btn_gris:hover{
	background-image:url(../i/bouton_gris_hover.jpg);
}

#content #gmap{
	float:left;
	width:600px;	
}

#content #rightcolcontact{
	float:right;
	width:400px;
}

#content #formulaire{
	width:400px;
	border:#999 1px solid;
}

#content #formulaire .ligneform{
	border-bottom:1px #999 dotted;
	margin-top:10px;
	margin-left:5px;
}

#content #formulaire .titreform{
	width:35%;
	font-weight:bold;
	color:#333;
}

#content #formulaire .champform{
	width:65%;
}

#content #formulaire .champform label{
	float:left;
	width:120px;
}

.alert, .alertgreen{
	padding:  10px;
	margin-top:10px;
	margin-bottom:20px;
	font: bold 12px Arial;
	text-align:center;
	width:80%;
	background-repeat: repeat-x;
	background-position: left top;
}

.alert{
	border: 3px ridge  #cc0000;
	color:#FFFFFF;
	background-color: #cc0000;
	background-image: url(../i/alert.gif);
}

.alertgreen{
	border: 3px ridge  #d6de23;
	color:#333;
	background-color: #d6de23;
	background-image: url(../i/alertgreen.gif);
}




.alert img, .alertgreen img{
	margin:5px;	
}