/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site CHOUETT' VACANCES -----------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	margin:0;
	padding:0;
}
body {
	background:#FF9A00 url(../images/body.gif) repeat-x left top;
	font-size:12px;
	height:100%;
	text-align:center;
	line-height:170%;
	padding-top:32px;
	color:#595A5A;
}

#page {
	width:752px;
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #HEADER */
/* -------------------------------------------------------------------------------------------- */

#header {
	background:url(../images/bg-header.gif) repeat-x left top;
	margin:-32px auto -30px;
	min-width:991px;
	position:relative;
	z-index:2;
	height:357px;
	overflow:hidden;
	text-align:center;
}
#header img {
	margin:0 -495px;
}
#header div {
	margin:-357px auto 0;
	width:991px;
	text-align:left;
}
*html #header div {
	margin:-362px auto 0;
}
#header ul {
	position:absolute;
	left:-999em;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #NAVIGATION */
/* -------------------------------------------------------------------------------------------- */

#navigation {
	background:url(../images/bg-navigation.gif) repeat-x left top;
	color:#FFFFFF;
	height:38px;
	text-align:center;
}
#navigation ul {
	width:991px;
	text-align:right;
	padding-top:8px;
	margin:0 auto;
	position:relative;
	z-index:3;
}
*html #navigation ul {
	margin:0;
}
#navigation li {
	background:url(../images/bg-navigation-li.gif) no-repeat 2px 4px;
	display:inline;
	list-style:none;
	padding-left:8px;
}
#navigation li.first {
	background-image:none;
	display:inline;
	list-style:none;
	padding-left:8px;
}
#navigation a {
	color:#FFFFFF;
	text-decoration:none;
}
#navigation a:hover {
	text-decoration:underline;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #GLOBAL */
/* -------------------------------------------------------------------------------------------- */

#global {
	background:#FFFFFF url(../images/bg-global.gif) repeat-x left top;
	text-align:center;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #MAIN */
/* -------------------------------------------------------------------------------------------- */

#main {
	width:991px;
	min-height:350px;
	height:auto;
	margin:0 auto;
	padding:0 4px;
	text-align:justify;
}
*html #main {
	width:999px;
	height:350px;
}
#main.col2, 
.col2, 
#main.col3-white, 
.col3-white {
	background:url(../images/bg-main-col2.gif) no-repeat left top;
}
#main.col3, 
.col3 {
	background:url(../images/bg-main-col3.gif) no-repeat left top;
	background-color:white;
}

#main.col3r, 
.col3r {
	background:url(../images/bg-main-col3-r.gif) no-repeat right top;
	background-color:white;
}

#left.col3l, 
.col3l {
	background:url(../images/bg-main-col3-l.gif) no-repeat left top;
	background-color:red;
}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS --------------------------------------------------------------------------------- */

#left {
	width:173px;
	text-align:left;
}
#content {
	width:616px;
	padding:0 5px;
}
*html #content {
	width:626px;
}
#main.col2 #content, 
.col2 #content {
	width:808px;
}
*html #main.col2 #content, 
*html .col2 #content {
	width:818px;
}

#right {
	width:192px;
	text-align:left;
}
#left, 
#content, 
#right {
	float:left;
}
#account {
	background:url(../images/bg-account.jpg) no-repeat left top;
	width:193px;
	height:129px;
	margin:0 -10px 10px;
	position:relative;
	z-index:3;
}
#wire {
	background-color:#F7E8CB;
	margin:10px;
}
#main #left .sep {
	background:url(../images/bg-left-sep.gif) no-repeat center bottom;
	padding-bottom:20px;
	margin-bottom:15px;
}
#main .sep {
	background:url(../images/bg-sep.gif) no-repeat center bottom;
	padding-bottom:15px;
	margin-bottom:5px;
}
#main.col3 .cel1, 
#main.col3-white .cel1, 
.col3-white .cel1, 
.col3 .cel1 {
	width:308px;
	float:left;
}
#main.col2 .cel2, 
.col2 .cel2 {
	width:388px;
	float:left;
}
#main .index-search {
	background:url(../images/bg-index-search.jpg) no-repeat left top;
	height:350px;
	margin:10px;
}
.col3 .ad, 
.col3-white .ad {
	background:url(../images/bg-col3-ad.jpg) no-repeat left top;
	margin:10px;
	height:61px;
	padding:10px;
	text-align:center;
}

