/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site Arverne Trekking --------------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}
html, body {
	font-size:12px;
	margin:0 auto;
	text-align:center;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	background:#63420b url(../images/body.jpg) no-repeat top center;
	color:#ffffff;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au Header */
/* -------------------------------------------------------------------------------------------- */

#header {
	margin:0 auto;
	width:818px;
	height:186px;
	background:url(../images/bandeau.png) no-repeat top center;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles génériques des listes */
/* -------------------------------------------------------------------------------------------- */

.content ul li {
	background:url(../images/bg-li.gif) no-repeat left 5px;
	padding-left:20px;
	list-style:none;
	text-align:left;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au menu déroulant */
/* -------------------------------------------------------------------------------------------- */

/* Conteneur */

#menu {
	width:806px;
	height:82px;
	margin:0 auto;
	background:url(../images/menu.png) no-repeat top center;
	position:relative;
	z-index:1;
	padding:0 6px 5px 6px;
}

/* Menu principal */

#menu ul {
	width:806px;
	height:82px;
	position:relative;
	background:url(../images/menu.gif) no-repeat top center;
}
#menu ul li {
	cursor:pointer;
	float:left;
	list-style:none;
}
#menu ul a {
	background:url(../images/menu.gif)) no-repeat left top;
	display:block;
	height:82px;
	text-decoration:none;
}
#menu ul .rub1 a.main {
	width:113px;
	background-position:0 0;
	z-index:1;
}
#menu ul .rub2 a.main {
	width:116px;
	background-position:-113px 0;
	z-index:2;
}
#menu ul .rub3 a.main {
	width:116px;
	background-position:-229px 0;
	z-index:3;
}
#menu ul .rub4 a.main {
	width:116px;
	background-position:-345px 0;
	z-index:4;
}
#menu ul .rub5 a.main {
	width:116px;
	background-position:-461px 0;
	z-index:5;
}
#menu ul .rub6 a.main {
	width:116px;
	background-position:-577px 0;
	z-index:6;
}
#menu ul .rub7 a.main {
	width:113px;
	background-position:-693px 0;
	z-index:6;
}
#menu a span {
	display:none;
}
#menu a.main span.hover {
	background:url(../images/menu.gif) no-repeat left top;
	cursor:pointer !important;
	display:block !important;
	height:82px;
	width:100%;
	z-index:100;
}
#menu .rub1 a.main .hover {
	background-position:0 -82px;
}
#menu .rub2 a.main .hover {
	background-position:-113px -82px;
}
#menu .rub3 a.main .hover {
	background-position:-229px -82px;
}
#menu .rub4 a.main .hover {
	background-position:-345px -82px;
}
#menu .rub5 a.main .hover {
	background-position:-461px -82px;
}
#menu .rub6 a.main .hover {
	background-position:-577px -82px;
}
#menu .rub7 a.main .hover {
	background-position:-693px -82px;
}

/* Sous-menu */

#menu ul li ul.ssrub1 {
	width:150px;
	position:absolute;
	left:-999em;
	background-image:none;
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}
#menu ul li ul.ssrub1 a {
	height:30px;
	color:#ffffff;
	line-height:12px;
}
#menu ul li ul.ssrub1 a:hover {
	color:#FF9900;
}
#menu ul li:hover ul.ssrub1,
#menu ul li.sfhover ul.ssrub1 {
	left:auto;
	top:82px;
}
#menu ul li ul.ssrub1 li {
	padding:0;
	padding-top:17px;
	margin:0;
	width:148px;
	height:30px !important;
	background:url(../images/ss_menu_onglet.gif) no-repeat top center;
	list-style-type:none;
	border:solid #2c1708;
	border-width:0 1px 1px 1px;
	position:relative;
	z-index:20;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au chemin de fer */
/* -------------------------------------------------------------------------------------------- */

