/* CSS Document */
body {
background: #850100 url(img/degrad.gif) top repeat-x;
margin-top: 20px;
font-size: 80%; 
font-family: Verdana, Arial, Helvetica, serif;
}

/* centre la page */
#centrer {
margin: auto;
width: 936px;
height:1%;
}
/* div principale  */
#principale {
margin: auto;
width: 900px;
background-color: white;
overflow: hidden;
border: solid 1px #999; 
}
/* banniere */
#header {
height: 150px;
background-position: left top;
background-repeat: no-repeat;
}
/* menu horizontal haut */
#nav
{
background-image: url(img/nav1b.jpg);
font-size: 1em; 
color: #006600; 
font-family: verdana; 
text-align: left;
float: left;
width: 100%;
margin-bottom: 1em;
}
#nav ul {
margin: 0px;
padding: 0px;
}
#nav li {
margin: 0; 
padding: 0;
display: inline;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
display: block;
float: left;
height: 22px;
line-height: 22px;
text-decoration: none;
text-align: center;
background: url() repeat-x;
padding: 0 15px;
color: white;
}
#nav li a:hover {
background: url(img/nav2b.jpg) 0 -22px;
padding: 0 15px;
color: white;
text-decoration: none;
} 
/* contient site non officiel */
#nav2
{
float: right; 
color: #e8e5e5;
padding-right: 5px;
}
/* div contenu  page 2 colonnes */
/* couleurs */
#global {
float: left;
margin-left: 20px;
padding-right: 20px;
width: 470px;  
height: 320px;
}
#global2 {
float: left;
display: inline; /* évite le doubled margin bug d'IE6 */
margin-left: 20px;
padding-right: 20px;
width: 450px;  
height:330px;
}
p {
margin-top: 1em;
margin-bottom: 2em;
line-height: 17px;
text-align: justify; 
}
a {
color: #6C383a;
text-decoration: underline;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
/* div droite 2 colonnes */
#droite {
float: right;
margin-right: 20px;
margin-top: 20px;
width: 350px; 
}
#droite2 {
float: left;
margin-left: 20px;
margin-right: 0px;
margin-top: 5px;
width: 175px; 
}
#droite3 {
align: center;
float: right;
margin-right: 20px;
margin-top: 5px;
width: 155px; 
}
#droite p{
margin:0px;
}
/* liens internes  */

/* pied de page  */
#pied
{
margin-top: 5px;
padding-left: 10px;
background-image: url(img/nav1b.jpg);
font-size: 1em; 
color: #fff; 
font-family: verdana; 
text-align: left;
float: left;
width: 100%;
}
#pied2
{
float: right; 
color: #e8e5e5;
padding-right: 10px;
margin-right: 10px;
font-size: 90%;
}
#pied ul {
margin: 0px;
padding: 0px;
}
#pied li {
margin: 0; 
padding: 0;
display: inline;
}
#pied li a:link, #pied li a:visited {
display: block;
float: left;
height: 16px;
line-height: 16px;
text-decoration: none;
text-align: center;
background: url() repeat-x;
padding: 0 13px;
color: white;
text-decoration: none;
}
#pied li a:hover, #pied li a:active {
background: url(img/nav2.gif) 0 -16px;
padding: 0 13px;
color: white;
text-decoration: none;
} 
/* classes  */
.img_droite {float: right;
margin: 0px 0px 0px 15px;
border: 1px solid #000;
}
.img_gauche {float: left;
margin: 0px 10px 0px 0px;
border: 0px solid #000;
}
.img_espace 
{
margin: 0px 0px 5px 0px;
border: 1px solid #000;
}

.logo {
float: right; 
padding-top: 6px;
}
.img_no {border: 0px;}
#xiti-logo {
text-align: center;
margin-top: 30px;
}
h1 {
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: 120%; 
font-style: italic;
padding-bottom: 0.6em; 
color: #850100; 
}
h2 {
margin-top: 1em; 
margin-bottom: 1em; 
font-weight: bold; 
font-size: 100%; 
font-style: italic;
color: #850100;
}
div#galerie
{
float: right;
width: 350px ;
height: 100%;
border-left : 1px solid #dcb ;
padding: 15px ;
margin-right: 4px;
text-align: center ;
}
ul#galerie_mini {
overflow: hidden; /* Empêche le dépassement des flottants */
width: 100%; /* Idem dans IE 6 via le HasLayout */
margin: 0;
padding: 0;
list-style: none;
}
ul#galerie_mini li
{
float: left ;
}
ul#galerie_mini li a img
{
margin: 2px 1px ;
border: 1px solid #dcb ;
}
dl#photo
{
clear: both ;
margin: 0 auto ;
}
dl#photo dt
{

}
dl#photo dd
{
margin: 0 ;
}
dl#photo img
{
border: 1px solid #dcb ;
}
.rouge {color: #850100}
.lettrine {color: #850100; font-weight: bold; }
.lettrine2 
{color: #000; 
font-weight: bold;
align: center;
text-align: center;
 }
hr {
color: #0C690C;
background-color: #0C690C;
height: 1px;
border: 0;
}
.vert
{
color: #0C690C;
font-weight: bold ;
}