.col2 .ad, 
.col2-white .ad {
	background:url(../images/bg-col2-ad.jpg) no-repeat left top;
	margin:10px;
	height:61px;
	padding:10px;
	text-align:center;
}

*html .col2 .ad, 
*html .col2-white .ad,
*html .col3 .ad, 
*html .col3-white .ad {
	height:81px;
}

#main .brown {
	background:url(../images/bg-brown.gif) repeat-x left top;
	border:6px solid #C3A95F;
	margin:0 10px;
	padding:5px 0;
}


/* -------------------------------------------------------------------------------------------- */

#main h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#FF7301;
	margin:5px 10px;
}
#main h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#FF7301;
	margin:5px 10px;
}
	#main #right h3 {
		font-family:'Trebuchet MS', Verdana, sans-serif;
		font-size:13px;
		color:#666666;
		line-height:115%;
	}
	#main #right h3.coeur {
		background:url(../images/bg-h3-coeur.gif) no-repeat left top;
		margin:0 -5px;
		height:99px;
		width:202px;
		position:relative;
		z-index:3;
	}
	#main #right h3.idees {
		background:url(../images/bg-right-h3-idees.gif) no-repeat left top;
		height:25px;
		margin:10px 0;
	}
	#main #right h3.agenda {
		background:url(../images/bg-right-h3-agenda.gif) no-repeat left top;
		height:25px;
		margin:10px 0;
	}
	#main #left h3.selection {
		background:url(../images/bg-h3-selection.gif) no-repeat left top;
		margin:5px 0;
		height:27px;
	}
	#main #left h3.retour {
		background:url(../images/bg-h3-retour.gif) no-repeat left top;
		margin:5px 0;
		height:27px;
	}
	#main #left h3.tips {
		background:url(../images/bg-h3-tips.gif) no-repeat left top;
		margin:5px 0;
		height:27px;
	}
	#main #left h3.cloud {
		background:url(../images/bg-h3-cloud.gif) no-repeat left top;
		margin:5px 0;
		height:27px;
	}
	#main .cel1 h3.idees {
		background:url(../images/bg-h3-idees.gif) no-repeat left top;
		height:30px;
	}
	#main .cel1 h3.agenda {
		background:url(../images/bg-h3-agenda.gif) no-repeat left top;
		height:30px;
	}
#main h4 {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#666666;
	margin:5px 10px 0;
}
#main h5 {
	font-size:12px;
	color:#333333;
	margin:2px 10px 0;
}
#main h5.lien{
	background:url(../images/bg-li.gif) no-repeat 0 8px;
	padding-left:15px;
	margin:5px 10px 0;
}
#main h2 span, 
#main h3 span, 
#main h4 span {
	position:absolute;
	left:-999em;
}
#main p, 
#main ul, 
#main form {
	padding:5px 10px;
}
#main p.tags {
	background:url(../images/bg-p-tags.gif) no-repeat left top;
	font-size:10px;
	margin:0 10px;
	padding:5px 0;
	line-height:120%;
	padding-left:50px;
	min-height:32px;
	height:auto;
}
#main p.brun {
	background-color:#F2E6C0;
	margin:5px 10px;
	padding:5px;
}
#main p.chapeau {
	background-color:#FF7601;
	color:#FFFFFF;
	margin:5px 10px;
	padding:5px;
}
#content p.iris {
	background:transparent url(../images/logo_iris.gif) no-repeat 0 0;
	padding-left:50px;
	margin-top:10px;
}
#main p, 
#main ul, 
#main form, 
#main select, 
#main input,
#main textarea, 
#main table, 
#main th, 
#main td {
	font-size:12px;
}
#main ul.tab {
	padding:0 10px;
	height:37px;
}

#main ul.tab2 {
	padding:0 10px;
	height:37px;
}

#main li {
	background:url(../images/bg-li.gif) no-repeat 0 8px;
	list-style:none;
	padding-left:15px;
}
#main ul.idees li {
	padding-bottom:5px;
}
#main ul.tab li {
	background:url(../images/bg-li-tab.jpg) no-repeat left top;
	display:block;
	float:left;
	width:138px;
	height:33px;
	padding:2px;
	margin-right:1px;
	text-align:center;
	line-height:120%;
	letter-spacing:-1px;
}
#main ul.tab li.active {
	background:url(../images/bg-li-tab-active.jpg) no-repeat left top;
}
#main ul.tab2 li {
	background:url(../images/bg-li-tab.jpg) no-repeat left top;
	display:block;
	float:left;
	width:112px;
	height:33px;
	padding:2px;
	margin-right:1px;
	text-align:center;
	line-height:120%;
	letter-spacing:-1px;
}
#main ul.tab2 li.active {
	background:url(../images/bg-li-tab-active.jpg) no-repeat left top;
}

