BODY {
	font-family : Arial, Verdena, Sans-serif;
	text-align : center;
	background : rgb(193,166,111);
	margin : 0;
	padding : 0;
	text-align : center;
}

DIV.wrapper_out {
	background : transparent url("/IMG/border_right.gif") repeat-y top right;
	margin : 0 auto;
	width : 784px;
}

DIV.wrapper_in {
	background : transparent url("/IMG/border_left.gif") repeat-y top left;
	margin : 0 auto;
	width : 784px;
}

DIV.box {
	width : 760px;
	padding : 0;
	margin : 0 auto;
}

H1, H2, H3 {
	margin : 0;
	color : rgb(22,56,124);
	font-weight : bold;
	text-align : left;
}

H1 {
	color : rgb(203,175,118);
	font-size : 20pt;
	font-weight : bold;
	background : rgb(156,122,74) url("/IMG/H1_back.gif") no-repeat top right;
	margin : 0;
	padding-left : 0.2em;
}

H2 {
	background : rgb(193,166,111) url("/IMG/H2_back.gif") no-repeat top right;
	color : rgb(44,84,176);
	font-size : 16px;
	padding : 1px 5px;
	border-bottom : 1px solid rgb(156,122,74);
}

H2 SPAN {
	display : block;
	padding-left : 21px;
	background : transparent url("/IMG/H2_puce.gif") no-repeat center left;
}

H3 {
	color : rgb(44,84,176);
	font-size : 11pt;
	padding : 12px 14px 0 14px;
}

A {
	text-decoration : underline;
	text-align : left;
	color : rgb(44,84,176);
}

A.titre {
	text-decoration : none;
}

A:hover {
	text-decoration : none;
}

P, P.spip {
	font-family : "Times New Roman", Times, Serif;
	font-size : 12pt;
	color : #000;
	text-align : justify;
	text-indent : 2em;
	margin : 0;
	padding : 12px 14px 0 14px;
	line-height : 110%;
}

P.link {
	text-align : right;
	margin : 0;
	padding : 14px 14px 8px 0;
	clear : both;
	
	color : rgb(44,84,176);
}

P.writer {
	text-align : right;
	margin : 0;
	padding : 4px 14px 0 0;
	color : rgb(44,84,176);
	font-size : 8pt;
}

P.writer A:hover {
	color : rgb(44,84,176);
	text-decoration : none;
}

P.link A {
	color : rgb(44,84,176);
}

P.link A:hover {
	text-decoration : none;
}

P.back {
	text-align : right;
	margin : 10px 0 0 0;
	padding : 0;
}

P.back A {
	padding : 0;
	background : transparent;
}

DIV.spacer {
	clear : both;
	font-size : 14px;
}

DIV.body_header {
	background : rgb(127,104,77);
	width : 100%;
	text-align : left;
	margin : 0;
	border-top : 8px solid rgb(117,94,67);
}

DIV.body_header H1 {
	clear : both;
	font-size : 13pt;
	text-align : right;
	color : rgb(193,166,111);
	background-color : rgb(117,94,67);
	background-image : none;
	padding : 2px 4px 4px 0;
	border-bottom : 6px solid rgb(127,104,77);
}

DIV.breadcrumb {
	font-size : 10pt;
	color : rgb(117,94,67);
	padding : 5px 0 8px 0;
	text-align : left;
	background : rgb(187,160,105);
	margin : 0;
}

DIV.breadcrumb A {
	color : rgb(117,94,67);
}

DIV.body_columns {
	
}

DIV.body_menu {
	float : left;
	width : 200px;
	margin : 0;
	padding : 0;
	margin-bottom : 300px;
}

DIV.body_menu H2 {
	background-image : none;
}

#news {
	text-align : left;
	margin-top : 1em;
	border-bottom : 1px solid rgb(156,122,74);
}

#news DIV {
	border-top : 1px solid rgb(156,122,74);
}

#news P {
	text-indent : 0px;
	padding : 8px;
	background-image : none;
	background-color : transparent
}

#search {
	text-align : left;
	margin: 0;
	padding : 11px;
	border-bottom : 1px solid rgb(156,122,74);
}

#search form {
	padding : 0;
	margin : 0;
	
}

#search input {
	width : 130px;
	border : 1px solid rgb(156,122,74);
	background-color : rgb(203,175,118);
	font-size : 11pt;
	margin : 0;
	padding : 2px;
}

#search input.on {
	background-color : #FFF;
}

#search input.off {
	background-color : rgb(203,175,118);
}

#search button {
	margin : 0;
	padding : 0 2px;
	width : 35px;
	margin-left : 2px;
	border : 1px solid rgb(156,122,74);
	background-color : rgb(203,175,118);
	cursor : hand;
	cursor : pointer;
}

#search button.on {
	background-color : rgb(117,94,67);
	color : #FFF;
}

#search button.off {
	background-color : rgb(203,175,118);
}

#columns {
	width : 100%;
}

#column_left {
	width : 200px;
	vertical-align : top;
	background : rgb(199,172,116) url("/IMG/menu_back.gif") no-repeat bottom left;
}

