@CHARSET "ISO-8859-1";

body {
	background-color:#EFEEEA;
	background-image:url(../images/fond.png);
	background-position:center;
	background-repeat:repeat-y;
	font-family:Lucida Grande, Tahoma, Verdana, Arial;
	font-size:10pt;
	color:#000000;
}

table, tr, td {
	text-align:left;
}
a {
	font-weight:bold;
	color:#BB5500;
	text-decoration:underline;
}
a:hover {
	color:#FF4400;
}
pre {
	color:#FF0000;
}
textarea {
	font-family:Lucida Grande, Tahoma, Verdana, Arial;
	font-size:9pt;
	border:1px solid #BB5500;
}
sup {
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
}

/************* MISE EN PAGE GENERALE ***************/
#dispo {
	margin-left:auto;
	margin-right:auto;
	width:900px;
}


/************ MENU ***************/
#menu {
	width:200px;
	margin:0px;
}

#menu div.short, #menu div.short_hl, #menu div.long, #menu div.long_hl {
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px;
	margin-top:10px;
	padding-top:10px;
	width:200px;
}

#menu div.short {
	background-image:url(../images/menu_short.png);
	height:44px;
}
#menu div.short_hl {
	background-image:url(../images/menu_short_hl.png);
	height:44px;
}
#menu div.long {
	background-image:url(../images/menu_long.png);
	height:149px;
	padding-top:5px;
}
#menu div.long_hl {
	background-image:url(../images/menu_long_hl.png);
	height:149px;
	padding-top:5px;
}
#menu .entete{
	margin:0px;
	text-align:center;
	font-weight:bold;
	font-variant:small-caps;
	font-size:16px;
	color:#442200;
	text-decoration:none;
}
#menu p.entete {
	margin-bottom:5px;
}
#menu ul, #menu li {
	margin:0px;
	padding:0px;
	text-align:center;
}
#menu li {
	list-style-type:none;
}
#menu a {
	color:#000000;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover {
	text-decoration:underline;
}


/************** CONTENU **************/
#contenu {
	border:1px solid #333333;
	border-top:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	/*width:678px;*/
	padding:10px;
	text-align:justify;
	background-color:#FFFFFF;
	font-size:11pt;
}
#contenu a {
	background-image:url(../images/fleche.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:13px;
}
#contenu a.rien {
	padding-left:0px;
	background-image:none;
}
#contenu div.blien {
	background-image:url(../images/b_fond.gif);
	background-repeat:no-repeat;
	background-position:center center;
	color:#663311;
	font-size:16px;
	letter-spacing:2px;
	font-weight:bold;
	width:305px;
	height:48px;
	border:0px;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
}
#contenu div.blien:hover {
	background-image:url(../images/b_fond_h.gif);
}
#contenu div.blien a {
	color:#663311;
	text-decoration:none;
}


/**************** TABLE ACCUEIL ************/
#fp {
	width:650px;
	margin-right:auto;
	margin-left:auto;
}
#fp td {
	width:320px;
	padding:5px;
	text-align:justify;
	border:1px dashed #994400;
}
#fp td.o {
	background-color:#FFF3D5;
}
#fp td.r {
	background-color:#FFCCCC;
}
#fp p.name {
	font-size:13pt;
	color:#994400;
	border-bottom:1px dotted #994400;
}
#fp li {
	list-style-image:url(../images/fleche.gif);
}
#fp p.lien {
	text-align:right;
	font-size:9pt;
}


/**************** MENU HAUT sur les pages **********/
#m_haut {
	width:650px;
	text-align:center;
	border:1px dashed #994400;
	background-color:#FFF3D5;
	margin-right:auto;
	margin-left:auto;
	font-size:11px;
	padding:5px;
	margin-bottom:15px;
}
#m_haut ul, #m_haut li {
	margin:0px;
	padding:0px;
}
#m_haut li {
	display:inline;
	list-style-type:none;
	margin-left:10px; margin-right:10px;
}
#m_haut a {
	background-image:none;
	padding-left:0px;
}

