@charset "UTF-8";
body {width: 960px;
background: #fff;
margin: 0;
padding: 0;
color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, li, dl, dt, dd { 
font-family:  "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 18px;
padding: 0;
margin: 0;
}
h1, h2 {
font-family:   "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 20px;
text-align: center;
}

h3, h4  {
font-family:   "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 19px;
text-align: left;
}

h5, h6  {
font-family:   "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 18px;
text-align: left;
}

p {
font-family:   "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 21px;
line-height: 150%;
margin-top: 0; 
padding-right: 15px;
padding-left: 15px;  
}

.soustitre {
font-family:   "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 17px;
margin-top: -9px; 
text-align: center;
line-height: 120%;
}

.notes {
font-family:   "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 17px; 
}

.copyrights {
font-family:   "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 15px; 
text-align: center;
}

.copyrights a {
font-family: "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 13px;
font-weight: normal;
text-align: center;
}

.caption {
font-family:   "Palatino Linotype" "Book Antiqua" Palatino, serif;
font-size: 12px; 
text-align: left;
}

a img {  
border: none;
}
 
a:link {
color:#414958;
text-decoration: none;
font-weight: bold;
color: blue;
}
a:visited {
color: #4E5869;
text-decoration: underline;
color: red;
}
a:hover, a:active, a:focus {  
text-decoration: underline;
color: red;
}

.fNyaamo {
    float: right;
    margin-top: 3px;
    margin-right: 11px;
    border: 2px solid #666;
    background-color: #ddd;
    padding: 2px;
}

.fNano {
    float: left;
    margin-top: 3px;
    margin-right: 11px;
    border: 2px solid #666;
    background-color: #ddd;
    padding: 2px;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 95%;
max-width: 1260px; 
min-width: 780px; 
background: #FFF;
margin: 0 auto;  
}
 
.header {
background: #fff;
width: 910px;
text-align: center;
}

.sidebar1 {
float: left;
width: 25%;
background: #fff;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 75%;
float: left;
}

.content ul, .content ol { 
padding: 0 15px 0 40px;  
}

ul.nav {
list-style: none;  
border-top: 1px solid #666;  
margin-bottom: 15px;  
}
ul.nav li {
border-bottom: 1px solid #666;  
}
ul.nav a, ul.nav a:visited {  
padding: 5px 5px 5px 15px;
display: block;  
text-decoration: none;
background: #8090AB;
color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {  
background: #6F7D94;
color: #FFF;
}

/* ~~ The footer ~~ */
.footer {
padding: 10px 0;
background: #ebf8f3;
position: relative; 
clear: both;  
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {   
float: right;
margin-left: 8px;
}
.fltlft {  
float: left;
margin-right: 8px;
}
.clearfloat {  
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}