html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt,  ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
 
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* General */

img{
-ms-interpolation-mode: bicubic;
}
h1{
font-size:32px;
line-height:0.9;
color:#45657b;
margin-bottom:0.4em;
font-family:Georgia, "Times New Roman", Times, serif;
}

h2{
color:#45657b;
margin-bottom:1em;
font-size:18px;
margin-top:2em;
font-family:Georgia, "Times New Roman", Times, serif;
}

h3{
color:#cd3000;
font-size:13px;
margin-bottom:1em;
}
p, dl{
margin-bottom:1em;
color:#3f403d;
}
ol{
color:#45657b;
}
ol ul {
color:#3f403d;

}
.bloc ol ul li, .bloc ul.leger li{
font-weight:normal;
color:#3f403d;
font-weight:normal;
margin:0 0 0 30px;padding:0;
}

.gauche p, .milieu p, .gauche dl, .milieu dl{
font-size:12.8px;
line-height:1.4;

}
.droite p, .droite dl{
font-size:12px;
line-height:1.3;
}

dt{font-weight:bold;}
.gauche .bloc dd, .droite .bloc dd{margin-bottom:1em;list-style:disc;margin-left:30px;display:list-item;}
body{
background:url(images/fond.jpg) fixed center top #fff no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
a{color:#45657b;}

ol li{
list-style:decimal inside;
}
ol{margin-bottom:1em;


}
.centrer{
text-align:center;
}

hr{clear:both;
visibility:hidden;
height:0;margin:0;padding:0;

}


/* Entete */


#logo-turkey-heliski{
position:absolute;
top:17px;
}
#menu-superieur{
position:absolute;
top:7px;
right:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#menu-superieur a{
margin:0 5px;
}
#menu-superieur img{
vertical-align:middle;
}

#entete{
z-index:2;
height:150px;
position:relative;
}

/*menu déroulant */

#menu-principal  li{
list-style:none;
margin:0;
padding:10px 0 0 0;
position:relative;
height:30px;
display:block;
float:left;
}
#menu-principal  li a{
text-transform:uppercase;
font-size:12px;
padding:15px 7px;
border-right:1px solid #f3f3f3;
text-decoration:none;
color:#000;
position:relative;
height:25px;

}
 #menu-principal  li:hover, #menu-principal  li.over{
background:#fff;
position:relative;

}

#menu-principal {
position:absolute;
top:100px;
right:0;}

#menu-principal  li ul{
display:none;
position:absolute;
top:30px;
background:url(images/fond-menu.png) repeat-x #cedffd;
left:0;
padding:15px 5px 0 5px;
width:200px;
}
#menu-principal  li ul li{
display:block;
width:200px;
margin-bottom:20px;
list-style-position:inside;
padding:0;
left:0;

}
#menu-principal  li ul li:hover, #menu-principal  li ul li a:hover, #menu-principal  li ul li.over{
background:none;
}

#menu-principal  li ul li a{
border:0;
padding:0;
font-size:11px;
}

#menu-principal a.current{
color:#FF0000;
}

#menu-principal  li ul li a:hover{
color:#cd3000;
background:none;
}
#menu-principal  li:hover ul, #menu-principal  li.over ul {
display:block;
}



#rubrique-accueil #menu-accueil, #rubrique-presentation #menu-presentation, #rubrique-sejours #menu-sejours, #rubrique-bases #menu-bases, #rubrique-preparatifs #menu-preparatifs, #rubrique-reservation #menu-reservation, #rubrique-medias #menu-medias, #rubrique-contact #menu-contact, #rubrique-ete #menu-ete{

color:#CC0000;

}

/*Contenu */

#container{
width:1020px;
margin: 0 auto;
position:relative;
}


#show{
margin-bottom:10px;}

.bloc{
margin-bottom:10px;
padding:10px;
}

.gauche .bloc,  .droite .bloc, .milieu .bloc, .integral{
background:url(images/fond-bloc-degrade.png) repeat-x #cedffd;
}

.integral{
height:160px;
width:1000px;
position:relative;
margin:0;
}
#contenu{

z-index:1;

}

#contenu ul li{
margin-bottom:1em;
}

#contenu ul li ul li{
margin:0.2em;padding:0;
}

.colonne{
float:left;
}
.gauche{
width:693px;
margin-right:10px;
}
.droite{
width:316px;
}
.milieu{
width:543px;
margin-right:10px;
}
.navigation{
width:130px;
margin-right:10px;
text-align:right;
font-size:13px;
}
.regle{
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
border: 0;
visibility:visible;
margin: 15px auto;

}
p#bloc-bases {

margin-bottom:10px;
}
#bloc-bases a{
float:left;text-decoration:none;display:block;margin-right:20px;}
#bloc-bases a img{
margin-bottom:10px;}

#bloc-bases a strong{
text-decoration:underline;
}

#bloc-gallerie a{
float:left;text-decoration:none;display:block;width:72px;font-size:10px;text-align:center;}
#bloc-gallerie a:hover img{
border:2px solid #45657b;}

#bloc-gallerie a img{
margin-bottom:10px;}



 .bloc ul,  .bloc dl{

padding:10px;


font-size:12.8px;
margin-bottom:1em;
}
.bloc ul li{

list-style:disc;
padding: 6px 0px 10px 0px;
margin-left:20px;
font-weight:bold;
}

/* Pied de page */
#skieur{
position:absolute;
bottom:0;
right:80px;}

.integral address{

position:absolute;
left:780px;
top:30px;
line-height:1.5;

}
#logo-scott{
position:absolute;
left:112px;
top:60px;
}



