P,TD,BR,BODY, SELECT, INPUT { font-size: 12px; color: #FF9900; font-family: Arial, Verdana, Helvetica, sans-serif; } 

.chapeau { font-size: 12px; color: #600000; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }  
           
.title { font-size: 14px;color: #003300;font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.titrub { font-size: 13px;color: #660000;font-family: Georgia, Times New Roman, Times, serif; font-weight: regular; }
.titrub2 { font-size: 14px;color: #FF9900;font-family: Georgia, Times New Roman, Times, serif; font-weight: bold; }
.big {font-size: 12px;}
.text {font-size: 11px;}

.lien 		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none;}
.lien A:link	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none;}
.lien A:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #7D5023; text-decoration: none;}
.lien A:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #663333; text-decoration: underline;}
.lien A:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #999999; text-decoration: underline;}
.line-height { font-size: 12px ;font-style: normal; line-height: 1.4em; color: #333333; }
  
.ol li a 		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #E9E9E9; text-decoration: none;}
.ol li a A:link	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #E9E9E9; text-decoration: none;}
.ol li a A:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #993300; text-decoration: none;}
.ol li a A:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #381410; text-decoration: underline;}
.ol li a A:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: underline;}

ol {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 float:left; /*pour IE*/
 border-left:1px solid black;
} 
ol li a {
 display:block;
 float:left;   
 width:105px;
 line-height:20px; /*hauteur de l'image de fond*/
 background:black url(images/vert-1.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
ol li a:hover {
 background:black url(images/vert-2.png) repeat-x;
 color:white;
 } 
 
        		  
.ul li a 		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #E9E9E9; text-decoration: none;}
.ul li a A:link	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #E9E9E9; text-decoration: none;}
.ul li a A:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #993300; text-decoration: none;}
.ul li a A:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #381410; text-decoration: underline;}
.ul li a A:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #990000; text-decoration: underline;}

ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 }
ul li a {
 display:block;
 float:left;   
 width:105px;
 line-height:25px; /*hauteur de l'image de fond*/
 background:black url(images/noir-1.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
ul li a:hover {
 background:black url(images/noir-2.png) repeat-x;
 color:white;
 } 


#orange {color:#FF9900;}
   
.vignette{
margin:0;
padding:0 0 15px 0;
width:210px;
color:#333333;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
}

.vignette h4{
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
border-bottom:2px solid;
}

.vignette h4.blue{
border-color:#0066CC;
}

.vignette h4.orange{
border-color:#FF9900;
}

.vignette h4.orange2{
border-color:#FF6600;
}

.vignette h4.green{
border-color:#CCCC66;
}

.vignette h4.green2{
border-color:#669966;
}

.vignette h4.brown{
border-color:#CC6633;
}

.vignette h4.green3{
border-color:#309898;
}

.vignette h4.brown2{
border-color:#D09830;
}

.vignette .texte{
float:left;
border:0px;
width:160px!important;
width:150px;
margin:0;padding:0;
}

.vignette a{
text-decoration:none;
color:#333333;
}

.vignette a:hover{
text-decoration:underline;
}
.vignette .visuel{
width:50px; float:right; overflow:hidden;
}
img{
border:0px;
margin:0;
}

.clear{
clear:left;
}
    

div#navbar2 {
    height: 10px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #336699;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #FFF;
    line-height: 20px;
    white-space: nowrap;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 0px 0px;
    color: #FFF;
}
div#navbar2 li a:link {
    color: #FFF:
}
div#navbar2 li a:visited {
    color: #CCC;
}
div#navbar2 li a:hover {
    font-size:10px;
    color: #FFF;
    background-color: #FFFFFF;
}


@font-face {    
    font-family: "Rockwell condensed";    
    src: url( /font/ROCC____.eot ); /* IE */    
    src: local("Rockwell condensed"), url( /font/ROCC____.ttf ) format("truetype"); /* autres navigateurs */    
}    
  
h4 {  
    font-family:"rockwell condensed", arial, verdana, helvetica, sans-serif; font-size:28px; font-weight:regular; margin-bottom: 2px; margin-top: 2px; color:#A05A14;
}