/* --------------------------------------
		style.css
--------------------------------------*/ 
/* Corps du site 
--------------------------------------*/

body {
background:url("pic/header.png") no-repeat scroll center top #000000;
color:white;
font-family:Verdana,Helvetica,sans-serif;
font-size:0.8em;
margin : 0;
padding : 0;
color : white;
/*background:url(pic/fond.gif) repeat;*/
}
/* ##### Conteneur global du site ###### */
div#global {
width: 785px; 
margin: auto;
}
/* ##### Conteneur HAUT du site ###### */
#header {
height:650px;
margin:auto;
width:755px;
}
#header2 {
height :150px;
width:100%;
margin :auto;
margin-top:50px;
}

#conteneur2 {

margin:13px auto;
position:absolute;
top:300px;
width:755px;
}

/*#######################*/
#partenaire{
float:left;
position: absolute; 
margin-top:0px;
margin-left:0px;
}
#conteneur {
width : 755px;
margin : 0 auto;
text-align:center;
}

#fond{
background-image:url('pic/background.jpg');
width:755px;
height:200px;
}

#menu {
position : absolute; 
top:310px; 
/*left:370px;*/
width : 755px;
height : 196px;
}
#menu2 {
position : absolute; top:310px; left:270px;
width : 890px;
height : 196px;
}
#menuh {
position : absolute; top:305px; left:315px; 
width :750px;
height :0px;
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;
}
#gallry{
width : 217px;
height : 196px;
margin-right : 2px;
margin-left : 1px;
background-image : url("pic/menu1.jpg");
float : center;
}
#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 {
background-image:url("pic/corps.jpg");
margin:50px auto auto;
position:absolute;
top:470px;
width:755px;
}
#corp {
background-image:url("pic/corps.jpg");
width:755px;
}
#corps1 {
position : absolute; 
top:-60px; 
left:-180px; 
width :755px;
margin:auto;
margin-top:50px;
}

#corps111 {
position : absolute; 
top:-60px; 
left:0px; 
width :755px;
margin:auto;
margin-top:50px;
}
#corps10 {
position : absolute; top:-60px; left:-60px; 
width : 800px;

margin:auto;
margin-top:50px;
}
#corp1 {
position : absolute; 
top:-60px; 
left:-50px; 
width : 755px;

margin:auto;
margin-top:50px;
}
#corp1 {
position : absolute; 
top:-60px; 
left:0px; 
width : 755px;

margin:auto;
margin-top:50px;
}
#corps3 {
background-image:url("pic/corps.jpg");
left:10px;
margin:50px auto auto;
position:absolute;
top:20px;
width:800px;
}

#sub_corp{
/*background-image:url("pic/corps.jpg");*/
margin-top:25px;
}

#menu2 {
width : 230px;
float : left;
}
#footer {
position : relative;
background: url("pic/footer.jpg") no-repeat scroll 0 0 transparent;
width : 755px;
margin:auto;
height : 69px;
clear : both;
text-align : center;
font-size:9px;
}
#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:url("pic/foot3.png") repeat-y scroll 0 0 transparent;
clear:both;

margin:auto;
width:755px;
}
#foot4{
background:url("pic/end.jpg") no-repeat scroll 0 0 transparent;
height:59px;
margin:auto;
width:755px;
}
#banner{
width:468px;
height:60px;
margin-left:143px;
padding-top:45px;
}
h3 {
font-size:13px;
margin-bottom:10px;
margin-top:20px;
text-align:center;
}
p {
padding-top : 5px;
padding-left : 5px;
padding-right : 10px;
}
a {
color : #e99733;
font-weight : bold;
}
a:hover {
color : #FFD900;
font-weight : bold;
}
a img { 
border: 0px;
 }
.cadre{
background-color:#3C3C3C;
border:1px solid #887E76;
height:100%;
margin:10px;
padding-bottom:1%;
 }
 .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:0px;
        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    : 0px 0 0 144px ; /* 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 */
}



/* goodies */
div#galerie 
{ 
    width: 510px ; 
    background: #fffff ; 
    
    padding: 15px ; 
    margin: 15px -5px ; 
    text-align: center ; 
    font: 0.9em Georgia, serif ; 
}