/* CSS principale */
body {
margin: 0px; 
padding: 0px;
background: #f6f6f6; 
font-size: 80%; 
font-family:Verdana, Arial, Helvetica, serif;
}
/* ombres portees */
#ombreh {
margin: auto;
background-image:  url(img/ombreh.gif);
width: 936px;
height:18px;
}
#ombreb {
margin: auto;
background-image:  url(img/ombreb.gif);
width: 936px;
height:18px;
}
/* centre la page */
#centrer {
margin: auto;
background-image: url(img/ombre.jpg);
width: 936px;
height:1%;
}
/* div principale  */
#principale {
margin: auto;
width: 900px;
background-color: white;
overflow: hidden;
}
/* banniere */
#header {
height: 150px;
background-image: url(images/banniere.jpg);
background-position: left top;
background-repeat: no-repeat;
}
/* menu horizontal haut */
#nav
{
background-image: url(img/nav1.gif);
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.pageactive 
{
display: block;
float: left;
height: 16px;
line-height: 16px;
text-decoration: none;
text-align: center;
background: url(img/nav3.gif);
}
#nav li a:link, #nav 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;
}
#nav li a:hover, #nav li a:active {
background: url(img/nav2.gif) 0 -16px;
padding: 0 13px;
color: white;
text-decoration: none;
} 
/* contient site non officiel */
#nav2
{
float: right; 
color: #e8e5e5;
margin-right: 10px;
font-size: 70%; 
}
/* div contenu  page 2 colonnes */
/* couleurs */
#global {
float: left;
margin-left: 20px;
padding-right: 20px;
width: 620px;  
border-right: dotted 1px #6C383a; 
text-align: justify;
}
#global ul
{
list-style-type: none;
padding: 0;
margin: 1em  0.5em 1em  1em ;
}
#global li 
{
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em; /* pour centrer vert le texte dans le bouton lien*/
color: black;
text-indent: 0.5em;
}
p {
margin-top: 1em;
margin-bottom: 2em;
line-height: 17px;
}
.flottante {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 7px;
float: left;
width: 190px;
text-align: center;
}
/* couleurs */
ul {
margin: 1em 10px 0px 0px; 
padding-top: 0px; 
padding-right: 10px; 
padding-left: 8px; 
padding-bottom: 0px; 
}
li {
margin: 0px;
list-style-type: none;
background-image: url(img/puce.gif);
background-repeat: no-repeat;
background-position: -2% 50%;
padding-left: 20px;
}

/* couleurs */
a {
color: #6C383a;
text-decoration: underline;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: underline;
}
/* div droite 2 colonnes */
#droite {
float: right;
margin-right: 20px;
width: 200px; 
}
/* couleurs */
#droite a {
color: #6C383a;
}
#droite a:visited {
text-decoration: none;
}
#droite a:hover {
text-decoration: none;
}
#droite form {
margin: 0px;
}
#droite form .champ {
width: 6em
}
#droite p{
margin:0px;
}
#droite ul {
margin: 1em 10px 0px 0px; 
padding-top: 0px; 
padding-right: 10px; 
padding-left: 8px; 
padding-bottom: 0px; 
}
#droite li {
margin: 0px;
list-style-type: none;
background-image: url(img/puce.gif);
background-repeat: no-repeat;
background-position: -2% 75%;
padding-left: 20px;
}
/* div1 incorpore dans div droite  */
#centre1 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
/* div formulaire dans div droite  */
#formulaire {
margin-top: 30px;
padding: 0px;
}
/* bouton formulaire dans div droite  */
.button {
width: 20px;
height: 20px;
border: none;
background: url("img/submit.gif") no-repeat left top;
}
/* div2 incorpore dans div droite  */
#centre2 {
background-image: url(images2/ursuia2.jpg);
width: 100%;
height: 140px;
margin-top: 1.2em;
}
#centre2 p{
margin-top: 0em;
}
/* couleurs */
/* liens internes  */
#infos {
background-color: #f6f6f6; 
float: right; 
border: dotted 1px #6C383a;
padding: 3px; 
}
#infos2 {
margin: 5px 20px 0px 0px; 
padding: 3px; 
background-color: #f6f6f6; 
float: right; 
border: dotted 1px #6C383a;
}
#centre2 p{
margin-top: 1em;
}
/* pied de page  */
#pied
{
margin-top: 5px;
background-image: url(img/nav1.gif);
font-size: 1em; 
color: #006600; 
font-family: verdana; 
text-align: left;
float: left;
width: 100%;
}
#pied2
{
float: right; 
color: #e8e5e5;
margin-right: 10px;
font-size: 70%; 
}
#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 10px 0px 15px;
border: 0px solid #000;
}
.img_gauche {float: left;
margin: 0px 10px 0px 0px;
border: 1px solid #000;

}.img_gauche2 {float: left;
margin: 0px 10px 0px 0px;
border: 0px solid #000;
}
.img_blason {
float: right; 
position:relative; 
z-index:10; 
}
.img_no 
{
border: 0px;
}
#xiti-logo {
margin-top: 130px;
}
/* titre remplace h2 */
/* couleurs */
.titre {
color: #6c383a; 
font-weight: bold;
font-style: italic;
 }
