body
{
  background-color:#f4f4ff;
  color:#000099;
  font-family:Trebuchet MS,Times New Roman,Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:10pt;
}

a
{
  color:#cc0000;
}

.rouge  { color:#cc0000; color:#990033; }
.orange { color:#ff6600; }
.violet { color:#660066; }
.vert   { color:#669900; }
.bleu   { color:#339999; }

#page, #head, .menu, #nav, #body, #foot
{
  width:775px;
}

#page
{
  background-color:#ffffff;
  border-color:#86898d;
}

#head, #body
{
  border-color:#86898d;
}

#head
{
  height:140px;
}

.menu
{
  background-color:#d6deec;
  border-top-color:#d6deec;
  border-bottom-color:#86898d;
  font-size:10pt;
}

.menu .beg { border-right-color:#d6deec; }
.menu .end { border-left-color:#86898d; }

.menu a
{
  border-left-color:#86898d;
  border-right-color:#d6deec;
  color:#004080;
  padding:0px 0px;
}

.menu a:hover { background-color:#e5eaf3; }

.submenu table { background-color:#86898d; }
.submenu table td { background-color:#a2b3d1; border-color:#86898d; font-size:10pt; }
.submenu table td a { color:#004080; }
.submenu table td a:hover { background-color:#d6deec; }

#nav
{
  background-color:#a5b5d2;
  border-bottom-color:#86898d;
  color:#4060a0;
  font-size:8pt;
}

#nav a { color:#004080; }

#body
{
  background-image:url(bodybg.gif);
  background-repeat:no-repeat;
  background-position:center left;
  border-collapse:collapse;
  font-size:10pt;
}

#body tr { vertical-align:top; }
#body tr td { padding:0px; }

#body #lmenu, #body #lmenu #top, #body #lmenu a, #body #lmenu bottom
{
  width:160px;
}

#body #lmenu
{
  background-color:#d6deec;
  border-right:1px solid #86898d;
  vertical-align:top;
}

#body #lmenu #top
{
  border-bottom:1px solid #95b3de;
  padding:8px 0px;
  text-align:center;
}

#body #lmenu a
{
  display:block;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #95b3de;
  color:#004080;
  font-size:9pt;
  font-weight:bold;
  line-height:30px;
  text-align:left;
  text-decoration:none;
  text-indent:5px;
}

#body #lmenu a:hover { background-color:#e5eaf3; }

#body #lmenu a.nouveau { color:#c00000; }

#body #lmenu #bottom
{
  border-top:1px solid #ffffff;
  padding:8px 0px;
  text-align:center;
}

#body #content
{
  padding:0px 20px 20px 20px;
}

#foot
{
  background-image:url(footbg.gif);
}

#foot, #foot a
{
  color:#0000a0;
  font-size:8pt;
}

.wd, .wd a
{
  color:#90a0c0;
  font-size:8pt;
}

h1
{
  color:#004080;
  font-size:20pt;
  font-weight:normal;
  margin:10px 0px;
}

h1 a
{
  color:#004080;
  text-decoration:none;
}

h2
{
  border-bottom:1px solid #617c58;
  color:#617c58;
  font-size:12pt;
  font-weight:normal;
  margin:20px 0px 10px 0px;
}

h2 a
{
  color:#617c58;
  text-decoration:none;
}

div.hr { width:100%; height:2px; margin:20px 0px; background-image:url(hr.png); overflow:hidden; }

img.puce { width:11px; height:11px; vertical-align:middle; }
p.cnil { font-size:7pt; line-height:12px; margin:5px 0px; }




#preunions { width:300px; float:right; margin:10px 0px 20px 10px; padding:0px; border:1px solid #000080; }
#preunions h1 { zzzbackground-color:#d6deec; border:0px; color:#cc0000; font-size:10pt; font-weight:bold; margin:0px; padding:3px 5px; }
#preunions h2 { zzzbackground-color:#e5eaf3; border:0px; zzzborder-top:1px solid #95b3de; zzzborder-bottom:1px solid #95b3de; color:#004080; font-size:10pt; font-weight:bold; margin:0px; padding:4px 5px; text-decoration:underline; }
#preunions ul { margin:0px; padding:0px; }
#preunions ul li { margin:0px 0px 0px 20px; padding:0px; text-indent:0px; list-style-image:url(puce9x11.gif); }
#preunions a { color:#004080; font-size:10pt; font-weight:normal; text-decoration:none; }
#preunions a:hover { text-decoration:underline; }
#preunions a b { font-size:9pt; }



#news h1 { color:#c00000; font-family:Arial,sans-serif; font-size:11pt; font-weight:bold; margin:15px 0px; }
#news p { font-family:Arial,sans-serif; font-size:9pt; margin:15px 0px; }
#news p .date { color:#808080; }
#news p .titre { font-weight:bold; }

#pub { float:right; margin:20px 0px 20px 20px; }

#rss { color:#000099; font-family:Arial,sans-serif; font-size:8pt; }
#rss a { color:#000099; text-decoration:none; }
#rss h1 { font-size:8pt; font-weight:bold; margin:8px 0px 2px 0px; }
#rss h1 .date { color:#808080; font-weight:normal; }
#rss p.desc { font-size:8pt; margin:2px 0px 8px 0px; }

#articles p { margin:5px 0px; }
#articles p a { color:#000099; font-weight:bold; text-decoration:none; }
#articles p a:hover { color:#000099; font-weight:bold; text-decoration:underline; }

#partenaires { text-align:center; }
#partenaires img { margin:0px 30px 30px 0px; vertical-align:middle; }

#buts { font-size:10pt; }
#buts ul { margin-left:20px; }
#buts p, #buts li { margin:0pt 0pt 6pt 0pt; }

#adresses_utiles { font-size:8pt; }
#adresses_utiles .left { width:290px; float:left; }
#adresses_utiles .right { width:290px; float:right; }
#adresses_utiles ul { margin-left:20px; }
#adresses_utiles li { margin:0pt 0pt 18pt 0pt; line-height:13px; list-style-image:url(puce9x11.gif); }

ul.partenaires { margin:10px 30px; }
ul.partenaires li { list-style-image:url(puce.gif); }
ul.partenaires li a { color:#999f81; }

img.ico16 { width:16px; height:16px; }

#docadm { font-size:10pt; }
#docadm ul { margin-left:20px; }
#docadm li { margin:0pt 0pt 6pt 0pt; list-style-image:url(puce11x15.gif); }

p.info { color:#c00000; font-size:9pt; line-height:20px; margin:5px 0px; }
p.info .obl { color:#c00000; font-size:10pt; font-weight:bold; }

table.contact tr { vertical-align:middle; }
table.contact tr th { font-size:10pt; font-weight:normal; padding:1px 3px; text-align:right; }
table.contact tr td { font-size:12pt; padding:1px 3px; }
table.contact input.text, table.contact input.button,
table.contact textarea { border:1px solid #000099; }
table.contact input.button { background-image:url(menubg.gif); color:#000080; font-weight:bold; }
table.contact tr.req th { font-weight:bold; }
table.contact tr.req th span { color:#c00000; font-weight:bold; }
table.contact tr.req td input { background-color:#ffe4e4; }

#coord, #coord table { font-size:10pt; text-align:center; }

#trombi { text-align:center; }
#trombi .membre { float:left; width:120px; height:150px; margin:5px 9px; color:#000000; font-size:8pt; font-weight:bold; text-align:center; }
#trombi .membre img { width:100px; height:120px; border:1px solid #cccccc; }
#trombi .membre a { color:#000000; text-decoration:none; }
#trombi .membre a:hover { color:#cc0000; text-decoration:none; }

#membre img.photo { float:right; width:200px; height:240px; border:1px solid #cccccc; }
#membre img.carte { width:300px; height:190px; border:1px solid #cccccc; margin:10px 0px; }
#membre table { border-collapse:collapse; color:#000000; font-size:11pt; }
#membre table tr { vertical-align:top; }
#membre table th { color:#0000aa; font-weight:normal; padding:2px 10px 2px 0px; text-align:left; }
#membre table td { color:#000000; padding:2px 0px; text-align:left; }
#membre table td a { color:#000000; }
#membre .presentation { color:#000000; font-size:10pt; }
#membre fieldset.actions { border:1px solid #86898d; padding:0px; width:250px; }
#membre fieldset.actions legend { color:#86898d; font-size:8pt; }
#membre fieldset.actions ul { font-size:8pt; margin:0px 5px 5px 25px; }
#membre fieldset.actions li { margin:0px; list-style-image:url(puce9x11.gif); }

#pa table { width:570px; font-size:9pt; }
#pa table colgroup col.categorie { width:80px; text-align:left; }
#pa table colgroup col.titre { width:330px; text-align:left; }
#pa table colgroup col.prix { width:80px; text-align:right; }
#pa table colgroup col.date { width:80px; text-align:center; }
#pa table tr { vertical-align:middle; }
#pa table tr th { background-color:#135192; color:#ffffff; padding:1px 4px; text-align:center; }
#pa table tr td { color:#000000; padding:4px 4px; }
#pa table tr.r0 td { background-color:#d6deec; }
#pa table tr.r1 td { background-color:#b3c1d7; }

#infoleg { font-size:8pt; }
#infoleg h2 { border:0px; color:#000099; font-size:8pt; font-weight:bold; margin:12px 0px 2px 0px; }
#infoleg p { margin:4px 0px 4px 10px; }
#infoleg p a { color:#000099; text-decoration:none; }
#infoleg p a:hover { text-decoration:underline; }
#infoleg ul { margin:0px 0px 0px 30px; }
#infoleg ul li { margin:0px; list-style-type:square; }
#infoleg ul.decimal { margin:0px 0px 0px 35px; }
#infoleg ul.decimal li { list-style-type:decimal; }
#infoleg ul.loalpha li { list-style-type:lower-alpha; }

#forums table { width:570px; font-size:10pt; }
#forums table * { line-height:16px; }
#forums table colgroup col.forum { width:370px; text-align:left; }
#forums table colgroup col.nbdiscu { width:80px; text-align:center; font-size:8pt; }
#forums table colgroup col.dermsg { width:120px; text-align:center; font-size:8pt; }
#forums table tr { vertical-align:middle; }
#forums table tr th { background-color:#135192; color:#ffffff; font-size:10pt; padding:1px 4px; }
#forums table tr td { color:#000000; padding:4px 4px; }
#forums table tr.r0 td { background-color:#d6deec; }
#forums table tr.r1 td { background-color:#b3c1d7; }
#forums table tr td h1 { font-size:10pt; font-weight:bold; margin:0px 2px; }
#forums table tr td h1 a { color:#135192; text-decoration:none; }
#forums table tr td p { color:#000000; font-size:10pt; margin:0px 10px; }

#forumid { width:570px; border:2px solid #b3c1d7; margin:10px 0px; padding:2px 5px; color:#135192; font-size:10pt; font-weight:bold; }
#forumid .id { color:#c00000; font-weight:normal; }
#forumid a { color:#135192; }

#forum h1 { font-size:12pt; }
#forum h1 a { font-weight:bold; }
#forum table { width:570px; font-size:10pt; }
#forum table * { line-height:16px; }
#forum table colgroup col.titre { width:330px; text-align:left; }
#forum table colgroup col.auteur { width:80px; text-align:left; font-size:8pt; }
#forum table colgroup col.rep { width:30px; text-align:center; font-size:8pt; }
#forum table colgroup col.lue { width:30px; text-align:center; font-size:8pt; }
#forum table colgroup col.date { width:100px; text-align:center; font-size:8pt; }
#forum table tr { vertical-align:middle; }
#forum table tr th { background-color:#135192; color:#ffffff; font-size:10pt; font-weight:bold; padding:1px 4px; }
#forum table tr td { color:#000000; padding:4px 4px; }
#forum table tr.r0 td { background-color:#d6deec; }
#forum table tr.r1 td { background-color:#b3c1d7; }
#forum table tr td a { color:#135192; text-decoration:none; }

#discussion h1 { font-size:12pt; }
#discussion h1 a { font-weight:bold; }
#discussion form { margin:0px; }
#discussion table { width:570px; font-size:10pt; margin-top:10px; }
#discussion table * { line-height:16px; }
#discussion table tr { vertical-align:middle; }
#discussion table tr th { background-color:#135192; color:#ffffff; font-size:10pt; font-weight:bold; padding:1px 4px; text-align:left; }
#discussion table tr td { color:#000000; padding:0px 4px; }
#discussion table tr td a { color:#135192; text-decoration:none; }
#discussion table tr td blockquote { margin:20px 25px; }
#discussion table.discussion tr td { background-color:#b3c1d7; }
#discussion table.reponses tr.r0 td { background-color:#d6deec; }
#discussion table.reponses tr.r1 td { background-color:#b3c1d7; }
#discussion table.message tr td { background-color:#b3c1d7; white-space:nowrap; }
#discussion table.message tr td.smilies img { border:0px; margin:0px 2px 0px 0px; vertical-align:middle; }
#discussion table.message tr td.submit { text-align:right; }
#discussion table.message tr td.submit input { margin:5px 20px; }
#discussion a.censurer { color:#135192; text-decoration:none; }
#discussion a:hover.censurer { color:#c00000; }

#entreprise h1 { color:#c00000; font-size:13pt; font-weight:bold; margin:20px 0px; }
#entreprise h2 { border:0px; font-size:11pt; font-weight:bold; }
#entreprise td { font-size:10pt; }
#entreprise #contact { font-size:8pt; margin-top:30px; }

p.cloture { margin:10px 0px; }
p.cloture a { color:#135192; text-decoration:none; }
p.cloture a:hover { color:#c00000; }

#pages { color:#000000; font-size:10pt; margin:5px 0px; }
#pages * { padding:0px 3px; }
#pages a { border:1px solid #ffffff; background-color:#ffffff; color:#135192; }
#pages a:hover { border:1px solid #135192; background-color:#d6deec; text-decoration:none; }
#pages span { color:#c00000; }

#formulaire p { margin:10px 0px; }
#formulaire form { margin:0px; }
#formulaire table { font-size:10pt; }
#formulaire table * { line-height:16px; }
#formulaire table tr { vertical-align:middle; }
#formulaire table tr th { font-weight:bold; text-align:right; white-space:nowrap; }
#formulaire table tr td { text-align:left; }
#formulaire table tr td input.text { background-image:url(formbg.gif); }
#formulaire table tr.erreur th { color:#c00000; }
#formulaire table tr.erreur td input { background-color:#fdd; }
#formulaire table tr td.erreur { color:#c00000; font-weight:bold; }
#formulaire input.submit { background-image:url(menubg.gif); border:1px solid #000080; color:#000080; font-weight:bold; }

#erreur, div.erreur { width:570px; background-color:#fee; border:2px solid #c00000; color:#c00000; line-height:16px; margin:10px auto; padding:10px; }
#erreur pre.code, div.erreur pre.code { border:1px solid #c00000; color:#000000; font:8pt Lucida Console,Fixed,Courrier,sans-serif; line-height:12px; margin:10px; padding:10px; text-align:left; }
#succes, div.succes { width:570px; background-color:#eeffee; border:2px solid #00c000; color:#00c000; line-height:16px; margin:10px auto; padding:10px; }

#diapo_mini, #diapo_zoom { height:400px; float:left; border:1px solid #86898d; }
#diapo_mini { width:150px; overflow:auto; text-align:center; }
#diapo_mini img { cursor:hand; display:block; margin:5px auto; }
#diapo_zoom { width:370px; margin-left:10px; text-align:center; }
#diapo_zoom img { margin:5px; }


/* Inset 3D Raised */
.raised {background: transparent;width:90%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:20px; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#b3c1d7; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#b3c1d7; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#b3c1d7; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#b3c1d7; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#b3c1d7; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#b3c1d7; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#b3c1d7; border-left:1px solid #fff; border-right:1px solid #999;font:8pt;}

form.css fieldset {padding: 1em;}
form.css label {display: inline; float: left; width: 170px;}



#saisie     /* une div pour isoler la fenêtre de saisie "input" */
	{
		border-color: red;
		border-width: 1px;
		width: 550px;
	}
	
#saisie input, #saisie textarea , #saisie select
	{
		color: #004080;
		font-size: 10px;
		font-family: Verdana, Arial, sans-serif;
		background-color: #b3c1d7;
		padding: 3px;
		border: double 3px b3c1d7
	}
	
	
#saisie .error {
  background:url("ico/ico_cross_org.gif") no-repeat 0px 0px;
  padding-right: 15px;
  padding-bottom: 15px;
}


#saisie .success {
  background:url("ico/ico_check_blu.gif") no-repeat 0px 0px;
  padding-right: 15px;
  padding-bottom: 15px;
}

#saisie .errorBox {margin:3px; padding:0px; text-align:center;}


.chemin_on {
	FONT-SIZE: 10px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.chemin {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.lien-bleu {
	FONT-SIZE: 11px; COLOR: #acbcd7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.lien-bleu:hover {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.legende {
	FONT-SIZE: 10px; COLOR: #acbcd7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.chemin:hover {
	FONT-SIZE: 10px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.chemin_off {
	FONT-SIZE: 10px; COLOR: #7e97c1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.contenu-blanc {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.contenu-blanc:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.contenu-bleu {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000d5a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.contenu-bleu:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.contenu-bleu-petit {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000d5a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.contenu-orange {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.news-blanc {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.savoir-plus {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ff7019; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.savoir-plus:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ff7019; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.blanc-petit {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.sous-rubrique {
	FONT-SIZE: 10px; COLOR: #acbcd7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.sous-rubrique-on {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.sous-rubrique:hover {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}