/* Feuille de style pour le site de tourisme
 * Auteur : Damien Balloy, le 14/03/2008 */

body
{
	text-align: center;
    background: #d2fbb3;
	font-size: 12px;
	/*font-family: Arial, Helvetica, sans-serif;*/
}
table,tr,td
{
	font-size: 13px;
	/*font-family: Arial, Helvetica, sans-serif;*/
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-align: left;
}

a img {border: none;}
a:link    {text-decoration: none;color:#0000ff; }
a:visited {text-decoration: none;color:#0233ff; }
a:active  {text-decoration: none;color:#0233ff; }
a:hover   {text-decoration: underline; cursor: hand;color:#00007F; }

#general {
    position: relative;
    width: 800px;
    background: url(../fond.jpg);
	background-repeat : repeat-x;
	border:1px solid #000000;
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding:0;
	margin:0;
}
#top  {
	z-index:0;
	width:800px;
	top: 0px;
	left: 0px;
	height:234px;
	background: url(../bandeau_hautu.jpg);
	border-bottom: 0px solid #000000;
}

#haut_droite  {
	position:absolute;
	z-index: 20;
	top: -17px;
	right: -10px;
	width: 274px;
	height:217px;
	background: url(../images/haut_droite.jpg);
}
#un  {
	position:absolute;
	z-index: 20;
	top: 310px;
	left: 345px;
	width: 120px;
	height:90px;
	border:1px solid #000000;
	background: url(../images/soiree.gif);
}
#deux  {
	position:absolute;
	z-index: 20;
	top: 490px;
	left: 330px;
	width: 120px;
	height:90px;
	border:1px solid #000000;
	background: url(../images/aire_jeux.gif);
}
#trois  {
	position:absolute;
	z-index: 20;
	top: 310px;
	left: 675px;
	width: 120px;
	height:90px;
	border:1px solid #000000;
	background: url(../images/canoe.gif);
}
#quatre  {
	position:absolute;
	z-index: 20;
	top: 530px;
	left: 655px;
	width: 120px;
	height:90px;
	border:1px solid #000000;
	background: url(../images/equitation.gif);
}
#banniere  {
	position:absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 33px;
	text-align:left;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FDD703;
}

#menu_haut  {
	z-index:20;
	position:absolute;
	font-size:12px;
	top: 160px;
	left: 0px;
	width: 800px;
	height: 41px;
	background-color:#ffea73;
	border-top: 1px solid #000000;
	text-align: right;
	padding: 0;
	margin:0;
}
#menu_haut ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
      list-style : none;
      margin: 0;
      padding: 0;
      }
    #menu_haut li {
      float : left;
      }
    #menu_haut li a {
      display : block;
      width : 142px;
      height : 80px;
      line-height : 40px;
      text-align: center;
      font-weight : bold;
      color : #0000cd;
      text-decoration : none;
      background : #FFEA73;
      border-top : 1px dashed #fff;
	  border-bottom : 1px dashed #fff;
	  padding:0;
	  margin:0;
      }
    #menu_haut li a:hover {
      background : #00FF00;
      color : #00bfff;
      }

#middle{
	margin-left:180px;
	margin-right:0px;
	z-index:20;
	text-align:center;
    width:620px;
	height:500px;
	scrollbar-face-color: #FE742C;
    scrollbar-shadow-color: #FFEA73;
    scrollbar-highlight-color: #FFEA73;
    scrollbar-3dlight-color: #FE742C;
    scrollbar-darkshadow-color: #5E2000;
    scrollbar-track-color: #FECD4E;
    scrollbar-arrow-color: #FFFFFF;
	overflow:auto;
	margin-top:11px;
}
#bottom {
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-align:center;
	padding-top:40px;
	background: #FFFFFF;
}
#plan_site {
	background-color:#ffea73;
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-align:center;
	padding-top:30px;
}

#offre  {
	position:absolute;
	top:240px;
	left:10px;
	background:#FE742C;
	color:#FFFFFF;
	width: 160px;
	height:20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	border:1px dashed #FE742C;
	padding-top:2px;
}
#gauche  {
	position:absolute;
	top:260px;
	left:10px;
	background:#FECD4E;
	width: 160px;
	height:220px;
	scrollbar-face-color: #FE742C;
    scrollbar-shadow-color: #FFEA73;
    scrollbar-highlight-color: #FFEA73;
    scrollbar-3dlight-color: #FE742C;
    scrollbar-darkshadow-color: #5E2000;
    scrollbar-track-color: #FECD4E;
    scrollbar-arrow-color: #FFFFFF;
	overflow:auto;
	text-align:center;
	font-size:10px;
	border-left:1px dashed #FE742C;
	border-right:1px dashed #FE742C;
	border-bottom:1px dashed #FE742C;
}
#gauchebas {
	position:absolute;
	top:460px;
	left:10px;
	width: 160px;
	height:210px;
	text-align:center;
}
#gauche ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
      list-style : none;
      margin: 0;
      padding: 0;
      }
    #gauche li {
      float : left;
	  padding : 10px;
      }
    #gauche li a {
      display : block;
      width : 140px;
      height : 40px;
      line-height : 40px;
      text-align: left;
      color : #0000cd;
      text-decoration : none;
      background : #FFFFFF;
      padding:0;
	  margin:0;
      }
    #gauche li a:hover {
      background : #00FF00;
      color : #00bfff;
      }