/**************** OURS ****************/
#ours {
	background-color:#DDDACC;
	text-align:center;
	font-size:11px;
	margin-top:25px;
	padding:10px;
	border:1px solid #444433;
}
#ours a {
	color:#444433;
}


/************** Tableaux : générique **********/
#tab {
	border:0px;
	font-size:9pt;
	margin-left:auto;
	margin-right:auto;
}
#tab td.g {
	text-align:right;
	font-weight:bold;
}
#tab td.intitule {
	border-left:solid 5px #994400;
	font-size:12pt;
	color:#333333;
}
#tab input.bord {
	width:400px;
}

/************* Tableaux : listing *************/
#listing {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	font-size:9pt;
}
#listing td {
	border:1px #994400 solid;
}
#listing td.id, #listing td.actions {
	text-align:center;
	font-weight:bold;
}
#listing ul, #listing li {
	margin:0px;
	padding:0px;
}
#listing li {
	list-style-type:none;
	display:inline;
	margin-left:5px;
	margin-right:5px;
}
#listing tr.entete td {
	font-size:10pt;
	background-color:#994400;
	color:#FFFFFF;
	font-weight:bold;
}
#listing img {
	border:0px;
}
#listing a.up, #listing a.down {
	padding-right:15px;
	background-image:url(../images/up.gif);
	background-repeat:no-repeat;
	background-position: center right;
	color:#FFFFFF;
	text-decoration: none;
}
#listing a.up:hover {
	text-decoration:underline;
}
#listing a.down {
	background-image:url(../images/down.gif);
	background-repeat:no-repeat;
	background-position: center right;
}
#listing a.down:hover {
	text-decoration:underline;
}

/***************** RECHERCHE ************/
#recherche {
	border : thin dashed #0066AA;
	background-color:#CCE5FF;
	background-image:url(../images/recherche.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	margin:5px;
	padding:10px;
	padding-left:60px;
	font-family:"Trebuchet MS";
	font-size:12px;
}
#recherche ul {
	text-align:left;
	margin:0px;
	padding:0px;
}
#recherche li {
	display:inline;
	list-style:none;
	margin-left:10px;
	margin-right:10px;
}
#recherche input.gni {
	width:100px;
	border:thin #99CCFF solid;
}
#recherche input.gni:focus {
	background-color:#EEEEEE;
}
#recherche input.court {
	width:40px;
	border:thin #99CCFF solid;
}
#recherche input.court:focus {
	background-color:#EEEEEE;
}
#recherche div.boutonR {
	text-align:center;
	margin-top:15px;
}
#recherche div.raz {
	float:right;
	text-align:right;
}
#recherche input.btn {
	font-size:12px;
	font-weight:bold;
	border: thin #1177DD solid;
	background-color:#EEEEEE;
	color:#003399;
}
#recherche input {
	border:thin #99CCFF solid;
}
#recherche input:focus {
	background-color:#EEEEEE;
}

/************ Liste lettres et numéros  *************/
#lettres, #numeros {
	text-align:center;
	font-weight:bold;
	color:#000000;
	font-size:5pt;
	margin-top:10px;
	margin-bottom:10px;
}
#lettres a, #numeros a {
	border:thin grey solid;
	background-color:#EEEEEE;
	background-image:none;
	font-style:normal;
	padding:3px;
	margin-right:1px;
	margin-left:1px;
}
#lettres a:hover, #numeros a:hover {
	background-color:#EEEEBB;
	border-color:#DD6633;
	font-style:normal;
}
#lettres u, #numeros u {
	border:thin red dotted;
	background-color:#AACCDD;
	padding:3px;
	margin-right:1px;
	margin-left:1px;
}