#toolbox {
	width:818px;
	margin:4px auto;
	text-align:right;
}
#tools li {
	position:relative;
	z-index:3;
	list-style:none;
	background:none !important;
	display:inline;
	padding-left:5px !important;
}
#tools a {
	color:#3f1a00;
	text-decoration:none;
}
#tools a img {
	border:none;
}
#tools a span {
	border:none;
	position:absolute;
	left:-999em;
	padding:3px;
	background-color:#e68b03;
	margin:25px 0 0 -10px;
	white-space:nowrap;
}
html* #tools a span {
	left:auto;
	display:none;
}
#tools a:hover span {
	left:auto;
}
html* #tools a:hover span {
	display:block;
}
#toolbox #wire {
	float:left;
	margin-top:-18px;
}
#toolbox #wire li {
	float:left;
	background:url(../images/bg-li.gif) no-repeat left;
	padding-left:10px;
	margin-left:5px;
	display:inline;
}
#toolbox #wire a {
	color:#3f1a00;
}
#toolbox #wire a:hover {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

.content_top {
	margin:0 auto;
	background:url(../images/content_top.png) no-repeat center top;
	width:818px;
	height:6px;
}
.content_bottom {
	margin:0 auto;
	background:url(../images/content_bottom.png) no-repeat center bottom;
	width:818px;
	height:6px;
}
.content {
	margin:0 auto;
	width:792px;
	background:url(../images/content_r.png) repeat-y center top;
	min-height:350px !important;
	padding:13px;
	text-align:left;
}
	*html .content {
		width:818px;
		height:350px;
	}
.col2 {
	width:293px;
	margin-right:12px;
}
.col3 {
	width:275px;
	margin-right:12px;
}
.col4 {
	width:200px;
}
.col5 {
	width:283px;
}
.col6 {
	width:580px;
	margin-right:12px;
}
.col7 {
	width:278px;
	margin-right:9px;
	text-align:justify;
}
.col355 {width:355px;}

.col355,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7 {
	float:left;
}
#offres h4, #offres img {margin:0; padding:0;}
#offres h4 {position:relative; z-index:90;}

.offres {
	width:265px;
	height:80px;
	margin:0 0 0 6px;
	padding-top:71px;
}
*html .offres{
	height:148px;
}
.offres.offres1 { background:url(../images/offre1.png) no-repeat 0 0;}
.offres.offres2 { background:url(../images/offre2.png) no-repeat 0 0;}
.offres.offres3 { background:url(../images/offre3.png) no-repeat 0 0;}
.offres p, .offres ul { padding:0 5px !important;}
/* Titres */

h1 {
	width:293px;
}
h1.pres {
	background:url(../images/bt_presentation.png) no-repeat left top;
}
h1.actu {
	background:url(../images/bt_actu.png) no-repeat left top;
}
h1#int {
	width:563px !important;
	background:url(../images/bt_page_int.png) no-repeat left top;
	padding:3px 0 0 17px;
}
h2 {
	width:275px;
	background:url(../images/bt_offre.png) no-repeat left top;
}
h3 {
	width:200px;
	background:url(../images/bt_contact.png) no-repeat left top;
}
h3#nwlst {
	width:200px;
	background:url(../images/bt_derniere_news.png) no-repeat left top !important;
}
h3#VoyagesListe {
	width:200px;
	background:url(../images/bt_offre_list.png) no-repeat left top !important;
}
h4 {
	color:#FF9900;
	padding:5px;
	margin-bottom:-15px;
	height:auto !important;
}
h1,
h2,
h3{
	height:29px;
	z-index:12;
	font-size:12px;
}
h1 span,
h2 span,
h3 span {
	position:absolute;
	left:-999em;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au Pied de page */
/* -------------------------------------------------------------------------------------------- */

#footer {
	margin:5px auto 0 auto;
	width:100%;
	height:20px;
	color:#FF9900;
}
#footer a {
	color:#FF9900;
	font-size:10px;
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}
#footer a:hover {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables à la barre d'outils */
/* -------------------------------------------------------------------------------------------- */