*html #main ul.tab li {
	width:143px;
}

*html #main ul.tab2 li {
	width:117px;
}

#main ul.tab li span {
	background:url(../images/bg-tab-span.gif) no-repeat left top;
	display:block;
	position:absolute;
	float:right;
	width:22px;
	height:12px;
	margin:3px 0 0 114px;
	padding:4px 2px;
	text-align:center;
	color:#0A5491;
}

#main ul.tab2 li span {
	background:url(../images/bg-tab-span.gif) no-repeat left top;
	display:block;
	position:absolute;
	float:right;
	width:22px;
	height:12px;
	margin:3px 0 0 114px;
	padding:4px 2px;
	text-align:center;
	color:#0A5491;
}


*html #main ul.tab li span {
	width:26px;
	margin:3px 0 0 -16px;
}

*html #main ul.tab2 li span {
	width:26px;
	margin:3px 0 0 -16px;
}

#main a {
	color:#3188CF;
}

#main a:hover {
	color:#0A5491;
}
.ad a img {
	border:none;
}
#main a.coupdecoeur {
	background:url(../images/bg-a-coupdecoeur.gif) no-repeat left top;
	display:block;
	height:26px;
}
#main a.commentaire {
	background:url(../images/bg-a-commentaire.gif) no-repeat left top;
	display:block;
	height:27px;
}
#main a.coupdecoeur span, 
#main a.commentaire span {
	position:absolute;
	left:-999em;
}
#main a.bluenext, 
#main a.blueprevious {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	margin:2px 0;
	line-height:120%;
}
#main a.bluenext {
	background:#338AB6 url(../images/bg-a-bluenext.gif) no-repeat left center;
	padding:7px 10px 7px 25px;
}
#main a.blueprevious {
	background:#338AB6 url(../images/bg-a-blueprevious.gif) no-repeat right center;
	padding:7px 25px 7px 10px;
}
#main a:hover.bluenext, 
#main a:hover.blueprevious {
	color:#EC8527
}

p#diaporama {
	clear:both;
	height:260px;
}
p#diaporama img {
	position: absolute;
	width:362px;
	border:3px solid #9E866C;
}

#main ul.tab li a {
	display:block;
	vertical-align:middle;
	float:left;
	width:116px;
	height:33px;
	color:#777777;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}
#main ul.tab li a.full {
	width:138px;
}
#main ul.tab li a.one {
	padding-top:8px
}
html>body #main ul.tab li a.one {
	height:25px;
}
#main ul.tab li a:hover {
	color:#FFFFFF;
}
#main ul.tab li.active a {
	color:#FFFFFF;
	cursor:default;
}

#main ul.tab2 li a {
	display:block;
	vertical-align:middle;
	float:left;
	width:116px;
	height:33px;
	color:#777777;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}
#main ul.tab2 li a.full {
	width:112px;
}
#main ul.tab2 li a.one {
	padding-top:8px
}
html>body #main ul.tab2 li a.one {
	height:25px;
}
#main ul.tab2 li a:hover {
	color:#FFFFFF;
}
#main ul.tab2 li.active a {
	color:#FFFFFF;
	cursor:default;
}




