body {
	width : 800px;
	margin-top : 0px;
	margin-bottom : 20px;
	background-image : url(prive/img/fond6.gif);
	
	font-size : 12px;
	color : #FFFFFF;
	margin-right : auto;
	margin-left : auto;
	background-color: #333333;
}
table {
	background-color : #333333;
	
}
table td {
background-color : #666666;
/*white-space : nowrap;*/
vertical-align : top;
}
table thead td {
	background-color : #626262;

}
table tbody td {
	background-color : #FFFFFF;

}
table tbody  img{
	float:none;
	padding:2px;
}

table tfoot td {
text-align : center;
}

/********** SPECIFIQUE BANIERE ********************/
#en_tete {
	margin-bottom : 20px;
	font-size : 12px;
	font-weight : bold;
	color : #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.en_tete a {
color : #009966;

font-size : 10px;
font-weight : bold;
line-height : 10px;
text-decoration : none;
}
.en_tete a:active {
text-decoration : underline;
color : #00ffff;

}
.en_tete a:hover {
background-color : #b3b3b3;
color : black;
}
#en_tete ul {
margin-left : 0;
padding-left : 0;
width : 800px;
text-decoration : none;
}
#en_tete ul li {
display : inline;
float : left;
height : 87px;
border : medium none #ccff33;
text-decoration : none;
}
#en_tete ul li img {
float : left;
text-decoration : none;
}
#en_tete ul li ul {
width : 220px;

color : #CCCCCC;
font-size : 12px;
font-weight : bold;
text-decoration : none;
}
#en_tete ul li ul a {
color : #999999;
text-decoration : none;

font-size : 10px;
}
#en_tete ul li ul a:link {
color : #999999;
text-decoration : none;
font-size : 10px;
}
#en_tete ul li ul a:visited {
text-decoration : none;
font-size : 10px;
}
#en_tete ul li ul a:hover {
	text-decoration : none;
	font-size : 10px;
	color : #000066;
	background-color: #CCCCCC;
}
#en_tete ul li ul a:active {
text-decoration : none;
color : #cccccc;
font-size : 10px;
}
#en_tete ul li ul li {
display : block;
border : none;
height : 10px;
float : none;
background-color : #626262;
margin : 2px;
padding : 2px;
font-size : 10px;
font-weight : bold;
text-decoration : none;
}
#en_tete_spe {
width : 190px;
background-image : url(prive/img/ba-c.gif);
background-repeat : no-repeat;
font-size : 10px;
font-weight : bold;
display : none;
color : #e0dfe3;
text-decoration : none;
}

/********** SPECIFIQUE MENU GAUCHE ********************/
#menu {
	float : left;
	width : 130px;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
	text-decoration : none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.element_menu {
background-color : #666666;
background-repeat : no-repeat;
border : 0 solid black;
margin-bottom : 10px;
}
.element_menu h4 {
	color : #CCCCCC;
	height : auto;
	width : auto;
	background-image : none;
	background-repeat : no-repeat;
	display : inline;
	border : 1px solid #999999;
	vertical-align : text-top;
	padding : 4px;
	margin : 10px;
	background-color: #3A3A3A;
	font-size: 12px;
}
.element_menu ul {
list-style-image : url(prive/img/icon-lst-1.gif);
padding-left : 10px;
margin-bottom : 5px;
margin-top : 10px;

list-style-position : inside;
}
.element_menu a {
color : #999999;
font-size : 10px;
font-weight : bold;
line-height : 10px;
text-decoration : none;
}
.element_menu a:hover {
background-color : #b3b3b3;
color : black;
}
fieldset {
background-image : url(prive/img/gbgcadre.png);
border : 20px solid blue;
padding : 10px;
margin-bottom : 6px;
visibility : visible;
}
legend {
	background-color : #000033;
	padding-right : 5px;
	padding-left : 5px;
	border : 1px solid #00FF00;
	text-align: left;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	
	color: #CCCC00;
	font-weight: bold;
}

/********** SPECIFIQUE CORP********************/
#corps {
	margin-left : 140px;
	margin-bottom : 20px;
	padding : 5px;
	color : #333333;
	background-color : #FFFFFF;
	background-image : url(prive/img/frisb.gif);
	background-repeat : repeat-x;
	border : 1px solid black;
	background-position : top;
	font-size : 10px;
	font-weight : bold;
	text-align : justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#corps a {
