/* feuille de style monunivers.com */
/* (top + bottom) et (right + left) */
/*  top, right, (bottom, left). */
/* site indispensable : www.csscreator.com */
/* http://www.positioniseverything.net */
/* background-color #DCDCDC  gris clair */
/* div #B0C4DE bleu gris #fef5cc , 176, 196, 222*/
/* div post #B0E0E6 bleu gris clair 176, 244, 230 */
/* div #F5FFFA  gris blanc */
/* liens   #f4a460 */

* { margin:0; padding:0 }
ul { margin:0 12px; }
li { margin:0 12px; }

img { border:0 none }
p { margin:6px 0 0 0}
body  { background-color:#DCDCDC; width:100%; padding:0; margin:0; font-family: verdana; font-size: 11px; text-align: justify }
a[hreflang]:after { content:" [" attr(hreflang) "]"; }
option.m { background-color:#B0C4DE }

div { background-color:#F5FFFA }
div.s { clear:both;line-height:0px }
div.sl { clear:both;border-bottom:1px solid black; padding-top:4px }

span.s { clear:left;line-height:1px }
select { background-color:#dcdcdc }
select.navi { font-size:10px }

a:visited { color:blue; text-decoration: none; }
a:link    { color:blue; text-decoration: none; }
a:hover   { background-color:#B0C4DE; color:black; text-decoration: none;}

a.ext:hover  { background-color:#B0C4DE; color:black; }
a.ext { background: url(btn_ex.png) center right no-repeat; padding-right:16px; margin-right:2px}
a.w   { background: url(w.png) center left no-repeat; padding-left:17px }
a.f   { background: url(fldr.png) center left no-repeat; margin:3px 0px 3px 17px; }
a.w:hover  { background-color:#B0C4DE; color:black; }
div.dw { clear:both; padding:6px 0}

div.som a { display:block; background-color:white; color:black; margin:1px; padding:0 2px; border:1px solid #dcdcdc }

div.som a:visited {  margin:3px 0;padding:3px 3px;color:black; }
div.som a:link    {  margin:3px 0;padding:3px 3px;color:black; }
div.som a:hover   {  margin:3px 0;padding:3px 3px;background-color:#B0C4DE; color:black; border:1px solid black } /* BUG OPERA le menu ne marche plus !!!*/

div.som a.w   { background: white url(w.png) center left no-repeat; margin:3px 0;padding:3px 3px 3px 19px; }
div.som a.f   { background: white url(fldr.png) center left no-repeat; margin:3px 0; padding:3px 3px 3px 19px; }

div.som1 a { display:block; background-color:white; color:black; margin:1px; padding:0 2px; border:1px solid #dcdcdc }
div.som1 a:visited { color:black; }
div.som1 a:link    { color:black; }
div.som1 a:hover   { background-color:#B0C4DE; color:black; border:1px solid black } /* BUG OPERA le menu ne marche plus !!!*/

a.som { background-color:white; color:black; margin:1px; padding:0 2px; border:1px solid #dcdcdc  }
a.som:visited  { color:black; }
a.som:link     { color:black; }
a.som:hover    { background-color:#B0C4DE; color:black; border:1px solid black }

a.std { color:black; }
a.std:visited  { color:black; }
a.std:link     { color:black; }
a.std:hover   { background-color:white; color:red; }

a.img { float:left; padding:0; margin:0;  }
a.logo { float:left; padding:0; margin:0; border-right:1px solid black }
a.logo:visited  { background-color:#B0C4DE; }
a.logo:link     { background-color:#B0C4DE; }
a.logo:hover    { background-color:#B0E0E6; }

a.logo1 { height:25px; float:left; padding:5px 8px 0 8px; margin:0; border-right:1px solid black; color:black; font-size:15px; font-weight:bold }
a.logo1:visited  { color:black; }
a.logo1:link     { color:black;  }
a.logo1:hover    { color:black; background-color:#B0E0E6; }
span.logo2 { background-color:transparent; position:relative; top:-3px; padding-left:55px; color:black; }

a.img:visited,a.paraimg:visited  {  }
a.img:link,   a.paraimg:link     {  }
a.img:hover,  a.paraimg:hover    {  }

a.paraimg   { float:left; padding:0; margin:0 4px 0 0;  }
img.paraimg { float:left; padding:0; margin:0 4px 0 0;  }

/* titre de la page */
/*div.titre {background: #f4a460 url("../bg.png") repeat-y 0 50%; margin:0 8px 10px 8px; padding:0; border:1px solid black; border-top:0; }*/
div.titre { background: #F0FFFF url("bg.png") repeat-x 0 100%; margin:0 8px 10px 8px; padding:0; border:1px solid black; -moz-border-radius: 4px; }
h1.t0    { float:left; padding:8px 0 15px 15px; font-weight:bold; font-size:20px; color:black;}
div.t0    { float:left; padding-top:4px; padding-left:15px; font-weight:bold; font-size:20px; color:#800000;}

div.navi  { float:right; background : transparent; padding-top:10px; padding-right:10px }

div.column  { background-color:#dcdcdc; float:left; width:49% }
div.column1 { background-color:#dcdcdc; float:right; width:50% }

div.som  { float:left; margin-top:4px; margin-right:9px; }
div.som1 { float:left; margin-top:4px; margin-right:9px; }
div.somg { float:left; margin-top:4px; margin-right:9px; font-size:10px}
div.somd { float:right; margin-top:4px; margin-right:9px; font-size:10px }

/* paragraphe nombre */
div.paran { width:100%; padding:8px 0; clear:both; text-align: justify ; margin-bottom:3px; border-top:1px solid black }
div.paran1 { padding-top:4px; padding-left:25px }

/* formulaire */
input.p1 { width:40px }
input.s1 { width:150px }
div.form { margin:6px 0 }

/* paragraphe */
div.paral { width:100%; padding-top:5px; clear:both; text-align: justify; font-family: courier }
div.para2 { width:100%; padding-top:5px; clear:both; text-align: justify; background-color:transparent }
div.para3 { width:100%; padding-top:5px; clear:left; background-color:#fff9ac; text-align: justify; font-size:10px }

/*div.par_c { background: #dde4e8 url("bg monunivers.png") repeat-x 0 0; clear:both; margin:0px 8px 8px 8px; padding:0 10px 8px 10px; border: thin outset ; text-align: justify;-moz-border-radius: 4px; }*/
div.par_c { clear:both; margin:0px 8px 8px 8px; padding:0 10px 8px 10px; border: thin outset ; text-align: justify;-moz-border-radius: 4px; }
div.par_g { margin:0px 0px 10px 8px; padding:0 10px 10px 10px; border:1px solid black; text-align: justify; -moz-border-radius: 4px; }
div.par_d { margin:0px 8px 10px 0px; padding:0 10px 10px 10px; border:1px solid black; text-align: justify; -moz-border-radius: 4px; }
div.ie_bug  { padding-top:10px; width:100%; clear:both; }
div.ie_bug2  { background-color:#dcdcdc; width:100%; clear:both}

div.v { float:left;border:1px solid black;margin:10px ; padding:10px; width:140px; height:130px}
div.over { background: #F0FFFF url("bg.png") } /*background-color:#DCDCDC } */

/* paragraphe avec image */
h1.p1  { background:#B0E0E6; position:relative; left:-10px; float:left; padding-left:10px; padding-top:3px; padding-bottom:2px; padding-right:20px; font-weight:bold; font-size: 12px; color:black; border-right:1px solid black; border-bottom:1px solid black; -moz-border-radius: 4px; }

div.p1  { position:relative; left:-10px; float:left; padding-left:10px; padding-top:3px; padding-bottom:2px; padding-right:20px; font-weight:bold; font-size: 12px; color:black; border-right:1px solid black; border-bottom:1px solid black; background-color:#B0C4DE }
div.p2  { color:green; float:right; font-size: 10px; padding-left:2px; padding-top:3px; padding-bottom:2px; }
div.img { float:left; display:inline; margin:0; margin-right:6px; padding:0}

/* bas de page */
div.footer { background-color:#dcdcdc; margin:0px 8px 10px 8px; padding:0px 0 10px 0; font-size: 10px; }
span.co  { float:left;padding-top:2px; padding-bottom:15px; }
span.col { float:left }

/* vignette avec legende */
div.vignette { float:left ; margin-right:8px; height:95px }
div.vi1 {  float:left ; margin-right:8px;}

/* table */
table.std  {  border-collapse: collapse }
table.std td { border: 1px solid black; padding:3px 4px; text-align:center; font-size : 11px }
table.std1  {  border-collapse: collapse }
table.std1 td { border: 1px solid black; padding:3px 4px; text-align:center; font-size : 10px }
table.pal  {  border-collapse: collapse }
table.pal td { border: 1px solid black; padding:3px 4px; font-size : 10px }
table.pal tr.l  { background-color:#D5EFFA }
table.pal tr:hover { background-color:#B0C4DE }

/* music */
div.a { background-color:#F0e9cc; margin:0 8px; padding : 3px}

div.par_c h3   { display:inline; margin-bottom:3px; font-size:11px }
div.par_c span { color:maroon; font-weight:bold }

#nav { z-index:1000 }
#nav li { list-style:none; margin:0 }
#nav li.off { width:157px; }
#nav li.off a { padding:2px 0 3px 10px; border-right:1px solid black; }
#nav li.off a:hover { background-color:#B0E0E6; }
#nav li.sm { font-weight:bold;width:110px;margin-bottom:8px }
#nav li.sm ul { margin-left:7px }
#nav li.sm li { font-weight:normal }
#nav ul.menu1 { position:absolute;top:3px;left:-1px;background-color:#B0E0E6;margin-left:0;padding:5px;border:2px solid black;height:230px;width:335px; }

#nav li li {
  margin: 0;
  float: left;
  display: block;
  padding-right: 0px;
}

#nav li ul li ul li { float:none }

#nav li.off ul, #nav li.on ul { display: none;}

#nav li a { color:black; display: block; padding: 0px; }

#nav li.on ul a, #nav li.off ul a {
  border: 0;
  margin-right: 0px;
  padding:1px;
}
#nav li.on ul a:hover, #nav li.off ul a:hover { background-color:#B0C4DE ; }

#nav li.on ul { display: block; }
#nav li.off:hover ul, #nav li.over ul { display: block; }