#main p.cloud a.cloud0 {
	font-size:9px;
}
#main p.cloud a.cloud1 {
	font-size:10px;
}
#main p.cloud a.cloud2 {
	font-size:11px;
}
#main p.cloud a.cloud3 {
	font-size:12px;
}
#main p.cloud a.cloud4 {
	font-size:13px;
}
#main p.cloud a.cloud5 {
	font-size:14px;
}
#main p.cloud a.cloud6 {
	font-size:15px;
}
#main p.cloud a:hover {
	background-color:#0A5491;
	color:#FFFFFF;
	text-decoration:none;
}
#main ul.idees li a {
	line-height:120%;
	font-size:11px;
	color:#595A5A;
	text-decoration:none;
}
#main ul.idees li small {
	color:#A5A5A3;
}
#main ul.idees li strong, 
#main ul.idees a:hover {
	color:#FF7301;
}
#main dl {
	padding:5px 10px;
}
#main dt {
	padding:0 10px 5px 15px;
}
#main dd {
	margin:0;
	padding:0 0px 5px 15px;
}
#main dl.agenda {
	clear:both;
}
#main dl.agenda dt {
	background:transparent url(../images/bg-dt-agenda.gif) no-repeat right bottom;
	float:left;
	text-align:center;
	margin:0;
	padding:2px;
}
html>body #main dl.agenda dt {
	padding:0 5px;
}
#main dl.agenda dt span {
	display:block;
}
#main dl.agenda dt span.day {
	font-size:22px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#424242;
}
#main dl.agenda dt span.month {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#FB9B00;
	margin-top:-7px;
}
#main dl.agenda dt span.year {
	font-size:12px;
	color:#8C8C8B;
	font-weight:bold;
	margin-top:-3px;
}
#main dl.agenda dd {
	padding-left:45px;
	line-height:120%;
	font-size:11px;
}
#main dl.agenda a {
	text-decoration:none;
	color:#595A5A;
}
#main dl.agenda a strong {
	color:#0E5D90;
	font-size:12px;
}
#main dl.agenda a:hover {
	color:#0E5D90;
}
#main .index-search form {
	margin:55px 3px 0;
	position:absolute;
	width:200px;
	text-align:left;
}
#main .index-search select {
	margin:0 0 5px;
	width:194px;
}
*html #main .index-search select {
	margin:0 3px 5px;
	width:190px;
}
#main .index-search option {
	padding:2px;
}
#main .index-search option.title {
	background-color:#FF6D00;
	font-weight:bold;
	color:#FFFFFF;
}
#main .index-search option.item {
	background-color:#FE9B00;
	padding-left:7px;
	color:#FFFFFF;
}
#main .index-search input {
	width:194px;
	margin-bottom:5px;
}
*html #main .index-search input {
	width:190px;
}
#main .index-search #tag {
	width:160px;
	margin-right:5px;
	float:left;
}
#main .index-search #tagsubmit {
	width:19px;
	height:18px;
	margin-top:3px;
	padding:0;
	float:left;
}
#main .index-search input.date {
	width:105px;
	height:24px;
	padding:2px;
	background:transparent url(../images/bg-input-date.gif) no-repeat right center;
	border:none;
	float:left;
	cursor:pointer;
}
#main .index-search input.cap {
	width:80px;
	margin-right:-3px;
	float:left;
}

#main .index-search input.auto {
	width:auto;
}
#main .index-search span {
	display:block;
	padding:3px 2px 0;
	float:left;
	color:#000000;
}
#main .index-search p {
	margin:0 0 0 -15px;
	position:absolute;
	z-index:8;
	width:200px;
	text-align:left;
	line-height:105%;
	font-size:10px;
}
*html #main .index-search p {
	margin:230px 3px 0;
}
#main .index-search .map {
	float:right;
	height:338px;
	width:365px;
	margin:7px 18px 0 0;
}
*html #main .account-fiche input {
	width:190px;
}
#main .account-fiche input.date {
	width:105px;
	padding:2px;
	background:transparent url(../images/bg-input-date.gif) no-repeat right center;
	border:none;
	cursor:pointer;
}
#main .brown table.inner-nav {
	width:574px;
	margin:5px;
	text-align:center;
}
#main.col2 .brown table.inner-nav, 
.col2 .brown table.inner-nav {
	width:766px;
}
#main .brown table.inner-nav td {
	vertical-align:top;
}
#main .brown table.inner-nav td strong, 
#main .brown table.inner-nav td a strong {
	color:#FF7301;
	text-decoration:none;
}
#main table.inner-nav td.previous {
	text-align:left;
}
#main table.inner-nav td.next {
	text-align:right;
}
#main table.inner-nav td.previous a {
	background:url(../images/bg-a-previous.gif) no-repeat left 6px;
	padding-left:14px;
}
#main table.inner-nav td.next a {
	background:url(../images/bg-a-next.gif) no-repeat right 6px;
	padding-right:14px;
}