.titre2 {color: #4e7c88; 
font-weight: bold;
font-style: italic;
 }
.img_blason2 {
float: right; 
margin-top: -8px;
margin-bottom: 0px;
margin-right: 20px;
}
.souligne
{
text-decoration:underline;
}
#tableau1 {
float: left;
margin-left: 20px;
padding-right: 10px;
width: 340px;  
border-right: dotted 1px #6C383A; 
}
#tableau2 {
float: left;
margin-left: 20px;
width: 460px;
}
.leftcol {
width: 400px;
}
table {
width: 100%;
border: 0px;
}
td, th {
padding: 3px;
background-color: #f6f6f6; 
}
h1 {
margin-left: 0px;
margin-top: 10px;
font-weight: bold;
font-size: 120%; 
font-style: italic;
padding-bottom: 0.2em; 
color: #6C383a; 
}
h2 {
margin-top: 1em; 
margin-bottom: 1em; 
font-weight: bold; 
font-size: 100%; 
font-style: italic;
color: #6C383a;
}
.h1 { 
margin-top: 0px;
padding-top: 10px;
margin-left: 20px;
margin-bottom: 25px;
padding: 0;
color: #6C383a;
}
h4 {
margin-top: 0em; 
margin-bottom: 1em; 
font-weight: bold; 
font-size: 110%; 
font-style: italic;
color: #006600;
}
#bb ul { 
text-align: left;
padding: 3px;
padding-bottom: 10px;
margin: 0px;
background-color: #f6f6f6; 
}    
#bb li { 
margin-top: 3px;
margin-left: 5px;
margin-bottom: 0px;
padding-left: 5px;
list-style-type: none;
background-image: none;
padding-left: 0px;
line-height: 12px;
background-color: #f6f6f6; 
}    
/* couleurs */
#bb h2 {
margin-top: 2px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 0px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 5px;
font-weight: bold;
font-size: 100%; 
color: #000; 
background: #f6f6f6; 
font-style: normal;
}
#bb h3 {
margin-top: 2px;
margin-bottom: 0px;
font-weight:normal;
font-size: 100%; 
padding-left: 5px; 
padding-top: 5px; 
color: #000; 
background: #f6f6f6; 
text-decoration: underline;
}
#quatre {
margin-left: 25px;
float: left;
width: 268px; 
border: dotted 1px #6c383a; 
}
#cinq {
margin-left: 20px;
float: left;
width: 268px; 
border: dotted 1px #6c383a; 
}
#six {
margin-left: 20px;
float: left;
width: 268px; 
border: dotted 1px #6c383a; 
}
#annuaire {
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
#annu {
float: left;
width: 100%; 
}
#annu1 {
float: left;
width: 33%; 
}
#annu2 {
float: left;
width: 33%; 
}
#annu3 {
float: left;
width: 33%; 
}
#annuaireb {
margin-top: 20px;
width: 100%;
overflow: hidden;
}
#annu1b {
float: left;
width: 33%; 
}
#annu2b {
float: left;
width: 33%; 
}
#annu3b {
float: left;
width: 33%; 
}
#annuairec {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
overflow: hidden;
}
#annu1c {
float: left;
width: 33%; 
}
#annu2c {
float: left;
width: 33%; 
}
#annu3c {
float: left;
width: 33%; 
}
#xiti-logo {
text-align: center;
margin-top: 30px;
}
#pub {
text-align: center;
font-size: 0.8em;
margin-top: 30px;
}
#pub2 {
margin-right: 5px;
float: left;
width: 96px;
height: 60px;

}
.separe
{
color: #6C383a;
}
.spacer {
  clear: both;
}
.vert
{
color: #0C690C;
font-weight: bold ;
}
.red
{
color: #CC0000;
font-weight: bold ;
}
#gb {
float: right; 
padding-right: 10%;
}
#es {
float: right; 
padding-right: 5px;
}
#fr {
float: right; 
padding-right: 5px;
}
hr {
color: #6C383a;
background-color: #6C383a;
height: 1px;
border: 0;
}