/************* CLASSES ***************/
.bouton {
	background-image:url(../images/b_fond.gif);
	background-repeat:no-repeat;
	background-position:center center;
	color:#663311;
	font-size:16px;
	letter-spacing:2px;
	font-weight:bold;
	width:305px;
	height:48px;
	border:0px;
	cursor:pointer;
}
.bouton:hover {
	background-image:url(../images/b_fond_h.gif);
}
.bouton2 {
	background-image:url(../images/b_fond2.gif);
	background-repeat:no-repeat;
	background-position:center center;
	color:#663311;
	font-size:11px;
	font-weight:bold;
	width:159px;
	height:25px;
	border:0px;
	cursor:pointer;
}
.bouton2:hover {
	background-image:url(../images/b_fond2_h.gif);
}

.titre {
	margin:0px;
	/*margin-right:80px;*/
	margin-bottom:5px;
	color:#994400;
	border-bottom:1px dotted #994400;
	font-size:18pt;
	font-weight:bold;
	font-variant:small-caps;
}
.titre2 {
	color:#447744;
	font-weight:bold;
	font-size:13pt;
	margin-top:40px;
	padding:5px;
	border-top:1px solid #447744;
	border-bottom:1px solid #447744;
	background-color:#DDEEDD;
}
.stitre {
	display:block;
	border:0px;
	border-left:solid 15px #994400;
	font-size:12pt;
	color:#333333;
	margin-left:10px;
	margin-top:30px;
	padding-left:3px;
}
.stitre2, .stitre3 {
	display:block;
	font-size:11pt;
	color:#994400;
	margin-left:20px;
	margin-top:20px;
}
.stitre3 { margin-left:0px; padding-left:0px; font-size:18px; margin-top:0px; }


.petit, .petital {
	font-size:8pt;
}
.petital {
	font-style:italic;
}
.alerte {
	font-size:9pt;
	color:#FF0000;
	font-style:italic;
}

ul.sans li {
	list-style:none;
	padding:3px;
}
.bord {
	border:1px solid #BB5500;
}

.tg {
	text-align:left;
}
.td {
	text-align:right;
}

div.recap {
	width:400px;
	background-color:#EEEEEE;
	border:dashed #994400 1px;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	text-align:center;
	font-weight:bold;
}
div.recap span {
	display:block;
}
div.recap a.file {
	color:#FF0000;
	background-image:url(../images/dwl.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:50px;
	height:40px;
}
div.deco {
	float:right;
	padding:5px;
	background-color:#EEEEEE;
	border:1px #333333 dotted;
}

.fleche {
	background-image:url(../images/fleche.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:13px;
}

.toobad {
	text-align:center;
	color:#AA3333;
	font-size:12pt;
	font-weight:bold;
}

#feloche {
	text-align:center;
	margin-top:50px;
	font-size:14pt;
	font-weight:bold;
	color:#CC6600;
}
#feloche span {
	display:block;
	font-size:12pt;
	font-weight:normal;
}

div.attention {
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	font-style:italic;
	background-color:#FFCCCC;
	background-image:url(../images/attention.gif);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:8px;
	padding-left:60px;
	border:1px dashed #994400;
	text-align:left;
	font-size:12px;
}

.encadre {
	margin:10px;
	padding:8px;
	border:1px dashed #994400;
}

#help {
	text-align:center;
	width:600px;
	margin:10px;
	margin-left:auto; margin-right:auto;
	margin-bottom:40px;
	padding:3px;
	background-color:#EEEEEE;
	border:dashed #994400 1px;
	font-size:12px;
}
#help p.head {
	margin:0px; padding:0px;
	text-align:left;
	font-weight:bold;
}
#help ul, #help li {
	margin:0px;
	padding:0px;
}
#help li {
	list-style-type:none;
	display:inline;
	margin-left:10px;
	margin-right:10px;
}

/****************** AFFICHAGE VILLES LABELLISEES ****************/
#villes div {
	margin-bottom:20px;
	padding-left:15px;
}
#villes span {
	display:block;
}
#villes span.c {
	color:#AA3333;
	font-size:14pt;
	font-weight:bold;
	display:block
}
#villes img {
	width:20px;
}
#villes span.d {
	text-transform:uppercase;
	color:#666666;
	font-size:12px;
}
#villes a {
	font-weight:normal;
	padding-left:0px;
	background-image:none;
}