#main .brown #results {
	width:584px;
	border-top:1px solid #CBB675;
}
#main .brown #results td {
	padding:5px;
	vertical-align:top;
	text-align:justify;
}
#main .brown #results tr.first td {
	padding-top:10px;
}
#main .brown #results td * {
	padding:0;
	margin:0;
}
#main .brown #results h4 {
	margin-bottom:5px;
	font-size:16px;
}
#main #results td.notes {
	border-bottom:1px solid #CBB675;
}
#main #results td.notes ul, 
#main ul.notes {
	width:135px;
	background-color:#E4D9B6;
	text-align:center;
}
#main ul.notes {
	padding:0;
	margin:5px 10px;
}
#main #results td.notes ul li, 
#main ul.notes li {
	background-image:none;
	border-bottom:1px solid #ECE3C3;
	padding:2px 2px 0;
}
#main #results td.tags p {
	background:url(../images/bg-p-tags.gif) no-repeat left top;
	font-size:10px;
	line-height:120%;
	padding-left:50px;
	min-height:32px;
	height:auto;
}
#main #results td.tags {
	border-bottom:1px solid #CBB675;
}
*html #main #results td.tags p {
	height:32px;
}
#main #results img.pict, 
#main img.pict {
	border:3px solid #9E866C;
}
#main #results a.add-selection {
	float:right;
}
#main #results a.add-selection img {
	border:none;
}
#main #results a span {
	position:absolute;
	left:-999em;
}
#main p.legend {
	float:left;
	font-size:11px;
}
#main p.legend span {
	padding-left:20px;
}
#main p.legend span.low {
	background:url(../images/bg-span-low.gif) no-repeat left top;
}
#main p.legend span.middle {
	background:url(../images/bg-span-middle.gif) no-repeat left top;
}
#main p.legend span.high {
	background:url(../images/bg-span-high.gif) no-repeat left top;
}
#main p.legend span.booked {
	background:url(../images/bg-span-booked.gif) no-repeat left top;
}
#main p.legend span.unknown {
	background:url(../images/bg-span-unknown.gif) no-repeat left top;
}


#main table.notes {
	margin:5px 10px;
}
#main .cel2 table.notes {
/*	width:367px; */
	width:352px;
	border-top:1px solid #ECE3C3;
}
#main table.notes td {
	padding:2px;
	background-color:#E4D9B6;
	border-bottom:1px solid #ECE3C3;
	text-align:center;
}


#main .cel2 #map {
	margin:5px 10px;
	width:368px;
	height:220px;
	background-color:#CCCCCC;
}

#main table.calendrier {
	margin:5px 8px;

}
#main .cel2 table.calendrier {
	width:368px;
}
#main table#calendar {
	float:left;
	width:auto;
}
#main table.calendrier th {
	background-color:#9E866C;
	padding:3px 1px;
	color:#FFFFFF;
}
#main table.calendrier th form {
	padding:0;
}
#main table.calendrier td {
	padding:1px;
	text-align:center;
	cursor:default;
}
#main table.calendrier td.days {
	background-color:#CAB876;
}
#main table.calendrier td.day {
	background-color:EEEEEE;
}
#main table.calendrier td.low {
	background-color:#6CC000;
	color:#FFFFFF;
}
#main table.calendrier td.middle {
	background-color:#FF6C33;
}
#main table.calendrier td.high {
	background-color:#AA0000;
	color:#FFFFFF;
}
#main table.calendrier td.booked {
	background-color:#4699FF;
}
#main table.calendrier td.unknown {
	background-color:#EEDFB6;
}


#main table.searchfaq {
	width:596px;
	margin-bottom:25px;
}
#main table.searchfaq td {
	padding-right:5px;
	vertical-align:middle;
}
#main table.searchfaq input {
	margin:0 5px;
	padding:0;
}

#main table.bookmark {
}
#main table.bookmark td {
	vertical-align:top;
}
#main table.bookmark p.comments {
	vertical-align:top;
	background:#F6EDCD url(../images/bg-p-comments.gif) no-repeat left top;
	border:1px solid #BAA68B;
	margin:5px 10px;
	padding-left:40px;
	font-size:11px;
	min-height:62px;
	height:auto;
}
*html #main table.bookmark p.comments {
	height:62px;
}
#main table.links {
	border-top:1px solid #CBB675;
	width:780px;
}
#main table.account {
	border-top:1px solid #CBB675;
	width:550px;
	border-left:10px;
}

