/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	padding:4px 0 0 0;
	background-color:#F1E8D6;
	background-image:url(pattern-body.gif);
}
.background {
	background-image:url(fond-background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	border-bottom:1px solid #D7C4AF;
}
#principal {
	width:773px;
	margin: 0 auto;
	padding: 0 3px 3px 3px;
	/*background-color:#F1E8D6;*/
	/*background-color:#F7EAD0;*/
	border-left:1px solid #fff;
	border-right:1px solid #CAC0AC;
	border-bottom:1px solid #D56519;
}
#piedpage {
	text-align:center;
	font-size:90%;
	padding-top:8px;
	color:#78623F;
	/*width:773px;*/
	width:780px;
	margin: 0 auto;
}

/* ------------- entete ------------ */
#banner {
	border-bottom:1px solid #D56519;
	border-top:1px solid #D56519;
	background-image:url(fond-banner.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:2px;
	height:56px;
}
#banner #slogan {
	font-size:90%;
	color: #6E2F01;
	margin-top:32px;
}
#langues {
float:right !important;

padding:4px 15px;}
#langues a:link, #langues a:hover, #langues a:visited ,#langues a:active {
color:#000000;}
#menu {
	clear:both;
	/*margin-top:0px;*/
}
#principal>#menu {
	margin-top:2px;
}
#menu a {
	font-size:13px;
	color:#fff;
	letter-spacing:0.07em;
	>letter-spacing:0.1em;
}

/* ------- firefox -------------- */
#menu>.demande , #menu>.bareme , #menu>.contact , #menu>.mediateur , #menu>.regles  {
	letter-spacing:normal !important;
	
	/* HOT - ai retire car probleme de menu deployant dans firefox
	padding: 0px 8px;*/ 
	
	color:#fff;
}
#menu>.demande, #menu>.bareme, #menu>.contact, #menu>.mediateur, #menu>.regles {
	margin:0 1px;
}
#menu a:link, #menu a:visited {
	text-decoration:none;
}
#menu a:hover, #menu a:active {
	text-decoration:underline;
}
#menu div {
	float:left;
	padding: 1px 6px 1px 6px;
}
.contact {
	background-color:#655843;
	margin-right:0;
}
.bareme {
	background-color:#BF8302;
	margin-right:1px;
	padding-left:7px !important;
	padding-right:7px !important;
}
.regles {
	background-color:#117666;
	margin-right:1px;
}
.mediateur {
	background-color:#58A9A2;
	margin-right:1px;
}
.demande {
	background-color:#D56519;
	margin-right:1px;
}

/* ------------------ contenu --------------- */
 
 /* --------accueil ---------- */
td.hp {
	background-image:url(fond-hp.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#F1E8D6;
	padding: 5px 2px 5px 5px;
}
td.hp strong {
	color:#FFFFFF;
}
td.hp a:link, td.hp a:hover, td.hp a:visited {
	color:#FFFFFF;
}
/* ----------- menu deroulant -------- */
#menu a {
	display:block;
}
#menu ul {
	position:absolute;
	top:82px;
	margin-left:-6px;
	list-style-type:none;
	width:247px;
	display:none;
	z-index:2;
	/*font-size:90% !important;*/
}
.regles>#smenu1{
	top:70px !important;
	width: 234px;
	padding:0;
}
#menu ul li {
	margin:0;
	padding:0;
	border-bottom:1px dashed #fff;
}
#menu ul li a{
	display:block;
	font-size:90% !important;
	padding:3px 2px 2px 3px !important;
}
#smenu1 {
	background-color:#57B18A;
}
#smenu1 a:hover {
	background-color:#117666;
}

/* -------------- general ------------ */
table#contenu {
	/*border-top:1px solid #fff;*/
	background-image:url(fond-contenu.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FCF2DE;
	width:100%;
}
.margin {
	margin:5px;
}
td.illu {
	/*border-left:1px solid #fff;*/
	border-right:1px solid #7A6A51;
	border-left:1px solid #7A6A51;
	border-top:1px solid #7A6A51;
	background-color:#DECCB6;
	background-image:url(fond-illu.jpg);
	background-position:top;
	background-repeat:repeat;
	width:180px;
	/*background-color:#E1D8C7;*/
}
/*td.illu {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#FAE8C5;
}*/
.tdcontact {
	border-left:7px solid #7A6A51;
	padding: 0 ;
}
.tdcontact2 {
	border-left:7px solid #7A6A51;
	padding: 0 ;
}
.tdbareme {
	border-left:7px solid #BF8302;
	padding:0;
}
.tdregles {
	border-left:7px solid #117666;
	padding:0;
}
.tdmediateur {
	border-left:7px solid #58A9A2;
	padding:0;
}
.tddemande {
	border-left:7px solid #D56519;
	padding:0;
}
.tddemande li {
	list-style-image:url(images/fleche-orange.gif);
	padding: 3px 0 5px 5px;
	margin-top:5px;
	margin-bottom:5px;
}
.invisible {
	display:none;
}
#navigation {
	clear:both;
	font-size:80%;
	margin:3px 0 5px 5px;
	color:#78623F;
}
#navigation a {
	color:#78623F;
}
h1 {
	font-size:140%;
	margin: 0 0 5px 0;
	border-bottom:1px solid #fff;
	font-weight:normal;
	background-color:#DCBDA0;
	background-image:url(fond-h1.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	/*background-color:#FEE8BC;*/
	color:#6B5200;
	padding:5px;
}
.tdcontact h1{
	color:#7A6A51;
	border-bottom:1px solid #7A6A51;
	border-top:1px solid #7A6A51;
}
.tdcontact2 h1{
	color:#7A6A51;
	border-bottom:1px dashed #7A6A51;
	border-top:1px solid #fff;
}
.tdbareme h1{
	color:#AD7701;
	border-bottom:1px solid #BF8302;
	border-top:1px solid #BF8302;
}
.tdregles h1 {
	color:#096B5C;
	border-bottom:1px solid #096B5C;
	border-top:1px solid #096B5C;
}
.tdmediateur h1{
	color:#128C97;
	border-bottom:1px solid #3E958E;
	border-top:1px solid #3E958E;
}
.tddemande h1{
	color:#C25207;
	border-bottom:1px solid #D56519;
	border-top:1px solid #D56519;
}
h2 {
	color:#6E2F01;
	font-size:125%;
	/*border-bottom:1px solid #033572;*/
}
h3 {
	font-size:120%;
}
h4 {
	font-size:110%;
}
tr {
	vertical-align:top;
}
a:link {
	color:#084DAA;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:visited{
	color:#6308AA;
}
th {
	background-color:#D5C2AD;
	text-align:left;
	padding-left:3px;
}
.orange {
	color:#CF6202;
}
.intro {
	color:#4D8194;
	font-size:110%;
}
input.bouton {
	border:1px outset #7A6A51;
	background-image:url(fond-h12.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#7A6A51;
}
table.Listeregles th {
	background-color:#B6D0BB;
}
.vertclair {
	background-color:#D9E8DC;
}
.verttresclair {
	background-color:#EDF5EF;
}
table.Listeregles ul {
	margin-top:0;
	margin-bottom:0;
}

/* ------------ pied de page --------- */ 
div.pied {
	width:760px;
	margin:0 auto;
}
td.espacePied {
	margin:0;
	padding:0 10px 0 0;
}
p.contact {
	float:right;
	padding-top:5px;
}