#column_center {
	vertical-align : top;
	padding : 0 1em 1em 1em;
	border-left : 1px dashed rgb(156,122,74);
	background-color : rgb(187,160,105);
}

DIV.description, DIV.article, DIV.rubrique {
	margin-bottom : 1em;
	overflow : hidden;
	zoom : 1;
	background : rgb(203,175,118) url("/IMG/P_back.gif") no-repeat bottom left;
}

DIV.liste_articles {
	padding : 0;
}

DIV.carto {
	margin : 8px 0 0 0;
}

DIV.carto DIV.grid {
	position : relative;
	margin : 0 auto;
	
}

DIV.carto IMG.carto {
	position : relative;
	padding : 0;
	margin : 0;
}

DIV.carto IMG.dot {
	display : block;
	position : absolute;
	padding : 0;
	margin : 0;
}

DIV.carto A {
	display : block;
	position : absolute;
	padding : 0;
	margin : 0;
	white-space : nowrap;
	
}

DIV.liste_documents {
	clear : both;
	margin : 14px;
}

DIV.document {
	clear : both;
	border-top : 1px solid rgb(156,122,74);
	text-align : left;
	padding : 6px 0 0 0;
	margin : 0;
}

DIV.document A IMG {
	display : block;
	float : left;
	margin : 0 10px 0 0;
}

DIV.document DIV.spip_doc_titre {
	text-align : left;
	font-size : 10pt;
	padding : 2px 0;
	margin : 0;
	color : rgb(44,84,176);
}

DIV.document P.spip {
	text-align : left;
	text-indent : 0;
	margin : 0;
	padding : 2px 0;
}

DIV.liste_documents DIV.spacer {
	font-size : 4px;
}

DIV.body_footer {
	margin : 0;
	padding : 1em 0.5em;
	text-align : center;
	background : rgb(127,104,77);
	color : #FFF;
	border-top : 12px solid rgb(117,94,67);
}

DIV.body_footer P {
	color : rgb(193,166,111);
	text-align : center;
	margin : 0;
	padding : 0;
}

DIV.body_footer A {
	color : rgb(193,166,111);
}








#vertnav {
	list-style : none;
	margin : 14px 0 0 10px;
	padding : 0;
	font-size : 14px;
	text-indent : 0;
}

#vertnav ul { 
	z-index : 99;
	position : absolute;
	padding : 0;
	margin : 0;
	list-style : none;
	overflow : visible;
	border-bottom : solid 1px rgb(156,122,74);
	
	
}

#vertnav li { 
	font-size : 14px;
	position : relative;
   	display : block;
   	margin : 0;
	padding : 0;
	width : 180px;
	border-top : solid 1px rgb(156,122,74);
	text-align : left;
}


#vertnav a {
	color : #000;
	display : block;
	background-color : rgb(199,172,116);
	font-size : 14px;
	text-decoration : none; 
	padding : 2px 0;  
	margin : 0; /*helps Opera with hover */
	width : 160px;
}

#vertnav A {
	background : rgb(199,172,116) url("/IMG/menu_puce.gif") no-repeat 4px 4px;
	padding-left : 20px;
}

#vertnav a:hover, #vertnav LI:hover {
	background : rgb(117,94,67) url("/IMG/menu_puce_hover.gif") no-repeat 4px 4px;
	color : rgb(199,172,116);
}

#vertnav UL A {
	background : rgb(117,94,67) url("/IMG/menu_puce_hover.gif") no-repeat 4px 4px;
	color : rgb(199,172,116);
	padding-left : 20px;
}

#vertnav UL a:hover, #vertnav UL LI:hover {
	background : rgb(199,172,116) url("/IMG/menu_puce.gif") no-repeat 4px 4px;
	color : #000;
}

#vertnav ul, #vertnav ul ul {
	display : none; 
	top : -1px; 
	left : 180px;
}



#vertnav li:hover ul ul, #vertnav li:hover ul ul ul {
	display : none;
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul {
	display : block;
}

li>ul {
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #vertnav li{float:left;} 
/* end holly hack */




/*### FORMULAIRES ###*/

TABLE.form {
	font-family : "Times New Roman", Times, Serif;
	margin : 16px 16px 0 16px;
}

TABLE.form TH {
	text-align : right;
	vertical-align : top;
	padding-right : 6px;
}

TABLE.form TD {
	text-align : left;
	vertical-align : top;
}

TABLE.form input, TABLE.form textarea {
	border : 1px solid rgb(156,122,74);
	background-color : rgb(203,175,118);
	font-size : 11pt;
	margin : 0;
	padding : 2px;
}

TABLE.form input.on, TABLE.form textarea.on {
	background-color : #FFF;
}

TABLE.form input.off, TABLE.form textarea.off {
	background-color : rgb(203,175,118);
}

TABLE.form button {
	margin : 0;
	padding : 0 2px;
	border : 1px solid rgb(156,122,74);
	background-color : rgb(203,175,118);
	cursor : hand;
	cursor : pointer;
}

TABLE.form button.on {
	background-color : rgb(117,94,67);
	color : #FFF;
}

TABLE.form button.off {
	background-color : rgb(203,175,118);
}