/*	-------------------------------------------------------------
	ARGELES SUR MER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure du site
	Nom fichier:	base-tourisme.css
	Version:		1.0
	Date:			30/06/2007
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


body {
	background-color: #0791CE;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 0 0 0 0;
	margin:0px;
}


td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}








/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#container-accueil {
	background-color:#FFFFFF;
	background:url(../images/tou-somttu1.gif) repeat-y;
	text-align: center;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
	min-height:500px;
	height:auto !important;
	height:500px;
}


#container-ic {
	background:url(../images/tou-icttu1.gif) repeat-y top;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
	min-height:900px;
	height:auto !important;
	height:900px;
}
#blocktxtic { padding-bottom:70px; }


#container-blanc {
	background-color:#FFFFFF;
	text-align: center;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
/*	min-height:900px;
	height:auto !important;
	height:900px; */
}


#container-bas {
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
	background-color:#DEDC26;
	padding:0 0 20px 0;
}








/*	-------------------------------------------------------------
	Positionnement
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#posbasictest {width:960px; margin:auto; position:relative}
#posbasic {width:960px; margin:auto; position:relative}
#posbasicsom {position:absolute;left:0; bottom:0px; min-height:306px; height:auto !important; height:306px;}
#posbasbroch {position:absolute;right:30px; bottom:190px;}


#poshaut1 {position:absolute; left:8px; top:22px;}
#poshaut2 {position:absolute; left:0px; top:48px;}


#poshaut3 {position:absolute; left:6px; top:314px;}
#poshaut4 {position:absolute; left:0px; top:392px;}
#poshaut5 {position:absolute; left:494px; top:382px;}
#poshaut7 {position:absolute; left:0px; top:183px;}
#poshaut8ic {position:absolute; left:0px; top:405px; height:97px; background:url(../images/tou-icttu2.gif) repeat-y top; display:block; width:100%}
#poshaut8accueil {position:absolute; left:0px; top:405px; height:97px; background:url(../images/tou-accttu2.gif) repeat-y top; display:block; width:100%}
#poshaut8search {position:absolute; left:0px; top:405px; height:97px; background:url(../images/tou-searchttu2.gif) repeat-y top; display:block; width:100%}
#poshaut9 {position:absolute; left:0px; top:56px;}










/*	-------------------------------------------------------------
	Sommaires
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#somm1 {width:100%; position:relative}
#somm2 {position:absolute;top:-10px; left:28px; width:495px; padding-bottom:2px; border-bottom:#6ABDE2 solid 2px; text-align:left}
#somm3 {position:relative; top:-7px}
#somm4 {width:960px; background: url(../images/tou-somttu2.png) repeat-x bottom;}
#somm5 {width:530px; position:relative; float:left;}
#somm6 {position:relative; float:right; width:424px; text-align:center;}
#somm7 {width:424px; background:url(../images/tou-somttu3.gif) no-repeat bottom left #FFFFFF;}
#somm8 {width:424px; background:url(../images/tou-somttu4.gif) repeat-y top; border-top:#0C7ECE solid 1px; min-height:400px; height:auto !important; height:400px;}
#somm9 {width:216px; text-align:center; float:left}
#somm10 {margin-bottom:13px;}
#somm11 {margin-top:13px; margin-bottom:13px;}
#somm12 {width:190px; margin:auto; text-align:left}
#somm13 {width:208px; float:left; background-color:#56B4DE}
#somm14 {}
#somm15 {}
#somm16 {}
#somm17 {}
#somm18 {}
#somm19 {}




/*	-------------------------------------------------------------
	Base de page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#adresse, #adresse a:link, #adresse a:visited, #adresse a:hover, #adresse a:active {color:#5B690D; font-weight:bold; text-align:center; margin-top:5px;}


#medias, #medias a:link, #medias a:visited, #medias a:hover, #medias a:active {color:#5B690D; font-weight:bold; text-align:center; margin-top:5px;}


.baspage2 {color:#58AF2F; font-weight:bold;}


#mentions, #mentions a:link, #mentions a:visited, #mentions a:hover, #mentions a:active {text-align:center; margin-top:5px; color:#5B690D;}


#bastheme {color:#11571A; font-weight:bold; font-size:10px; text-align:center; margin-top:25px;}
#bastheme a:link {color:#11571A; font-weight:bold; text-decoration : none;}
#bastheme a:visited, #baspage4 a:active {color:#11571A; font-weight:bold;}
#bastheme a:hover {color:#11571A; font-weight:bold; text-decoration : underline;}


.bascol {width:182px; min-height:110px; height:auto !important; height:110px; border-right:#83A415 solid 1px; float:left; color:#156000; text-align:left}


.baslien {color:#156000; line-height:15px;}












/*	-------------------------------------------------------------
	MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#menu {
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	top:0;
	left:0;
	z-index:5000;
}
#menu li {
	position:absolute;
	display:block;
	padding:0;
	margin:0;
	z-index:5000;
	overflow:hidden;
}




#menu li a {
	position: relative;
	display:block;
	overflow:hidden;
}
#menu li a img { position:relative; display:block; }




#mn00 { top:430px; left:0; width:84px; height:57px; }
#mn01 { top:417px; left:76px; width:162px; height:50px; }
#mn02 { top:417px; left:238px; width:219px; height:48px; }
#mn03 { top:430px; left:453px; width:223px; height:60px; }
#mn04 { top:456px; left:671px; width:143px; height:43px; }
#mn05 { top:407px; left:811px; width:150px; height:91px; }


#mn00 a:hover img, #mn00 a.select img { top: -57px; }
#mn01 a:hover img, #mn01 a.select img { top: -50px; }
#mn02 a:hover img, #mn02 a.select img { top: -48px; }
#mn03 a:hover img, #mn03 a.select img { top: -60px; }
#mn04 a:hover img, #mn04 a.select img { top: -43px; }
#mn05 a:hover img, #mn05 a.select img { top: -91px; }






.squaremenu_content {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 222px;
  text-align:left;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	z-index:300;
}
.squaremenu_content a {
  display: block;
  margin: 0px;
  padding: 7px 6px;
  color: #fff;
  height: auto !important;
  text-indent: -10px;
  padding-left: 18px;
  text-decoration: none;
}
.squaremenu_content a:hover, .squaremenu_content a.select { 
	background: #fff; color: #074c6b; text-decoration: none; 
}


#squaremenu_content1 { width:157px; }
#squaremenu_content2 { width:218px; }
#squaremenu_content3 { width:218px; }
#squaremenu_content4 { width:144px; }
#squaremenu_content5 { width:155px; }


#squaremenu_content1 .content { border:2px solid #f15a22; }
#squaremenu_content2 .content { border:2px solid #00b2b0; }
#squaremenu_content3 .content { border:2px solid #0095d5; }
#squaremenu_content4 .content { border:2px solid #ec008c; }
#squaremenu_content5 .content { border:2px solid #00a94f; }


.squaremenu_content .content { 
	border-width:0 2px !important; 
	background: #074c6b; 
	border-bottom:1px solid #074c6b !important; 
}




/*	-------------------------------------------------------------
	LE CLUB
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#all-website {
display:block;
margin-top:7px;
width:27px;
height:38px;
border: outset 1px #fff;
border-right: none;
background:url(../images/icon_www.jpg) no-repeat 0 0;
text-decoration:none;
}
#club-tab0 {
position: fixed;
right: 0;
top: 40%;
width:27px;
z-index:9990;
}
a#club-tab {
display: block;
background: url(../images/tou-club_btoff.gif) 50% no-repeat;
width: 27px;
height: 111px;
margin-top: -20px;
border: outset 1px #fff;
border-right: none;
z-index: 100001;
text-decoration:none;
}
a#club-tab:hover {
/* background-color: #06c; */ 
border: outset 1px #fff;
border-right: none;
cursor: pointer;
background: url(../images/tou-club_bton.gif) 50% no-repeat;
}