color : #cccccc;

font-size : 10px;
text-decoration : none;
text-align : justify;
font-weight : bold;
}
#corps a:hover {
color : #ffffff;

font-size : 10px;
background-color : #3B3B3B;
}
#corps tbody a {
color : black;
}
#corps h1 {
	color : #b3b3b3;
	text-align : center;
	
	padding : 5px;
	font-size : 16px;
	background-position : left center;
	border : 1px solid #00ff00;
	right : auto;
	left : auto;
	clip : rect(auto,auto,auto,auto);
	margin : 10px;
	top : auto;
	width : 350px;
	bottom : auto;
	display : block;
}
#corps h2 {
height : 30px;
background-image : url("imgd-ntourism/ptit-oeil.gif");
background-repeat : no-repeat;
padding-left : 30px;
color : #b3b3b3;
text-align : left;

font-size : 16px;
}

#corps table {
	width:100%;
}
#corps td  {
	vertical-align:top;
	text-align: center;
}
.tab_vign td {
	text-align :center;
	background-color: #000000;
}
.tab_vign img{
	float:none;
	background-color: #000000;
	padding: 3px;
}

/********** PIED DE PAGE ********************/
#pied_de_page {
	margin-left : 140px;
	margin-bottom : 0;
	padding : 5px;
	text-align : center;
	color : #333333;
	background-color : #666666;
	background-repeat : repeat-x;
	border : 2px solid black;
	font-size : 10px;
	font-weight : bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pied_de_page a {
color : #999999;

font-size : 10px;
text-decoration : none;
font-weight : bold;
}
.pied_de_page a:link {
text-decoration : none;

font-size : 10px;
color : #999999;
font-weight : bold;
}
.pied_de_page a:hover {
background-color : #66cc33;
color : #cccccc;

font-size : 10px;
text-decoration : none;
}
.pied_de_page_menu {
background-color : #666666;
background-repeat : no-repeat;
border : 0 solid black;
margin-bottom : 10px;
}
.upperleft {
width : 100%;
margin-left : auto;
margin-right : auto;
background-image : url(prive/img/haut-gh.gif);
background-repeat : no-repeat;
background-position : left top;
}
.upperright {
background-image : url('prive/img/gupperright.png');
background-repeat : no-repeat;
background-position : top right;
}
.lowerleft {
background-image : url(prive/img/bas-gh.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
.lowerright {
background-image : url(prive/img/bas-dr.gif);
background-repeat : no-repeat;
background-position : right bottom;
padding : 3% 3% 3% 3%;
}

/********** SPECIFIQUE IMAGEA  AIRE de CONTENU ********************/
#imagea {
	float : right;
	height : 160px;
	right : 2px;
	left : 10px;
	width : 160px;
	background-color : #999999;
	text-align : center;
	border : thin solid #996600;
	padding : 5px;
	list-style-position : inside;
	top : 0;
	margin : 5px;
	clip : rect(auto,0,auto,auto);
	background-repeat : no-repeat;
	background-position : right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	font-style: normal;
	bottom: 0px;
	font-weight: bold;
}
.element_imagea {
background-color : #333333;
background-repeat : repeat;
border : 5px solid #99ff33;
margin-bottom : 0;
float : left;
height : 150px;
width : 150px;
position : relative;
top : 0;
bottom : 0;
display : none;
text-align : left;

font-size : 10px;
font-weight : bold;
color : #009966;
background-position : right;
text-indent : 0;
white-space : normal;
clear : left;
padding : 5px;
list-style-position : inside;
clip : rect(0,auto,auto,auto);
}
#imagea ul li {
display : inline;
float : right;
height : 150px;
border : medium solid #ccff33;
width : 239px;
position : fixe;
top : 67px;
left : auto;
background-color : #3B3B3B;
}
#imagea ul li ul {
width : auto;

color : #3B3B3B;
font-size : 12px;
font-weight : bold;
}
#imagea ul li ul li {
display : block;
border : none;
height : 20px;
float : none;
background-color : #626262;
margin : 2px;
padding : 2px;

font-size : 10px;
font-weight : bold;
background-position : center;
left : 5px;
}