#main table.links th {
	text-align:left;
}
#main table.account th {
	text-align:left;
}
#main table.links td {
	vertical-align:top;
	border-bottom:1px solid #CBB675;
	padding-bottom:5px;
}
#main table.account td {
	vertical-align:top;
	border-bottom:1px solid #CBB675;
	padding-bottom:5px;
}



#main table.selection {
	margin:10px;
}
#main table.selection td {
	vertical-align:top;
	border:1px solid #E3D4B6;
}
#main table.selection th.action {
	padding:5px;
}
#main table.selection td.action {
	background-color:#F7E8CB;
	text-align:center;
	padding:5px;
}

/* --- */

#main table.histo {
}
#main table.histo td {
	vertical-align:top;
	padding:10px;
}

/* --- */

#main table.histo-detail, 
#main table.histo-list {
	border:solid #E3D4B6;
	border-width:1px 0 0 1px;
}
#main table.histo-list tr {
	cursor:pointer;
}
#main table.histo-detail th, 
#main table.histo-list th {
	background-color:#F7E8CB;
	border:solid #E3D4B6;
	border-width:0 1px 1px 0;
}
#main table.histo-detail td, 
#main table.histo-list td {
	font-size:11px;
	border:solid #E3D4B6;
	border-width:0 1px 1px 0;
	background-color:#FFFFFF;
	padding:2px;
}
#main table.histo-list tr:hover td, 
#main #histo-list tr.sfhover td {
	background-color:#FFFFCC;
}

/* --- */


/* --- */


#main table.docs{
	width:596px;
	margin:0 0 0 10px;
}
#main table.docs th {
	background:#F2F2F1 url(../images/bg_docs_th.gif) no-repeat left top;
	border-bottom:1px solid #CBB675;
	border-top:1px solid #CBB675;
	padding:5px;
	font-weight:normal;
}
#main table.docs h3 {
	background:url(../images/bg-left-sep.gif) no-repeat center bottom;
	margin:5px;
	padding:5px;
}
html>body #main table.docs h3 {
	margin:5px;
	padding:0 0 15px 0;
}

#main legend {
	color:#465253;
}
#main fieldset {
	border:1px solid #C5B77A;
	padding:5px;
	margin-bottom:5px;
}
#main fieldset.small {
	width:240px;
}
#main fieldset.normal {
	width:510px;
}

html>body #main fieldset {
	clear:both;
}
html>body #main fieldset.small {
	width:243px;
	float:left;
	clear:none;
	margin-right:10px;
	margin-left:10px;	
}
html>body #main fieldset.normal {
	width:519px;
	float:left;
	clear:none;
	margin-right:10px;
	margin-left:10px;	

}

#main form.tabbedform fieldset.xsmall {
	width:185px;
}
html>body #main form.tabbedform fieldset.xsmall {
	width:156px;
	float:left;
	clear:none;
	margin-right:10px;
	margin-left:10px;
}
#main form.tabbedform fieldset.small {
	width:280px;
}
html>body #main form.tabbedform fieldset.small {
	width:250px;
}
#main form.tabbedform fieldset.medium {
	width:374px;
}
html>body #main form.tabbedform fieldset.medium {
	width:344px;
	float:left;
	clear:none;
	margin-right:10px;
	margin-left:10px;
}
#main form.tabbedform fieldset.normal {
	width:564px;
}
html>body #main form.tabbedform fieldset.normal {
	width:533px;
}


#main strong.smiley {
	background:url(../images/ico-internaute-bg-blanc.gif) no-repeat left center;
	padding:2px 5px 0 20px;
	display:block;
	float:left;
}

#main em {
	color:#FF7601;
	font-style:normal;
}

#main div.autocomplete {
	background:#FFFFFF;
	position:relative;
	z-index:15;
	border:1px solid #C5B77A;
}
*html #main div.autocomplete {
	position:absolute;
}
#main div.autocomplete ul {
	margin:0;
	padding:2px;
}
#main div.autocomplete ul li {
	cursor:pointer;
}
#main div.autocomplete ul li b {
	cursor:pointer;
	color:#000000;
}
#main div.autocomplete ul li:hover {
	color:#000000;
}
#main #TagIndicator {
	position:absolute;
	z-index:16;
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #C5B77A;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #LEFT  */
/* -------------------------------------------------------------------------------------------- */

