/* CSS Document */
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	background-color: #FBFBF9;
	font-family: Tahoma, Verdana, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	}
	
	
#page {/* fd feuille de chene */
	background-image:url(../images/env/fond_corps.gif);
	background-repeat:no-repeat;
	min-height: 400px;
	background-position: 150px 30px;
}

#page{/* ça sert à quoi ? */
	clear: left;

}
#colint1 {
	width: 585px;
	float: left;
	margin-right: 30px;
	}
#colint2 {
	width: 345px;
	float: left;
	}

/* BANDEAUX */

#fondbandeau {
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0;
	height: 386px;
	width: 960px;
	z-index: 1;
	display:block;
	}

#elementsbandeau {
	height: 386px;
	position:absolute;
	width: 960px;
	z-index: 2;
	display:block;
	}
#elementsbandeau img {
	position:absolute;
	}
#elementsbandeau #situationgeographique {
	margin-top: 234px;
	margin-left: 774px;
	}
#elementsbandeau #titre {
	margin-top: 20px;
	margin-left: 270px;
	}
#elementsbandeau #edito {
	position:absolute;
	margin-top: 295px;
	background-image:url(../images/env/fond_edito.png);
	padding: 5px 10px;
	color: #5A4D43;
	font-size: 16px;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	}
		
/* NAVIGATION */

#menuH {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	height: 35px;
	}
#menuH li {
	display: inline;
	float: left;
	padding-left: 7px;
	}
#menuH li:first-child {
	padding-left: 0px;
	padding-right: 5px;
	}
	
#ideesejours {
	padding: 10px;
	width: 436px;
	margin-right: 7px;
	float: left;
	height: 336px;
	border: 2px solid #F4BD00;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-image: url(../images/accueil/fd_idee_sejour.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#ideesejours .resume, #ideesejours .texte, #ideesejours .periode {
	color: #706D67;
	font-size: 14px;
	}
#ideesejours .resume {
	font-size: 15px;
	font-weight: bold;
	padding: 40px 4px 4px 0;
	
	}
#ideesejours .prix{
	font-size: 15px;
	color: #FE9500;
	padding-left: 40px;
	background-image: url(../images/accueil/fleche_prix_actus.png);
	background-repeat: no-repeat;
	background-position: left 2px;	
	}
#ideesejours .periode{
	font-size: 13px;
	}
#ideesejours .info_prix{
	font-size: 11px;
	color: #706D67;
	font-style: italic;
	}

/* DIAPORAMA */

#diapoacc, #diapoint {
	width: 492px;
	height: 358px;
	display: block;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	}
#diapoint {
	width: 345px;
	height: 250px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	}	
#diap {
	width: 492px;
	height: 358px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	}
#diapoint #diap {
	width: 345px;
	height: 250px;
	}
.fleche {
	background-image: url(../images/env/fond_fleches_diaporamas_off.png);
	position: absolute;
	display:block;
	z-index:2;
	}
.fleche:hover {
	background-image: url(../images/env/fond_fleches_diaporamas.png);
	}
#diapoacc .fleche {
	width: 34px;
	height: 358px;
	}
#diapoint .fleche {
	width: 28px;
	height: 250px;
	}
#diapoacc #flecheG {
	background-position:-8px center;
	}
#diapoacc #flecheD {
	background-position:-58px center;
	margin-left: 458px;
	}
#diapoint #flecheG {
	background-position:-113px center;
	}
#diapoint #flecheD {
	background-position:-162px center;
	margin-left: 317px;
	}
#slidebox {
	width: 10000px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index:1;
	}
#slidebox li {
	display: inline;
	float: left;
	}
	
/*STYLES TEXTES */

h1, h2, h3, h4, h5, h6 {
font-family: "Tahoma, Trebuchet MS", sans-serif;
}

h1{font-size: 20px;color:#706B67;text-transform: uppercase;}
h2{font-size: 16px;color:#706B67;font-style: italic;}
h3{
	font-size: 14px;
	color:#706B67;
	line-height: 17px;
}
h4{font-size: 15px;}
h5{font-size: 14px;}
h6{font-size: 13px;}

p, td {
	margin-top: 0;
	color: #5A4D43;
	font-size: 13px;
}
p {
	text-align: justify;
}



input,textarea {
	border: 1px solid #999;
	font-family: Tahoma, Verdana, sans-serif;
}

a {
	color:#706B67;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

#top{
	background: #FBF7DB;
	color: inherit;
}

#top h1{
	height: 80px;
	line-height: 80px;
	margin: 0 0 0 40px;
	padding-top: 20px;
	color: #FFFFFF;
}

#top h1 a{
	text-decoration: none;
	color: #FFFFFF;
}

/*SOUS NAVIGATION LOISIRS / TARIFS */

.contour {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FADB30;
	border-bottom-color: #FADB30;
	border-left-color: #FADB30;
}
.tableau {
	color: #706B67;
	font-size: 13px;
	border-bottom: 1px solid #DAE0CA;
	line-height: 20px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top: 0;

}
.tableaup {
	margin-top: 0;
	color: #706B67;
	font-size: 13px;
	border-bottom: 1px solid #DAE0CA;
	line-height: 15px;
	padding-right: 4px;
	padding-left: 4px;
}
.contour4 {
	padding: 4px;
}
.contourborder {
	padding: 4px;
	border: 1px solid #DAE0CA;

}
.onglet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFA800;
	border: 1px solid #FFC600;
	padding: 6px;
}
.onglet a{
	color: #706B67;
	text-decoration: none;
}

.onglet a:hover{
	text-decoration: none;
	color: #FFC600;
}
.ongleton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #706B67;
	background-color: #FFC600;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 14px;
}
.ongleton a{
	text-decoration: none;
	color: #706B67;
	background-color: #FFC600;
}



#q{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}


/* PIED */

	
	
#pied {
	clear: both;
	width: 960px;
	height: 165px;
	margin-top: 15px;
	background-image: url(../images/env/pied/cedre.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #5A4D43;
	font-size: 12px;
	}
	
	
#pied ul {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	}

#pied ul li {
	display: inline;
	float: left;
	}
	
#pied .ligne {
	border-top: 1px solid #CFC9B6;
	width: 960px;
	padding-top: 5px;
	margin-top: 5px;
	clear: both;
	}
#pied #coordonnes {
	width: 390px;
	}
#pied #coordonnes2 {
	width: 250px;
	text-align: left;
	display: inline-block;
}
#pied #navB {
	width: 320px;
	text-align: right;
	}
#pied #coordonnes a, #pied #coordonnes2 a, #pied #navB a{
	color:#706B67;
	}

#pied #coordonnes a:hover, #pied #coordonnes2 a:hover, #pied #navB a:hover{
text-decoration:none;
	}
	
#pied .langues {
	padding-right: 5px;
	}
#pied .grandsite {
	padding-right: 0;
	float: right;
	background-image:url(../images/env/pied/grand_site_midipyrenees.gif);
	background-repeat:no-repeat;
	background-position: right top;
	height: 52px;
	}
#pied .grandsite a {
	padding-right: 120px;
	color: #5A4D43;
	text-decoration: none;
	font-size: 12px;
	line-height: 15px;
	}
	#pied .grandsite a:hover {
	text-decoration :underline;
	}

#pied .video {
	padding-left: 254px;
	}
	#pied .video a{
	color: #5A4D43;
	text-decoration: none;
}
#pied .video a:hover{
	text-decoration :underline;
}

#Combobox1 {
	background-color: #FFD800;
	border: 1px solid #FFC600;
	color : #C80114;
	margin: 5px 0;
	}