* {
margin: 0;
padding: 0;
}
body {
  font-family: Helvetica,sans-serif;
 font-size: 12px;
  line-height: 15px;
  background : #f7dda6 url(bs_kl.png) 99% 70% no-repeat;
  color: brown;
  background-attachment : fixed; 
}
a {
color: orange;

}
a:hover {
color: red;

}
a:focus, a:active {
color: #000;

}

h1 {
font-variant:small-caps;
font-size : 2.0em;
margin-bottom: 50px; margin-top: 20px;
font-family :"Comic Sans MS",Georgia,"Times New Roman",serif;
font-size : large; 
color:#fc5725;
}

h2 {
font-variant:small-caps;
font-size : 1.8em; margin-bottom: 15px; margin-top: 30px;
font-family :"Comic Sans MS",Georgia,"Times New Roman",serif;
color:#fc5725;
}

h3 {
font-size : 1.6em; margin-bottom: 15px; margin-top: 15px;
font-family :"Comic Sans MS",Georgia,"Times New Roman",serif;
}
h4 {
font-size : 1.4em; margin-bottom: 15px; margin-top: 15px;
font-family :"Comic Sans MS",Georgia,"Times New Roman",serif;
}
h5 {
font-size : 1.2em; margin-bottom: 15px; margin-top: 15px;
font-family :"Comic Sans MS",Georgia,"Times New Roman",serif;
}

p {
 margin-bottom: 15px; margin-top: 15px; 

}
#en_tete {
width : 100%; 
height : 100px;
margin-top: 0;
margin-bottom: 0;
background : #fbb672;


}
#en_tete h1 {

position : absolute; 
right : 10%;
 font-size : xx-large; 
margin : 10; 
color :white; 
 
font-family : Arial, Georgia,"Arial Black", Verdana, serif; 
} 
#en_tete h2 {
position : absolute; 

margin : 65px; 
color : #fc5725; 
right : 5%;
font-family : Georgia, Arial, "Arial Black", Verdana, serif; 
font-size : medium; 
} 

#date {
position : absolute; 
left: 10%;
margin-top:67px;
color : #fc5725;


font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.date a {
text-transform: uppercase;
font-size : 5em;
font-weight : bolder;
font-variant : small-caps;
color : #6c74bc;
}
.deux {
text-transform: uppercase;
position : absolute;
left: 10%;
margin-top: 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : xx-large; 
font-weight : bolder;
color : white;
}

.un {
text-transform: uppercase;
position : absolute;
left: 9.5%;
margin-top: 23px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : xx-large; 
font-weight : bolder;
color : orange;
}
.points {
position : absolute;
margin-top: 40px;
left: 20%;
}

#photo-barre {
height: 80px;
background: url(bg_header.jpg);
border-bottom: 7px solid orange;
}
#navigation_haut{
background: #fbd074;

}

#metanavi {
margin : 0 0 0 0;

}
.metanavi {
height : 18px;
margin : 2 2px;
font-size : 10pt;
}

.metanavi ul {
display : inline;
margin-left: 64%;
padding : 0;
font-size : 0.9em;
}
.metanavi li {
display : inline;
list-style : none;
padding : 0 0 0 0;
margin : 0 1em 0 0;
}
.metanavi a {
text-decoration : none;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
color : #a52a2a;
margin: .1em;
font-size: 1.4em;
font-style:italic;
font-weight : bolder;
}
.metanavi a:hover {
color :  #fc5725;

}
.metanavi a#current {
color: black;

}

.breadcrumb {
margin : 0 0px;
background-color : #a52a2a;

height:12px;
padding : 3px 10px 3px 0;
font-size : 1em;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight : bolder;
}
.bradcrumb {
position : absolute; 
left: 35%;
color: #fbd074;
padding : 0 0px;
overflow : hidden;
}
.subLeft {
overflow : hidden;
}
.subRight {
padding : 0 0 0 1em;
overflow : hidden;
}
.breadcrumb a {
margin : 0 0;
text-decoration : none;
}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {
color : white;
}

.breadcrumb a:hover {
color : black;
}


#content ul, ol, dl {margin: 0.5em 0.5em;

}

#navigation {  font-size: 12px;
width: 20%;
}


#navigation ul
{
margin-top:25px;
list-style-type: none;
}

#navigation a
{

text-decoration:none;
display: block;
padding: 5px 10px 5px 25px;
background: #fc5725;
margin: .1em;
font-size: 1.4em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;        
color: white;

}



#navigation a:link, #navigation a:visited
{
	color: #white;
	text-decoration: none;
}

#navigation a:hover
{
background: #fd9d40;
color:yellow;
}
#navigation a#current
{
background: #a52a2a;
color: white;
}


#navigation1 {  font-size: 12px;
width: 20%;
}


#navigation1 ul
{
margin-top:25px;
list-style-type: none;
}

#navigation1 a
{

text-decoration:none;
display: block;
padding: 5px 10px 5px 25px;
background: #fd9d40;
margin: .1em;
font-size: 1.4em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;        
color:#a52a2a;
}


#navigation1 a:link, #navigation1 a:visited
{
	color: #white;
	text-decoration: none;
}

#navigation1 a:hover
{
background: #fc5725;
color:yellow;
}
#navigation1 a#current
{
background: #a52a2a;
color:white;
}


#outer {
margin: 0 auto;
width: 1100px;
}
#outer {
padding: 1em .25em;
}
#content {
padding: 0 2em;
float: right;
width: 70%;
border-left: 5px solid #fc5725;
font-size: 1.2em;
margin-bottom: 100px;
}
#content p {
margin : 0;
font-size : 14px;
text-align : left;
padding-top : 10px;
padding-bottom : 10px;
}
#content p:first-letter {
font-weight : bold;
font-size : 1.3em;
}
#content h1 {
  font-size: 48px; padding-top : 10px;