/********** SPECIFIQUE Illustration imgvert********************/
#imgvert {
float : right;
width : 130px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
text-decoration : none;
}
.element_imgvert {
	background-color : #3A3A3A;
	background-repeat : no-repeat;
	border : 0 solid black;
	padding: 3px;
	margin: 3px;
}
.element_imgvert h4 {
	color : #CCCCCC;
	
	height : auto;
	width : auto;
	background-image : none;
	background-repeat : no-repeat;
	display : inline;
	border : 1px solid #999999;
	vertical-align : text-top;
	padding : 4px;
	margin : 10px;
	background-color: #3A3A3A;
	font-size: 10px;
	font-style: italic;
}
.element_imgvert ul {
list-style-image : url(prive/img/icon-lst-1.gif);
padding-left : 10px;
margin-bottom : 5px;
margin-top : 10px;
margin-right : 0;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
list-style-position : inside;
}
.element_imgvert a {
color : #999999;

font-size : 10px;
font-weight : bold;
line-height : 10px;
text-decoration : none;
}
.element_imgvert a:hover {
background-color : #b3b3b3;
color : black;
}

/********** SPECIFIQUE LISTE HEBERG ********************/
.lst_heberg table {
	width:100%;
	
}
.lst_heberg td {
	width:50%;
	
}
.lst_heberg .ville {
	color:#003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	
}

.lst_heberg .desc {
	font-weight : normal;
	
}
/********** SPECIFIQUE CONNECT HEBERG ********************/
#connect_heberg {
	float : right;
	height : 100px;
	right : 2px;
	left : 10px;
	width : 200px;
	background-color : #999999;
	text-align : center;
	border : thin solid #996600;
	padding : 5px;
	list-style-position : inside;
	top : 0;
	margin : 5px;
	clip : rect(auto,0,auto,auto);
	background-repeat : no-repeat;
	background-position : right bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3A3A3A;
	font-style: normal;
	bottom: 0px;
}
/********** SPECIFIQUE FICHE HEBERG ********************/


.fiche_heberg  {
	background-color: #CCCCCC;
	padding: 2px;
}
.fiche_heberg  p {
	color:white;
	background-color: #003366;
	padding: 2px;
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.fiche_heberg  h3 {
	color:#999999;
	background-color: #333333;
	padding: 5px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.fiche_heberg legende {
	color:#999999;
	background-color: #333333;
	padding: 2px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	background-position: center center;
	text-align: center;
	display: inline;
}
/********** SPECIFIQUE Ardeche RESA ********************/
#reservline {
	float : right;
	width : 200px;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
	text-decoration : none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.element_reservline {
	background-color : #3A3A3A;
	background-repeat : no-repeat;
	border : 0 solid black;
	padding: 3px;
	margin: 3px;
}
.element_reservline h4 {
	color : #CCCCCC;
	
	height : auto;
	width : auto;
	background-image : none;
	background-repeat : no-repeat;
	display : inline;
	border : 1px solid #999999;
	vertical-align : text-top;
	padding : 4px;
	margin : 10px;
	background-color: #3A3A3A;
	font-size: 10px;
	font-style: italic;
}
.element_reservline ul {
	list-style-image : url(prive/img/icon-lst-1.gif);
	padding-left : 10px;
	margin-bottom : 5px;
	margin-top : 10px;
	margin-right : 0;
	margin-left : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
	list-style-position : inside;
	text-align: center;
}
.element_reservline a {
	color : #FF6633;
	
	font-size : 16px;
	font-weight : bold;
	line-height : 10px;
	text-decoration : none;
	text-align: center;
}
.element_reservline a:hover {
background-color : #b3b3b3;
color : black;
}

/********** SPECIFIQUE Pays Beaume drobie ********************/
#nompays {
	background-color : #3A3A3A;
	border : 1px solid #00FF00;
	text-align: center;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCC00;
	font-weight: normal;
	width: 300px;
	font-size: 9px;
	margin-right: auto;
	margin-left: 10px;
	font-style: oblique;
	padding: 2px;
	height: auto;
	clip: rect(auto,auto,auto,auto);
}
/********** SPECIFIQUE Saut de ligne ********************/

.clear {
clear : both;
visibility : hidden;
}
