body {
font-family : Verdana, Helvetica, sans-serif;
font-size : 0.8em;
margin : 0;
padding : 0;
color : white;
background:url(pic/fond.gif) repeat;
}
#partenaire{
float:left;
position: absolute; 
margin-top:0px;
margin-left:0px;
}
#conteneur {
width : 890px;
margin : 0 auto;
text-align:center;
}
#conteneur2 {
position : relative;
width : 755px;
margin : 0 auto;
}
#fond{
background-image:url('pic/background.jpg');
width:755px;
height:200px;
}
#header {
margin : auto;
height:300px;
width:1000px;
background-image:url('pic/header.png');
}
#header2 {
height :150px;
width:100%;
margin :auto;
margin-top:50px;
}
#menu {
position : relative;
width : 890px;
height : 196px;
}
#menuh {
width :800px;
height :100px;
background-image : url("pic/menuh.png");
margin:auto;
text-align:center;
}
#casemenu {
width : 217px;
height : 196px;
margin-right : 2px;
margin-left : 1px;
background-image : url("pic/menu1.jpg");
float : left;
}
#casemenuipode {
width : 217px;
height : 196px;
margin-right : 2px;
margin-left : 1px;
background-image : url("pic/menu1ipode.jpg");
float : left;
}
#connexion {
width : 217px;
height : 196px;
margin-right : 2px;
margin-left : 1px;
background-image : url("pic/menu1.jpg");
float : left;
}
#casemenu2 {
width : 217px;
height : 196px;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 1px;
background-image : url("pic/menu2.jpg");
float : right;
}
#casemenu3 {
width : 217px;
height : 196px;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 1px;
background-image : url("pic/menu3.jpg");
float : left;
}
#casemenu4 {
width : 217px;
height : 196px;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 1px;
background-image : url("pic/menu4.jpg");
float : right;
}
#casemenu5 {
width : 217px;
height : 196px;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 1px;
background-image : url("pic/menu3.jpg");
float : right;
}
#corps {
width : 800px;
background-image : url("pic/corps.jpg");
margin:auto;
margin-top:50px;
}
#menu2 {
width : 230px;
float : left;
}
#footer {
background-image : url("pic/footer.jpg");
height : 58px;
width : 755px;
clear : both;
margin:auto;
text-align : center;
}
#foot {
background-image : url("pic/foot.png");
height : 150px;
width : 755px;
clear : both;
margin:auto;
}
#foot2 {
background-image : url("pic/foot2.png");
height : 150px;
width : 755px;
clear : both;
margin:auto;
}
#foot3 {
background-image : url("pic/foot3.png");
height : 380px;
width : 755px;
clear : both;
margin:auto;
}
#banner{
width:468px;
height:60px;
margin-left:143px;
padding-top:45px;
}
h3 {
font-size :13px;
text-align : center;
margin-top : 10px;
margin-bottom : 10px;
}
p {
padding-top : 5px;
padding-left : 5px;
padding-right : 10px;
}
a {
color : #e99733;
font-weight : bold;
}
a:hover {
color : #185374;
font-weight : bold;
}
a img { 
border: 0px;
 }
.cadre{
 background-color:#3c3c3c;
 margin-left:10px;
 margin-right:20px;
 margin-bottom:10px;
 margin-top:10px;
 height:100%;
 padding-bottom: 1%;
 border:1px solid #887e76;
 }
 .cadre2{
 background-color:#313829;
 margin-left:10px;
 margin-bottom:10px;
 margin-top:10px;
 height:100%;
 width: 95.5%;
 border:1px solid #7a915e;
 }
 
INPUT {
     color:#fb8e01;
     background-color:#261a0b;
	 border:1px solid #edb406;
	 margin: 1px;
}
INPUT:hover {
     color:#fbc901;
     background-color:#110c06;
	 border:2px solid #fddd03;
	 margin: 1px;
}
SELECT {
     color:#fb8e01;
     background-color:#261a0b;
	 border:1px solid #edb406;
	 margin: 1px;
}
.centrer
{
  text-align: center;
}
.souligne
{
  text-decoration: underline;
}

/* Infobulles */
a.info 
{
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; 
}
a.info span 
{
   display: none; 
}
a.info:hover 
{
   background: none; 
   z-index: 500; 
   cursor: help; 
}
a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap; 
   top: 30px; 
   left: 20px;
   background: white;
   color: green;
   padding: 3px;
   border: 1px solid green;
   border-left: 4px solid green;
}
.message
{
  text-align: center;
  border-collapse: collapse;
	border: 1px solid black;
	width: 90%;
	margin: auto;
}
.haut_message,.bas_message
{
  border: 1px solid black;
	text-align: center;
}
.haut_message
{
  font-weight: bold;
}


#territoire, #territoire ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
		padding-top:25px;
        margin-left:90px;
}
#territoire a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
}
#territoire li /* Éléments des listes */      
{ 
float:left;
margin:auto;    
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #territoire li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#territoire li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		margin-left:25px;
		width:150px;
		background-color:#192604;
		border:1px solid #4fba0c;
}


#territoire li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #territoire li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#territoire li ul ul 
{
        margin-top    : 50px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #territoire li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#territoire li:hover ul ul, #territoire li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#territoire li:hover ul, #territoire li li:hover ul, #territoire li.sfhover ul, #territoire li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}