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: 760px;
height: auto;
/*background-color:#CCCCFF;*//*couleur de fond de texte */
background-color:#FFFFFF;
}

div#header {
margin: 0 0;
width: 760px;
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: 760px;
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: 760px;
list-style: none;
margin: margin: 0 auto;
padding: 0;
text-align: center;
}
html > body #topnav ul {margin: 0 auto;}

#topnav ul li {
display: block;
color: #FFF;
background: none;
display: inline;
float: left;
list-style-type: none;
padding: 0;
font: bold 13px/100% Arial, Verdana;
text-align: center;
}
* html #topnav ul li {
margin: 0;
padding: 0;
float: left;

} /* IE WIN HACK */

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

} /* IE WIN HACK */

#topnav ul li a#active {
display: block;
color: #FFF !important;
font-weight: bold;
background-color: #4AA7C0;
font: bold 13px/100% Arial, Verdana;
line-height:15px;
}

#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 {
display: block;
text-decoration: underline !important;
background: url(../i/fdTopnav.gif) repeat-x 0 0;
color: #FFFFFF;
text-decoration: none !important;
font: bold 12px/100% Helvetica, Verdana, Arial;
text-decoration: none;
vertical-align: middle;
line-height:15px;
}


/*
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: 720px;
}

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

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

div#content h1 {
margin: 30px 0px 0px 0px;
font: bold 16px/100% Arial, Helvetica, sans-serif;
color:#FF6633;
}
html > body div#content h1 {margin: 10px 0px 0px 0px;}

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

div#content h2 {
margin: 10px 0px 0px 0px;
font: bold 14px/100% Arial, Helvetica, sans-serif;
color: #FF6633;
}

div#content h2 a {
	text-decoration:none;
}

html > body div#content h2 {margin: 10px 0px 0px 0px;}

div#content h2 a, div#content h2 a:hover {color: #FF6633;}

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: #FF6633;
}

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

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: #FF6633;
}
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;
width: 260px;
/*background-color:#FFFFFF;*/
background-image:url(../i/fond_encart.gif);
background-repeat:repeat;
}


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

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


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

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

div#content img.photoPiste {
margin: 10px 0px 5px 70px; 
border: 1px solid #FF6633;
padding: 2px;
}
div#content img.photoRaquettes {
float: left; 
margin: 10px 10px 10px 0px;
border: 1px solid #FF6633;
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: 10px auto;}



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

/*
FOOTER 
---------------------------------------------------------------------------------*/
div#footer {
position: relative;
margin: 0 0 0 0;
height: 30px; 
width: 760px;
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;
}


/*
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: #FF6633;
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: #FF6633;
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;}

#blocnews h2{
	font-size:16px;
	color:#ffffff;
	margin:0;
	background: #ffffff url(../img/fd_titre_bloc_news.gif) no-repeat top left;
	line-height:30px;
	height:45px;
	padding-left:15px;
}

.partenaires{
border: 1px solid #FF6633;

}