#main #left #account form {
	padding:33px 20px 0;
	font-size:10px;
}
#main #left #account form.user {
	padding:3px 20px 0;
}
#main #left #account input {
	font-size:10px;
	height:19px;
}
#main #left #account p {
	padding:3px 20px 0;
}
#main #left #account p.user {
	padding:35px 20px 0;
}
#main #left p.cloud {
	background:url(../images/bg-p-cloud.jpg) no-repeat center bottom;
	text-align:justify;
	min-height:230px;
	height:auto;
}
*html #main #left p.cloud {
	height:230px;
}
#main #left a.selection {
	background:url(../images/bg-a-selection.gif) no-repeat left top;
	padding-left:20px;
}
#main #left a.link_mappy, 
#main #left a.link_bison,
#main #left a.link_sncf, 
#main #left a.link_meteo {
	text-decoration:none;
	display:block;
	margin:5px 0;
	line-height:120%;
	background-color:#FFFFFF;
	height:26px;
	padding:7px 10px 7px 35px;
}
*html #main #left a.link_mappy, 
*html #main #left a.link_bison,
*html #main #left a.link_sncf, 
*html #main #left a.link_meteo {
	height:40px;
}
#main #left a.link_mappy span, 
#main #left a.link_bison span,
#main #left a.link_sncf span, 
#main #left a.link_meteo span{
	position:absolute;
	left:-999em;
}
#main #left a.link_mappy {
	background:#FFFFFF url(../images/bg_mappy.gif) no-repeat left center;
}
#main #left a.link_bison {
	background:#FFFFFF url(../images/bg_bison.gif) no-repeat left center;
}
#main #left a.link_sncf {
	background:#FFFFFF url(../images/bg_sncf.gif) no-repeat left center;
}
#main #left a.link_meteo {
	background:#FFFFFF url(../images/bg_meteo.gif) no-repeat left center;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #RIGHT  */
/* -------------------------------------------------------------------------------------------- */

#main #right p.light {
	font-size:10px;
	line-height:110%;
}
#main #right p.light a {
	text-decoration:none;
	color:#808182;
}
#main #right p.light a img {
	border:3px solid #9E866C;
}
#main #right p.light a:hover {
	color:#FF6D01;
}
#main #right p.light a:hover img {
	border:3px solid #FF6D01;
}
#main #right a.link_top10 {
	background:#FFFFFF url(../images/bg_top10.gif) no-repeat left center;
	text-decoration:none;
	display:block;
	margin:25px 0;
	line-height:120%;
	background-color:#FFFFFF;
	height:40px;
	padding:0;
	text-align:center;
}
#main #right a.link_top10 span{
	position:absolute;
	left:-999em;
}
#main #right .sep {
	background:url(../images/bg-left-sep.gif) no-repeat center top;
	padding-top:20px;
	margin-top:15px;
}

#main #left a.link_top10 {
	background:#FFFFFF url(../images/bg_top10.gif) no-repeat left center;
	text-decoration:none;
	display:block;
	margin:25px 0;
	line-height:120%;
	background-color:#FFFFFF;
	height:40px;
	padding:0;
	text-align:center;
}
#main #left a.link_top10 span{
	position:absolute;
	left:-999em;
}
#main #left .sep {
	background:url(../images/bg-left-sep.gif) no-repeat center top;
	padding-top:20px;
	margin-top:15px;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #WIRE - Chemin de navigation */
/* -------------------------------------------------------------------------------------------- */

#wire li {
	background:url(../images/bg-wire-li.gif) no-repeat 0 2px;
	display:inline;
	padding-left:16px;
	list-style:none;
	font-size:10px;
}
#wire a {
	color:#858687;
	text-decoration:none;
}
#wire a:hover {
	text-decoration:underline;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #FOOT */
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:url(../images/bg-foot.gif) repeat-x left top;
	color:#FFFFFF;
	height:32px;
}
#foot p {
	width:991px;
	margin:0 auto;
	padding-top:6px;
}
#foot a {
	color:#FFFFFF;
	text-decoration:none;
}
#foot a:hover {
	text-decoration:underline;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
}
.filet {
	width:100%;
	clear:both;
	font-size:1px;
	margin-bottom:5px;
	border-bottom:1px solid #C5B77A;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	padding:0 10px 5px 0;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
a img {
	border:none;
}