padding-bottom : 10px;
}

.news-latest-container {
margin : 30px;
}
.news-latest-container p {
color : black;
}
.news-list-container {
border : 3px #8e0000;

}
.news-list-item {
height : 1%;
line-height : 1.3;
height : auto !important ;
padding : 3px;
margin : 3px;
border : 1px solid #8e0000;

}
.news-search-form {
padding : 3px;
margin-bottom : 5px;
border : 3px  #8e0000;

}
.news-search-emptyMsg {
margin : 0;
}
.news-search-form FORM {
margin : 0;
}
.news-list-container H3 {
margin-bottom : 5px;
padding : 2px;
border-bottom : 1px solid #8e0000;

}
.news-list-container H3 A:link, .news-list-container H3 A:visited, .news-list-container H3 A:hover {
color : orange;
padding-left : 2px;
}
.news-list-container H3 A {
color : orange;
}
.news-list-container P {
padding-left : 3px;
}
.news-list-date {
float : right;
color : #8e0000;
width : 180px;
text-align : right;
height : 20px;
margin-top : -2px;
margin-right : -2px;
font-size : 9px;
font-weight : normal;

}
.news-list-imgcaption {
float : right;
padding-top : 3px;
padding-right : 3px;
font-size : 9px;
}
.news-list-container IMG {
float : right;
border : 1px solid #666;
margin-bottom : 5px;
margin-right : 2px;
margin-left : 5px;
}
.news-list-category IMG {
float : none;
border : none;
margin : 0;
}
.news-list-morelink, .news-list-category {
font-size : 9px;
margin-left : 3px;
}
.news-list-morelink {
margin-top : 20px;
margin-bottom : 30px;
}
.news-list-browse {
text-align : center;
}
.news-single-item {
padding : 5px;
margin-bottom : 5px;
border : 3px  #8e0000;

}
.news-single-item H2 {
font-size : 16px;
font-weight : bold;
color : #fc5725;
margin-bottom : 0;
}
.news-single-item H3 {
margin-bottom : 15px;
}
.news-single-img {
float : right;
margin-left : 5px;
}
.news-single-imgcaption {
padding : 3px;
clear : both;
}
.news-single-category {
float : right;
}
.news-single-backlink, .news-single-backlink a {
color : orange;
font-weight : bold;
font-size : 10px;
margin-bottom : 50px;
margin-top : 100px;
}
.news-single-timedata {
float : right;
}
.news-single-timedata, .news-single-author, .news-single-imgcaption {
font-size : 9px;
}
.news-single-author {
padding-bottom : 3px;
}
.news-single-additional-info {
margin-top : 15px;
border : 1px solid #666;
padding : 3px;
padding-bottom : 0;
}
.news-single-related, .news-single-files, .news-single-links {
border : 1px solid #666;
margin : 0;
margin-bottom : 3px;
padding : 3px;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
margin-left : 20px;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
font-weight : bold;
font-size : 11px;
margin-left : 5px;
width : 90%;
}
.news-latest-gotoarchive{
background:transparent;
}
.news-latest-gotoarchive a {
font-weight : bold;
font-size : 11px;
margin-left : 5px;
width : 90%;
background:#f7dda6;
}

#sidebar {
width: 20%;
}
#signature{
margin-top :50px;
margin-bottom :30px;
text-align :justify;
font-family :"Comic Sans MS",Georgia,"Times New Roman",serif;font-size :90%;
color :#fc5725;
font-weight :bold;text-decoration :underline;text-align :right;margin-right :250px
}
#pied {
clear: both;
width:100%;
height: 95px;
background-color: #fc5725;
border-top: 7px solid orange;
text-align: center;
color: white;

position: relative;
bottom: 0;
left: 0;
font-size: 10px;
}
.petit {
color : white;
font-size : 12px;
margin-top:20px;
}
.petit a {
text-decoration : none;
color : white;
font-size : 9px;
}


.csc-mailform {
background-color : #fbd074;
border : 1px solid #a52a2a;
}
.csc-mailform-forum {
background-color : #fff5e5;
border : 1px solid #a52a2a;
}
.csc-mailform-field {
display : block;
margin : 10px;
padding : 10px;
}
.csc-mailform label, .csc-mailform-forum label {
display : block;
width : 200px;
float : left;
text-align : right;
margin : 2px 5px;
padding : 0;
}
.csc-mailform input, .csc-mailform textarea, .csc-mailform-forum input, .csc-mailform-forum textarea {
font-family : Verdana, Arial, Helvetica;
color : #a52a2a;
background-color : white;
border : 1px solid #a52a2a;
width : 200px;
padding : 2px 6px;
font-size : 8pt;
}
.csc-mailform input.csc-mailform-submit {
float : right;
width : 80px;
}
.csc-mailform form input.csc-mailform-submit:hover {
background-color : #ff9900;
border : 1px solid white;
color : white;
}
#content ul {
list-style-image : url('puce1.png');
list-style-type : circle;
list-style-position : outside;
font-size : 12px;
padding-left : 60px;
}
#content ol {
list-style-image : url('puce2.png');
list-style-type : circle;
list-style-position : outside;
font-size : 12px;
padding-left : 60px;
}
#content li {
list-style-image : url('puce1.png');
list-style-type : circle;
list-style-position : outside;
font-size : 12px;
padding-left : 60px;
}