html,body{margin:0;padding:0}
body{font:12px "Lucida Grande",Tahoma,Verdana,sans-serif;color:#393536;background-color:#b4aa99;text-align:center}
p {margin:0 10px 10px}
a {color: #59acff}
h1,h2,h3,h4,h5,h6 { color:#9c978d }
h1,h2 { font-size:18px }
hr { border:none;height:1px;background-color:#333333 }
div#header h1{}
div#content p {line-height:1.6;margin-left:0px;}
div#content p.contact {margin-top:30px;}
div#content h1 { margin-top:0px }
div#content h2 { margin-top:40px }


div.bloc-menu { float:right;clear:right;width:185px;padding-right:40px;margin-bottom:40px; }
div.bloc-menu ul { list-style-type:none;margin:0px;padding:0px }
div.bloc-menu ul li { margin:0px;padding:0px }
div.bloc-menu ul li a { color:#393536;font-weight:bolder;text-decoration:none;font-size:14px;display:block;padding:5px; }
div.bloc-menu ul li a.on { color:#b9b6af }

ul.spip { padding:0px;margin:0px }
ul.spip li { margin:4px 0 0 14px;padding:0px }

div#header-lang { float:right;background-image:url(../images/bg_lang_menu.png); }
div#header-lang span { float:left; }
div#header-lang span a { display:block;padding:10px;color:#ffffff;text-decoration:none;text-transform:uppercase; }
div#header    { height:160px }
div#sub-header{ height:40px;margin-bottom:30px;background-image:url(../images/bg_sub_header.png);background-repeat:repeat-y; color:#ffffff;font-size:18px;padding:6px 0 0 60px }
div#container { background-color:#ffffff;text-align:left;width:775px;margin:0 auto}
div#content   { float:left;width:430px;padding:0 60px 60px 60px}
div#footer    { clear:both;color:#ffffff;clear:both;width:100%;background-color:#b4aa99;padding:5px 0}
div#footer p  { margin:0;}

div#flashcontent { z-index:1 }

.div { border:1px solid green }
.hidden { display:none }

ul.liste_actus { margin:0px; padding:0px }
ul.liste_actus li { list-style:none;color:#333; }
ul.liste_actus li span.on { font-weight:bolder }
ul.liste_actus li a { text-decoration:none }
ul.liste_actus li a:hover { text-decoration:underline }

.contact-us { color:#59acff;font-size:14px;padding-top:15px; }
.contact-email { display:block;padding:5px 0px 0px 30px; background-image:url(../images/contact_email.png);background-repeat:no-repeat;background-position:bottom left }
.contact-tel { display:block;padding:10px 0px 0px 24px; background-image:url(../images/contact_tel.png);background-repeat:no-repeat;background-position:bottom left }
.contact-fax { display:block;padding:10px 0px 0px 24px; background-image:url(../images/contact_fax.png);background-repeat:no-repeat;background-position:bottom left }

.cs_blocs h4 a { font-size:11px;font-weight:bolder;color:#3B3738; text-decoration:none;padding:0px;margin:0px }
.cs_blocs h4.blocs_titre { padding:0px 0px 10px 0px;margin:0px }
h4.blocs_replie { background:none !important;	}
h4.blocs_titre { background:none !important;	}

input#form_submit { float:right;background-color:#59acff;color:#ffffff;border:none;margin-top:10px }
div#form_info  { background-color:#B0FD9C;border:1px solid #ccc; padding:10px;display:none }
div#form_error { background-color:#FFF7B1;border:1px solid #ccc; padding:10px;display:none }

.spip_forms { margin:0px 0px 40px 0px !important; padding:0px !important }

form#cdp-form fieldset { border: none; padding:0px; margin:0px}
form#cdp-form ul { margin:0px; padding:0px }
form#cdp-form ul li { list-style:none;color:#333; }
form#cdp-form p{
	margin: 0;
	padding: 7px 0 8px 0;
	padding-left: 100px; /*width of left column containing the label elements*/
	height: 1%;
}
form#cdp-form label {
	color:#333;
	clear:both;
	width: 100px; /*width of labels. Should be smaller than left column (85px) to create some right margin*/
}
form#cdp-form p.nolabel{
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 0px; /*width of left column containing the label elements*/
	height: 1%;
}
form#cdp-form p.info{ padding: 0px 0 8px 0; }

form#cdp-form textarea {
	border-bottom:1px solid #cbcccd;
	background-image:url(../images/textarea_bg.png);
	background-position: bottom right;
	background-repeat:no-repeat;
	color:#003EBE;
	width:100%;

}

form#cdp-form .inputLine {width:100%;color:#003EBE;margin-bottom:15px;border:none;border-bottom:1px solid #cbcccd }
form#cdp-form legend { display:none }
form#cdp-form.inputText {  }

div.agenda { margin:0px 0 30px 0 }
div.agenda p { margin-top:6px }
.dates-agenda { color:#666666;font-size:1.6em;}
.titre-agenda {color:#59acff;font-size:1.4em;font-weight:normal;}

.spip_form_ok { background-color:#333333;color:#ffffff;padding:10px }

.formulaire_spip label,label {font-weight: bold;}

.forml {
   width: 99%;
   padding: 1px;
   border: 1px solid #666;
   font-family: Verdana;
   font-size: 11px;
}

.formulaire_spip fieldset,fieldset { border:1px solid #ccc;}
.formulaire_spip legend,legend{}

p.commentaire {
	margin:10px 0 10px 0;
	padding:20px;
	background-color:#E3E3E3;
	border:1px solid #ccc;
}

.bloc-document-titre { font-size:16px;font-weight:bolder;	}
.bloc-document-descriptif{ width:350px;}
a img { border:none }

.login_box {
	border:4px solid #6D8400;
	background-color:#E3E4D4;
	margin-bottom:20px;
	padding:10px;
	width:300px
}
.login_box div.cs_blocs h4 a { color: #59acff;font-size:13px;text-decoration:underline; }
.login_box_dia { font-size:16px; color:#333333 }

.uhy-img { float:right;padding-top:10px;padding-right:70px }
.sub-header-text { float:left;padding-top:4px }

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(../javascript/cluetip/images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(../javascript/cluetip/images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(../javascript/cluetip/images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(../javascript/cluetip/images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
  text-align:left;
}

.cluetip-rounded div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(../javascript/cluetip/images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(../javascript/cluetip/images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(../javascript/cluetip/images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(../javascript/cluetip/images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}


/* TopUp */
.te_scrollable { overflow:hidden !important }
.te_dashboard .te_close_link { right: -18px; !important}