/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *	Surcharges css par Jp
 * @lastmodified    $Date: 2010-12-01 $
 */
 /* 
  entete 
 */
@media all
{
a {
	text-decoration: none;
	color: #4f4f97;
}
a:hover {
	text-decoration: none;
	color: #4f4f97;
}


#header { padding: 1.0em 0 0 0; height: 108px; border-bottom: 0px solid #C5BC9E; position:relative;}
#header #logo { height: 90px; width:270px;}
#header #logo img {margin:0;}
#header #logo .title a { text-decoration: none; color: #000; }
#header #logo .title a:hover { color: #fff; background: #000; }
#header #logo .cg21 {float:left;margin-top:-8px;}
#header #logo .cdos21 {float:right;}
 
#menu { width: 290px; float: right; list-style: none; font-weight: bold; font-family: Dina, Helvetica, Arial; margin: 70px 0 0 2px;}
#menu li span { display: block; float: left; padding: 0 20px 0 10px;;}
#menu li span.home { background: url(images/barre_vert.gif) no-repeat;}
#menu li span.home a { color: #007D20; }
#menu li span.about { background: url(images/info.gif) no-repeat; }
#menu li span.archives { background: url(images/barre_bleu.gif) no-repeat; }
#menu li span.archives a { color: #003594; }
#menu li span.subscribe { background: url(images/barre_rouge.gif) no-repeat; }
#menu li span.subscribe a { color: #DF0029 ; }
#menu li span.contact { background: url(images/barre_jaune.gif) no-repeat; }
#menu li span.contact a { color: #F2B900; }
	
	
#header h1 {
    color:#efefef;
  }
  
#header span { color:#fff; }


#topbanner { height: 70px; border-bottom: 0px solid #999; background: url(images/home_banner.png) no-repeat; }


#topnav a { color:#fff;}
#topnav a:focus,
#topnav a:hover,
#topnav a:active { text-decoration:underline; background-color:transparent;}

#footer {
	text-align: center;
	}
	
/* menu vertical */
h6.vlist {
	width:100%;
    padding:3px 0px 3px 2%; /* LTR */
    }	
.vlist a,
  .vlist strong,
  .vlist span {
    padding:3px 0px 3px 2%;
  }	
/* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width:99%; padding-left:2%; } /* LTR */
/* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width:90%; padding-left:10%;} /* LTR */  
/* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width:80%; padding-left:10%; } /* LTR */ 
  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width:94%; padding-left:20%; } /* LTR */
  
  
   /* --- contenu Lists | Listen  -------------------------------------------------------------------------------- */

  .vcontent ul, ol, dl { line-height:0.5em; margin:0 0 1em 1em; }
  .vcontent ul { 
	list-style-type:disc; 
  }
  .vcontent ol { list-style-type:decimal; }
  .vcontent li { 
	  margin-left:0.5em; 
	  margin-bottom:0.7em; 
	  line-height:1.5em; 
	  list-style-type: none;
	  background-image: URL(images/puce_etoile.gif);
	  background-repeat: no-repeat;
	  background-position: 0 0.15em;
	  padding-left: 18px;
	}
h2 { background-image: URL(images/barre_bleu.gif);
	  background-repeat: no-repeat;
	  background-position: 0 0.15em;
	  padding-left: 8px; }                       /* 30px */
  
h3 { background-image: URL(images/barre_jaune.gif);
	  background-repeat: no-repeat;
	  background-position: 0 0.15em;
	  padding-left: 7px; }                        /* 18px */
  h4 { background-image: URL(images/barre_rouge.gif);
	  background-repeat: no-repeat;
	  background-position: 0 0.15em;
	  padding-left: 7px; }                  /* 16px */
  h5 { background-image: URL(images/barre_verte.gif);
	  background-repeat: no-repeat;
	  background-position: 0 0.15em;
	  padding-left: 7px; }                  /* 14px */
                 
 #nav {margin-top:5px;}
 #nav ul { 
 		margin-left:25px;
  	}
  
.hlist {  
    margin-left:-7%;
	background:#fff;
    border:1px #fff;
    font-size:120%;
	text-align:center;
	width:110%;
	overflow:hidden;
		}
.hlist ul {
    border-left:1px green solid;
    border-right:1px red solid;
  }
  
.hlist ul li a,
.hlist ul li strong {
    color:#0055AD;
  }
	
.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active  { color:#0055AD;}

.hlist ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background:#fff;
  }

.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active { color:#0055AD; }



}