#droite  {
	width: 20px;
	background-color:#00fffff;
	text-align:left;
	float:left;
	border:1px solid #000;
}

#case_menu  {
	color: #FFFFFF;
	background: #FE742C;
	width: 150px;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	margin-top:20px;
}
#case_menu  a{
	color: #FFFFFF;
}
#case_menu2  {
	color: #FFFFFF;
	background: #FE742C;
	width: 148px;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	margin-top:20px;
}
#case_menu3  {
	color: #FFFFFF;
	background: #FE742C;
	width: 460px;
	font-size: 13px;
	font-weight: bold;
	height: 20px;
}
#titre_menu3 {
	background: #FECD4E;
	z-index: 20;
	width: 458px;
	border-bottom: 1px dashed #FE742C;
	border-left: 1px dashed #FE742C;
	border-right: 1px dashed #FE742C;
	margin: 0 ;
	padding: 0 ;
}
#titre_menu {
	list-style: none ;
	background: #FECD4E;
	z-index: 20;
	width: 148px;
	border-bottom: 1px dashed #FE742C;
	border-left: 1px dashed #FE742C;
	border-right: 1px dashed #FE742C;
	margin: 0 ;
	padding: 0 ;
}
#liste_menu  {
	list-style: none ;
	background: #FECD4E;
	width: 148px;
	margin: 0 ;
	padding: 0 ;
}
#liste_menu li {
	list-style: none ;
	color: #0000FF;
	background: #FECD4E;
	height: 18px;
	font-size: 10px;
	text-align: left;
	padding: 3px 0px 0px 0px;
}
#pub {
	list-style: none ;
	background: #FECD4E;
	z-index: 20;
	width: 148px;
	border-bottom: 1px dashed #FE742C;
	border-left: 1px dashed #FE742C;
	border-right: 1px dashed #FE742C;
	margin: 0 ;
	padding: 0 ;
}
#pub1 {
	list-style: none ;
	background: #FECD4E;
	z-index: 20;
	width: 148px;
	border-left: 1px dashed #FE742C;
	border-right: 1px dashed #FE742C;
	margin: 0 ;
	padding: 0 ;
}

#lienretour {
	width: 200px;
	height: 100px;
	overflow: auto;
	background: #FFFFFF;
	text-align: left;
	border-style:solid;
	border-color:#FE742C;
	border-width:1px;
	padding: 5px 0px 0px 2px;
}
#conditions {
	width: 450px;
	height: 300px;
	overflow: auto;
	background: #FFFFFF;
	text-align: justify;
	border-style:solid;
	border-color:#FE742C;
	border-width:1px;
	scrollbar-face-color: #FE742C;
    scrollbar-shadow-color: #FFEA73;
    scrollbar-highlight-color: #FFEA73;
    scrollbar-3dlight-color: #FE742C;
    scrollbar-darkshadow-color: #5E2000;
    scrollbar-track-color: #FECD4E;
    scrollbar-arrow-color: #FFFFFF;
	padding: 5px;
}
#conditions2 {
	text-align: left;
	border-width:1px;
	padding: 0px 10px 0px 10px;
}
#waituk {
      z-index:20;
      margin: 0 auto;
      text-align: left;
} 
.photo{
	z-index: 0;
	position:relative;
}
.photo img{
	border:1px solid #000000;
}
.photo span  {
	display:none;
}
.photo:hover span{
	z-index:30;
	display:block;
	position:absolute;
	bottom: -45px;
	right: 0px;
	cursor:hand;
}

.orange {
	color:#FE742C;
	padding:0 4px 0 4px;
}
.menu_haut_li {
      width : 110px;
      text-align: center;
	  padding-top:10px;
      padding-bottom:10px;
      font-size:11px;
	  font-weight:bold;
	  color : #0000cd;
      background : #FFEA73;
}
.ssmenu_haut_li {
      width : 146px;
       padding-top:7px;
      padding-bottom:7px;
      text-align: center;
      font-size:11px;
	  color : #0000cd;
      text-decoration : none;
      background : #FFEA73;
}
.menu_haut_li_selec {
      display : block;
      width : 110px;
       padding-top:10px;
      padding-bottom:10px;
      text-align: center;
      color : #ffffff;
      text-decoration : none;
      background : 0000cd;
}
.menu_haut_li_selec a {
      color : #ffffff;
}