body {
	width : 900px;
	margin-top : 2px;
	margin-bottom : 20px;
	background-image : url(images/fond-5.jpg);
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	margin-right : auto;
	margin-left : auto;
	background-color: #E5CA79;
	text-align: justify;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
table td {
/*white-space : nowrap;*/
vertical-align : top;
}
table thead td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
table tbody td {
	color : #000066;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
table tbody  img{
	float:none;
	padding:2px;
}

table tfoot td {
text-align : center;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
/********** SPECIFIQUE BANIERE ********************/
#en_tete {
	margin-bottom : 20px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #003399;
	margin-left: 145px;
}


.en_tete a:hover {
background-color : #b3b3b3;
color : black;
}
#en_tete ul {
	margin-left : 0;
	padding-left : 0;
	width : 800px;
	text-decoration : none;
	height: 87px;
}
#en_tete ul li {
	display : inline;
	float : left;
	height : 87px;
	border : medium none #ccff33;
	text-decoration : none;
	color: #666666;
}
#en_tete ul li img {
float : left;
text-decoration : none;
}
#en_tete ul li ul {
	width : 200px;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}
#en_tete ul li ul a {
	color : #999999;
	text-decoration : none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
}
#en_tete ul li ul a:link {
color : #0066FF;
text-decoration : none;
font-size : 10px;
}
#en_tete ul li ul a:visited {
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
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 li {
	display : block;
	border : none;
	height : 10px;
	float : none;
	margin : 2px;
	padding : 2px;
	font-size : 10px;
	text-decoration : none;
}
#en_tete_spe {
width : 200px;
background-image : url(vie-economique/decouvrir-slide/bane-c.gif);
background-repeat : no-repeat;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
display : none;
color : #e0dfe3;
text-decoration : none;
}

/********** SPECIFIQUE MENU GAUCHE ********************/
#menu {
	float : left;
	width : 145px;
	text-decoration : none;
}
.element_menu {
	margin-bottom : 10px;
	background-color: #E0C56E;
}
.element_menu h4 {
	color : #006600;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	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: #CCCCCC;
	font-size: 10px;
}
.element_menu ul 
{
	padding-left: 1px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
	padding-top: 10px;
	padding-bottom: 10px;
}
.element_menu li {
	list-style-position: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3366FF;
	line-height: 15px;
	list-style-type: square;
}
.element_menu a {
color : #000033;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
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(vie-economique/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;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #CCCC00;
	font-weight: bold;
}

/********** SPECIFIQUE CORP********************/
#corps {
	margin-left : 147px;
	margin-bottom : 20px;
	padding : 5px;
	color : #000066;
	background-color : #E0C56E;
	background-repeat : repeat-x;
	border : 1px solid #FF3333;
	background-position : top;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-align: justify;
}
#corps li {
	list-style-position: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	line-height: 20px;
	list-style-type: circle;
}

#corps li a:link {
text-decoration : none;
font-size : 10px;
color : #000066;
font-weight : bold;
}
#corps li a:visited {
	text-decoration : none;
	color : #006699;
	font-weight : bold;
}
#corps ul li {
}
#corps ul li ul {
color : #006633;
}
#corps ul li ul li {
border : none;
height : 20px;
background-color : #626262;
margin : 2px;
padding : 2px;
left : 5px;
}
#corps a {
color : #003399;
text-decoration : none;
}
#corps a:hover {
color : #ffffff;
font-size : 10px;
background-color : #3b3b3b;
}
#corps tbody a {
	color : black;
}
#corps h1 {
color : #666666;
text-align : center;
padding : 5px;
font-size : 18px;
margin : 10px;
width : 400px;
}


#corps h2 {
	height : inherit;
	background-repeat : no-repeat;
	padding-left : 20px;
	color : #006666;
	text-align : left;
	font-size : 14px;
	font-weight: bold;
}
#corps table {
	width : 100%;
}
#corps td {
	background-color: #999999;
	text-align: justify;
	vertical-align: top;
	text-indent: 2px;
}
.tab_vign td {
text-align : center;
background-color : #000000;
}
.tab_vign img {
float : none;
background-color : #000000;
padding : 0px;
}


/********** PIED DE PAGE ********************/
#pied_de_page {
	margin-bottom : 0;
	text-align : center;
	color : #999999;
	background-color : #E0C56E;
	border : 1px solid #FF9966;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	margin-left: 145px;
}

.pied_de_page a:link {
text-decoration : none;
font-size : 10px;
color : #999999;
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 : #999999;
	font-weight : bold;
}

/********** specifique Angles ********************/
.upperleft {
width : 100%;
margin-left : auto;
margin-right : auto;
background-image : url(vie-economique/prive/img/haut-gh.gif);
background-repeat : no-repeat;
background-position : left top;
}
.upperright {
background-image : url(vie-economique/prive/img/gupperright.png);
background-repeat : no-repeat;
background-position : top right;
}
.lowerleft {
background-image : url(vie-economique/prive/img/bas-gh.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
.lowerright {
background-image : url(vie-economique/decouvrir-slide/angle-d.gif);
background-repeat : no-repeat;
background-position : right bottom;
padding : 3% 3% 3% 3%;
}

/********** SPECIFIQUE IMAGEA  AIRE de CONTENU ********************/
#imagea {
	float : right;
	height : 170px;
	right : 2px;
	left : 10px;
	width : 170px;
	text-align : center;
	border : 1px solid #CCFF00;
	padding : 5px;
	top : 10px;
	margin : 5px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #3a3a3a;
	vertical-align: middle;
	bottom: 10px;
}
.element_imagea {
float : left;
}
#imagea ul li {
display : inline;
background-color : #FFFFFF;
}
#imagea ul li ul {
color : #00FF33;
}
#imagea ul li ul li {
border : none;
height : 20px;
background-color : #626262;
margin : 2px;
padding : 2px;
left : 5px;
}


/********** SPECIFIQUE Illustration imgvert********************/
#imgvert {
	float : right;
	width : 150px;
	text-decoration : none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto;
	border: 1px inset #CCFF33;
	margin-top: 20px;
	margin-right: 5px;
}
.element_imgvert {
	padding: 3px;
	margin: 3px;
	clip: rect(auto,auto,auto,auto);
}
.element_imgvert h4 {
	color : #FFFFFF;
	height : auto;
	display : inline;
	border : 1px inset #CCFF33;
	vertical-align : text-top;
	padding : 4px;
	margin : 5px;
	background-color: #CC6633;
	font-size: 10px;
	font-style: normal;
}
.element_imgvert ul {
	list-style-image : url(vie-economique/decouvrir-slide/lst-dec-b.gif);
	padding-left : 2px;
	margin-bottom : 2px;
	margin-top : 20px;
	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:link {
text-decoration : none;
font-size : 10px;
color : #FFFFFF;
font-weight : bold;
}
.element_imgvert a:hover {
background-color : #b3b3b3;
color : black;
}
.element_imgvert a:visited {
	text-decoration : none;
	color : #CCCCCC;
	font-weight : bold;
}
/********** 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;

}


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

/********** SPECIFIQUE menu deroulant ********************/