#menu-secondaire{
font-size:12px;
background:url(images/fond-bloc-degrade.png) repeat-x  #cedffd;
margin-left:705px;

padding:15px 5px 5px 5px;
margin-bottom:10px;
}
#menu-secondaire a{
text-decoration:none;
font-weight:bold;
color:#444;
}
#menu-secondaire a:hover{
color:#cd3000;
}
#menu-secondaire li{
display:block;
padding:11px 0;
border-bottom:1px dotted #ddd;
}

.gauche blockquote p, .gauche q{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
margin-bottom:1em;
color:#CC0000;
font-style:italic;
}
.temoignages  cite{
font-weight:bold;
}
.temoignages p{
margin-bottom:2em;
}
.droite blockquote p, .droite q,  .temoignages  q strong{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
margin-bottom:1em;
color:#CC0000;
font-style:italic;
}
.gauche .temoignages  q, .droite .temoignages  q{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin-bottom:1em;
color:#3f403d;
font-style:normal;
}
.gauche .legende{
background:#fff;
padding:5px;
font-size:10px;
}

table{
font-size:11px;
background:#fff;
text-align:center;
margin: 1em auto;
}
tr, .bloc .degrade dd{
background:url(images/fond-menu.png) 120px -30px ;padding:5px;list-style:none;margin:0;

}
td{
padding:10px;
}

	 p.float{text-align:center;width:200px;padding:5px;float:left;position:relative; z-index:1;}
	
/*
div.staff p{display:none;position:absolute;top:300px;background:#3399FF;left:50px;width:200px;z-index:4;}
div.staff img{width:100px;height:100px;position:absolute;top:100px;left:50px;z-index:0;overflow:auto;}
div.staff:hover img{width:200px;height:200px;}
div.staff:hover p{display:block;z-index:4;position:absolute;overflow:auto;}*/

	.galleria li img.thumb{cursor:pointer; margin:0; padding:0;width:135px;height:135px;overflow:hidden;margin: 0; padding:0;}
	.galleria li img.thumb:hover{cursor:pointer; margin:0; padding:0;width:135px;height:135px;overflow:hidden;margin: 0; padding:0;}
	ul.galleria li{display:block;width:135px;height:135px;overflow:hidden;float:left;margin: 10px; padding:0;}
	
	    
	

        a.info{
        position:relative;           /*this is the key*/
        z-index:24;  
        color:#000000;               /* colour of display text */   /* border colour */
        text-decoration:none;
        font-style:italic;
		width:200px;
        }
		
		a.info .staff{        /*this is the key*/
        z-index:24;  
        color:#000000;               /* colour of display text */   /* border colour */
        font-style:italic;
		width:200px;
        }

        a.info:hover {
        z-index:25;
        background-color:#fff;

        }

        a.info span{
        display: none;  /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: -83px;
        left: -50px;
        width:200px;
        background-color:#fff; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
		padding:5px;
        z-index:30;
		text-align:center;
        }

        .images {
        vertical-align:bottom;
        }

		div.staff {
		width:200px;
		float:left;
		text-align:center;
		}
		div.staff h2{
		font-size:13px;
		
		}
		
		.lestaff{
		width:600px;
		margin:0 auto;
	
		}
		
		
		
		
		
		
		
		
		

div.form-container
{
	
}
.errors
{
	background-color: #FFC;
	border: #FC6 1px solid;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	z-index:1250;
	position:relative;
}
div.errors p
{
	margin: 0;
}
div.form-container div
{
	margin:5px 0;
}
div.form-container form fieldset
{
	border: #fff 1px solid;
	margin: 25px 5px;
	padding: 10px 10px;
	
}
div.form-container form legend
{
	
}
div.form-container form fieldset div
{
	padding: 0.25em 0;
}
div.form-container label, 
 div.form-container span.label
{
	display: block;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	font-size:81%;
	text-align: right;
	width: 280px;clear:both;

}
div.form-container label em, 
div.form-container input:focus,
div.form-container textarea:focus
{
	
}
div.form-container div.controlset label, 
div.form-container div.controlset input
{
	display: inline;
	float: none;

}
div.form-container div.buttonrow
{
	margin-left: 180px;
}
legend{
	color: #e32118;
	font-weight: bold;
	margin: 0;
}



ol.raisons li{

display:block;width:290px;float:left;font-size:14px;
padding:10px 10px 10px 30px;margin:0;font-weight:bold;background:url(images/plus.png) 0 10px  no-repeat;

}

ol.faq li{
background-image:url(images/point-interrogation.png)
}
ol.raisons li ul li{margin:0;padding:0;font-weight:normal;font-size:12px;background:none;}
ol.raisons li ul {margin:5px 0 0 0;padding:0;font-size:12px;}
.clear{clear:both;}

.partenaires dt{
margin:5.4em 0 1em 0;
}
.droite .bloc dl.partenaires dd{
list-style:none;
}
.partenaires{text-align:center;}
.degrade{border:2px solid #fff;}
.semaine{
border-top:4px solid #fff;

}

#adresse-contact dl{
float:left;
width:300px;
border:1px solid #fff;
}

.blocimage{
width:180px;overflow:hidden; height:125px;  display:block;text-align:center;
}
.blocimage img{
text-align:center;
width:180px;
}

.galeriebloc{
width:180px;
}

.galeriethumb{
width:640px; margin:0 auto; padding:0 0 0 0px; 
}

.galthumb
{
float:left; margin:0 0 0 25px; width:180px; text-align:center;
}

.galthumb h3
{
height:25px;
}

.thumbphoto{


margin-bottom:5px;

}