body {
	width : 800px;
	margin-top : 0;
	margin-bottom : 20px;
	color : #CCCCCC;
	margin-right : auto;
	margin-left : auto;
	background-color: #FFFFCC;
}
table {
background-color : #333333;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
}
table td {
background-color : #666666;
vertical-align : top;
}
table thead td {
	background-color : #626262;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #cccccc;
	text-align: right;
}
table tbody td {
background-color : #b3b3b3;
color : #333333;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
vertical-align : middle;
}
table tbody img {
float : left;
padding : 2px;
}
table tfoot td {
	text-align : center;
	background-color: #333333;
}

/********** SPECIFIQUE BANIERE ********************/
#en_tete {
	margin-bottom : 20px;
	font-weight : bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #006633;
}
#en_tete ul {
margin-left : 0;
padding-left : 0;
width : 800px;
}
#en_tete ul li {
display : inline;
float : left;
height : 87px;
border : medium none #ccff33;
}
#en_tete ul li img {
float : left;
text-decoration : none;
}
#en_tete ul li ul {
width : 210px;
}

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

/********** SPECIFIQUE MENU GAUCHE ********************/
#menu {
	float : left;
	width : 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.element_menu {
	margin-bottom : 10px;
	background-color: #022F8B;
	background-image: url(../prive/img/fond8.gif);
}
.element_menu h4 {
	color : #000066;
	height : auto;
	width : auto;
	display : inline;
	border : 1px solid #999999;
	vertical-align : text-top;
	padding : 4px;
	margin : 3px;
	background-color : #FFFF00;
	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;
margin-left : 0;
padding-bottom : 0;
list-style-position : inside;
}
.element_menu a {
	color : #003399;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	line-height : 10px;
	text-decoration : none;
}
.element_menu a:hover {
background-color : #b3b3b3;
color : black;
}

.element_menu_res {
	border : 0 solid black;
	margin-bottom : 10px;
}
.element_menu_res h4 {
	color : #000000;
	height : auto;
	width : auto;
	display : inline;
	border : 1px solid #000000;
	vertical-align : text-top;
	padding : 2px;
	margin : 10px;
	background-color : #FFFFFF;
	font-size : 9px;
}

fieldset {
background-image : url(/prive/img/gbgcadre.png);
border : 20px solid blue;
padding : 10px;
margin-bottom : 6px;
visibility : visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
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;
font-family : Geneva, Arial, Helvetica, sans-serif;
color : #cccc00;
font-weight : bold;
}
/********** SPECIFIQUE CORP********************/
#corps {
	margin-left : 140px;
	margin-bottom : 20px;
	padding : 5px;
	color : #333399;
	background-color : #E8BD43;
	background-repeat : repeat;
	background-position : top;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-align : justify;
}
#corps a {
	color : #000066;
	font-size : 10px;
	text-decoration : none;
	text-align : justify;
	list-style-type: disc;
}
#corps a:hover {
color : #ffffff;
font-size : 10px;
background-color : #3b3b3b;
}
#corps tbody a {
color : black;
}
#corps h1 {
	color : #003366;
	text-align : center;
	padding : 5px;
	font-size : 18px;
	background-position : left center;
	border : 1px none #00ff00;
	right : auto;
	clip : rect(auto,auto,auto,auto);
	margin : 10px;
	width : 500px;
	bottom : auto;
	display : block;
}


#corps h2 {
	height : 30px;
	background-image : url(/prive/img/puce-oit-logo.gif);
	background-repeat : no-repeat;
	padding-left : 30px;
	color : #000066;
	text-align : left;
	font-size : 16px;
}



#corps table {
	width : 100%;
	background-color: #E8BD43;
}
#corps td {
	vertical-align : top;
	background-color: #DBF2FF;
}
.tab_vign td {
text-align : center;
background-color : #FFCC00;
}
.tab_vign img {
	float : none;
	background-color : #00FF66;
	padding : 3px;
}
/********** PIED DE PAGE ********************/
#pied_de_page {
	margin-left : 140px;
	margin-bottom : 0;
	padding : 2px;
	text-align : center;
	color : #000066;
	background-color : #33CC66;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	background-image: url(../prive/img/fond8.gif);
}

.pied_de_page a:link {
	text-decoration : none;
	font-size : 10px;
	color : #666666;
	font-weight : bold;
}
.pied_de_page a:hover {
	background-color : #CCCCCC;
	color : #333333;
	text-decoration : none;
	font-size: 10px;
}
.pied_de_page a:visited {
	text-decoration : none;
	color : #000066;
	font-weight : bold;
}

.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 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 : #FFFF00;
	text-align : center;
	border : thin solid #996600;
	padding : 5px;
	list-style-position : inside;
	top : 0;
	margin : 5px;
	clip : rect(auto,0,auto,auto);
	font-size : 10px;
	font-style : normal;
	bottom : 0;
	font-weight: bold;
}
.connect_heberg a {
	font-weight : normal;
	color: #0033CC;
}
/********** SPECIFIQUE FICHE HEBERG ********************/
.fiche_heberg {
background-color : #cccccc;
padding : 2px;
}
.fiche_heberg p {
color : #003399;
background-color : #FFCC00;
padding : 2px;
margin : 1px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
}
.fiche_heberg h3 {
color : #999999;
background-color : #000000;
padding : 2px;
margin : 0px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
font-style : italic;
}
.fiche_heberg h4 {
color : #999999;
background-color : #333300;
padding : 2px;
margin : 2px;
font-size : 10px;
font-weight : bold;
}

/********** SPECIFIQUE Ardeche RESA ********************/
#reservline {
	float : right;
	width : 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #666666;
	color: #999999;
}
.element_reservline {
	background-repeat : no-repeat;
}
.element_reservline h4 {
	display : inline;
	border : 1px solid #999999;
	padding : 5px;
	margin : 10px;
	background-color : #3a3a3a;
	font-size : 10px;
	font-style : italic;
}
.element_reservline ul {
list-style-image : url(/prive/img/info.gif);
padding-left : 5px;
margin-bottom : 2px;
margin-top : 2px;
margin-right : 0;
margin-left : 0;
padding-top : 0;
padding-right : 0px;
padding-bottom : 0px;
list-style-position : inside;
text-align : center;
}
.element_reservline a {
	background-color : #666666;
	color : #CCCCCC;
}
.element_reservline a:hover {
background-color : #666666;
color : black;
}
.element_reservline a:visited {
	text-decoration : none;
	font-size : 10px;
	color : #CCCCCC;
	font-weight : bold;
}

/********** SPECIFIQUE Pays Beaume drobie ********************/
#nompays {
background-color : #000033;
border : 1px none #00ff00;
text-align : center;

font-family : Verdana, Arial, Helvetica, sans-serif;
color : #CCCC00;
font-weight : normal;
width : 300px;
font-size : 9px;
margin-left : 10px;
font-style : normal;
padding : 2px;
clip : rect(auto,auto,auto,auto);
}
/********** SPECIFIQUE Saut de ligne ********************/
.clear {
clear : both;
visibility : hidden;
}