a.site {
	background:url(../images/ico/window.png) no-repeat 0 0;
	padding-left:20px;
}
a.voir {
	background:url(../images/ico/zoom.png) no-repeat 0 0;
	padding-left:20px;
}
a.printer {
	background:url(../images/ico/printer.gif) no-repeat 0 0;
	padding-left:20px;
}
a.email {
	background:url(../images/ico/email.png) no-repeat 0 0;
	padding-left:20px;
}
a.tel {
	background:url(../images/ico/telephone.png) no-repeat 0 0;
	padding-left:20px;
}
a.fax {
	background:url(../images/ico/fax.png) no-repeat 0 0;
	padding-left:20px;
}
a.diapo {
	background:url(../images/ico/picture.png) no-repeat 0 0;
	padding-left:20px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles génériques */
/* -------------------------------------------------------------------------------------------- */


a {
	color:#FF9900;
	text-decoration:none;
	outline: none;
}
a:hover {
	text-decoration:underline;
}
:focus {
	-moz-outline-style: none;
} 
	p a.colRight {
		color:#FFFFFF;
		text-align:justify;
		font-style:italic;
	}
	p a:hover.colRight {
		text-decoration:underline;
		color:#FF9900;
	}
strong.gras {
	font-weight:bold;
	color:#FF6600;
}
.spacer_bottom {
	width:100%;
	height:43px;
	border:none;
	margin:0 auto;
}
.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.spacer-choose{
	background:url(../images/spacer.png) no-repeat center;
	width:100%;
	height:25px;
}
p {
	padding:5px;
	text-align:justify;
}
p strong{
	color:#FFCC00;
	font-weight:bold;
}
p.p_pres {
	text-align:justify;
	min-height:145px !important;
}
.right {
	text-align:right;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.scroll {
	overflow:auto;
	min-height:125px !important;
	font-size:12px;
}
*html .scroll {
	height:125px;
}
.actu_scroll {
	overflow:auto;
}
ul {
	list-style-type:none;
}
ul.liste{
	padding:10px;
}
ul.liste li {
	list-style-type:none;
	background:url(../images/bg-li-liste.gif) no-repeat left 7px;
	padding-left:10px;
	margin-left:5px;
	text-align:justify;
}
ul.liste-texte li {
	list-style-type:none;
	background:url(../images/bg-li-liste.gif) no-repeat left 7px;
	padding-left:10px;
	margin-left:5px;
	margin-bottom:5px;
	text-align:justify;
}
p.title_orange {
	font-size:14px;
	color:#FF9900;
}
hr {
	height: 1px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background-color: #ffffff;
	border: 0;
}
img {
	margin:10px 0;
}
a img {
	color:#FF9900 !important;
	border-color:#FF9900 !important;
}
img a {
	color:#FF9900 !important;
	border-color:#FF9900 !important;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au module Diaporama */
/* -------------------------------------------------------------------------------------------- */

#page img.flash {
	border:none;
	margin:5px 10px;
}
#page img.nomargin {
	margin:0;
}
#page p.iris {
	background:url(../images/bg-p-iris.gif) no-repeat left top;
	padding-left:50px;
	text-align:left;
}
.col_diaporama img {
	float:left;
	border:none;
}
.col_diaporama{
	height:150px;
	width:160px;
	margin:15px 30px 5px 2px;
	float:left;
}
.col_diaporama dl.lnk dt {
	margin:0 0 0 5px;
	padding:0 0 5px 15px;
	list-style:none;
}
.col_diaporama dl.lnk dd {
	color:#666666;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables aux formulaires */
/* -------------------------------------------------------------------------------------------- */

#page legend {
	color:#FFE02D;
}
#page fieldset {
	border:1px solid #FFE02D;
	padding:5px;
	margin-bottom:5px;
	width:542px !important;
}
#page fieldset input,
#page fieldset textarea {
	border:0;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:1px solid #FFCC00;
	border-top:1px solid #FFCC00;
	background-color:#eeeeee;
	font-size:10px;
}
	html>body #page fieldset {
		clear:both;
	}
	html* #page fieldset {
		width:552px !important;
	}
#page fieldset.small {
	width:260px !important;
}
	html>body #page fieldset.small {
		width:173px;
		float:left;
		clear:none;
		margin-right:10px;
	}
	html* #page fieldset.small {
		width:274px !important;
	}
#page input.submit {
	padding:5px;
	border:0;
	background:none;
	width:88px;
	height:32px;
	color:#333333;
	font-weight:bold;
	background:url(../images/button-submit.gif) no-repeat center;
}
#page input:hover.submit,
#page input.submit:hover {
	background:url(../images/button-submit-hover.gif) no-repeat center;
	cursor:pointer;
}
	html* #page input.submit {
		margin-top:5px;
	}