 body
{
   width:800px;
   margin: 20px auto; /* Pour centrer notre page */
   background-image:url('images/image1.png'); 
   background-attachment:fixed; 
   margin-top:0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom:20px/* Idem pour le bas du navigateur */
   /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   
	
}


#en_tete
{
   width: 800px;
   height: 175px;
   background-image: url('images/Image2trans800b.png');
   background-repeat: no-repeat;
   margin-bottom: 0px
}


/* Le menu */
#menudroite
{

   float: right;
   width: 160px;
   height: 160px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
      }
   .element_menudroite {
   background-image:url('image1.gif');
   background-repeat: repeat-x;
   background-color:#99CCFF;
   border: 2px outset #62d4fa;
   margin-bottom: 20px
}
   
.element_menudroite h3 {
   color:white;
   font-family: Arial, "Arial", "Times New Roman", Times, serif;

}
.element_menudroite ul 
{
   list-style-image: url('images/droite.gif');
   padding-left: 20px;
   margin-bottom: 5px; margin-left:0px; margin-right:0px; margin-top:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.element_menu li {
list-style-image:url('images/puce.gif');

} 
.element_menudroite li {
list-style-image:url('images/puce.gif');
} 
.element_menudroite a
{
 
   color: #802826;
   text-decoration:none;
}
.element_menudroite a:hover
{
   background-color: #B3B3B3;
   color: black;
}

#menu
{

   float: left;
   width: 160px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
}

.element_menu
{
background-image:url('image1.gif');
background-repeat: repeat-x;
background-color:#99CCFF;   
border: 2px outset #62d4fa;
margin-bottom: 10px;
height:auto;
}


/* Quelques effets sur les menus */


.element_menu h5
{    
   color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

}

.element_menu ul
{
   list-style-image: url('images/puce.png');
   list-style-position: inside;
   padding: 0px;
   margin-bottom:5px; margin-left:0px; margin-right:0px; margin-top:0px; padding-left:0px
   }
   ul {
    margin:0;
	 padding:0;
	 
	  } 
li {margin:0; padding:0; } 

.element_menu a
{
   color: #802826;
   text-decoration:none;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */
#inscription
{
   margin-left: 180px;
   margin-bottom: 0px;
   padding: 0px;
   margin-right: 180px ;
   color: #400040;   
   border: 2px outset #62d4fa;
   height:1000px;
}
#corps
{
   margin-left: 180px;
   margin-bottom: 0px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-image: url('images/motif.png');
   background-repeat: repeat-x;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   border: 2px outset #62d4fa
}
.element_corps {
margin-left: 30px;
border: 0px;
float:left;
}

#corps h1
{
   color: #400040;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url('images/titre.png');
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   

   text-align: center;
   height:70px ;
   
   color: #B3B3B3;
   background-image: url('helicetrans.png');
   background-repeat: repeat-x
   

}
#corps2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   margin-left: 180px;
   margin-bottom: 0px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-image: url('images/image1.gif');
   background-repeat: repeat-x;
   height:100px;
   border: 2px outset #62d4fa
}
.element_corps2 {
margin-left: 27px;
border: 0px;
float:left;
margin-bottom:25px;
margin-right:12px;
}
#corps12
{
font-family: "Courier New", Courier, mono;
   margin-left: 180px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-image: url('images/image1.gif');
   background-repeat: repeat-x;
   height:100px;
   border: 2px outset #62d4fa
}

.element_corps12 {
margin-left: 46px;
border: 0px;
float:left;
margin-bottom:25px;
margin-right:12px;
}
#corps3
{
font-family: "Courier New", Courier, mono;
   margin-left: 180px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-image: url('images/image1.gif');
   background-repeat: repeat-x;
   height:auto;
   border: 2px outset #62d4fa
}
.element_corps3 {
margin-left: 58px;
border: 0px;
float: left;
margin-top:10px;
}
#corps4
{
margin:0px 180px; font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   padding: 5px;
   color: #400040;
   background-image: url('images/motif.png');
   background-repeat: repeat-x;
   
}
#corps4 strong {
text-align: center;  
 
  
}
.element_corps4 {
margin-left: 0px;
border: 2px outset #62d4fa; 
margin-bottom: 5px;

}
.element1_corps4 {
margin-left: 0px;
margin-bottom: 20px;
border: 2px outset #62d4fa;
margin-top: 0px;
background-image: url('image1.gif');
background-repeat:repeat-x
}

.element1_corps4 h4 {
text-align:center; }
#inscription
{

   margin-left: 180px;
   margin-bottom: 60px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-image: url('images/image1.gif');
   background-repeat: repeat-x;
   height:100px;
   border: 2px outset #62d4fa
}
.element_inscription {
margin-left: 60px;
border: 0px;
float:left;
}
#news {
   margin-left: 175px;
   margin-bottom: 0px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-repeat: repeat-x;
   }
 #newsajout {
   margin-left: 175px;
   margin-bottom: 0px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-repeat: repeat-x;
   border: 2px outset #62d4fa
   }
#corps5
{
font-family: "Courier New", Courier, mono;
   margin-left: 180px;
   padding-bottom: 10px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-image: url('images/image1.gif');
   background-repeat: repeat-x;
   height:auto;
   border: 2px outset #62d4fa
}
.element_corps5 {
margin-left: 18px;
border: 0px;
float:left;
padding:5px;
}
#cooperative
{
font-family: Arial, Helvetica, sans-serif;
   
   margin-bottom: 10px;
   padding: 0px;
   background-color:white;
   margin-left:80px;
   color: #400040;
   
   float:left;
   
   }
.element_cooperative {

border: 0px;
background-color:#FFFFFF;
margin-right:5px;
}
.element1_cooperative {
float:left;
margin-left: 0px;
border: 0px;
margin-top:0px;
}
.element2_cooperative {
float:right;
margin-right: 0px;
border: 0px;
}
.element3_cooperative {
float:left;
left:130px; 

}
.element4_cooperative {
float:right;
margin-right:30px;
border: 0px;
font-size:13px;
margin-top:10px;
}
/*#principal {
		    width:58%;
			background-image:url('images/bloc_g.png');
			background-repeat: repeat-y;
            background-color : #FFFFFF;
		}
        #principal2 {
			background-image:url('images/bloc_d.png');
			background-repeat: repeat-y;
            background-position: right;
		}

		#haut {
            height:23px;
            background-image:url('images/bloc_h.png');
repeat:no-repeat;
		}

		#haut img {
		    vertical-align:top; /* for ie5*/
/*	}

			#coingh {
                width:23px;
				height:40px;
				background-image:url('images/bloc_h_g.png');
				float: left;

			}
			#coindh {
                width:23px;
				height:40px;
				background-image:url('images/bloc_h_d.png');
				float: right;

			}
		#contenu {
			padding: 0 0px 0 25px;

		}

		#contenu p {
			margin: 0px;

		}

		#bas {
            height:22px;
            background-image:url('images/bloc_b.png');
		}
			#coingb {
                width:22px;
				height:29px;
				background-image:url('images/bloc_b_g.png');
				float: left;
			}
			#coindb {
                width:29px;
				height:22px;
				background-image:url('images/bloc_b_d.png');
			    float:right;
			}
*/
#categorie {
float:left;
margin-bottom:10px;
margin-right:35px;
}
/*#cooperativetotal {
float: left;
font-family: "Courier New", Courier, mono;
   margin-left: 100px;
   margin-bottom: 5px;
   padding: 0px;
   margin-right: 10px ;
   background-color:#FFFFFF;
   margin-top:0px;
border: 2px solid black;
font-size:11px;
}*/
#principal {
font-family: "Courier New", Courier, mono;
   margin-left: 180px;
   margin-bottom: 5px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-repeat: repeat-x;
   height:100px;
   border: 2px outset #62d4fa;
   margin-top:0px;
}
#ajoutobjet
{
float:left;
margin-right: 30px;
border: 2px outset #62d4fa;
}
.element_ajoutobjet
{
float:left;
}

body {
scrollbar-3dlight-color: white;
   scrollbar-arrow-color:white;
   scrollbar-darkshadow-color:#000000;
   scrollbar-face-color:#99CCFF;
   scrollbar-highlight-color: #002c42;
   scrollbar-shadow-color:#000000;
   scrollbar-track-color:#CCFFFF ;
   /*
scrollbar-3dlight-color: black;
   scrollbar-arrow-color:black;
   scrollbar-darkshadow-color:#000000;
   scrollbar-face-color:#99CCFF;
   scrollbar-highlight-color: #002c42;
   scrollbar-shadow-color:#000000;
   scrollbar-track-color:#002c42;
*/}
#long {
padding-bottom:0px;
}
.element_menu14
{
	background-image:url('image1.gif');
   background-repeat:repeat-x;
   background-color:#99CCFF;
   
   border:2px outset #62d4fa;
   
   margin-bottom:0px
}
form 
{ 
    text-align:center; 
} 
.element_corps4 h2 {
text-align:center;
}
.element_corps4 h4 {
text-align:center;
}
.element1_corps4 h2 {
text-align:center;
}
p {
text-align:justify;
}
a {
color: #802826;
text-decoration:none;
 }
 body {
scrollbar-3dlight-color: white;
   scrollbar-arrow-color:white;
   scrollbar-darkshadow-color:#000000;
   scrollbar-face-color:#99CCFF;
   scrollbar-highlight-color: #002c42;
   scrollbar-shadow-color:#000000;
   scrollbar-track-color:#CCFFFF ;
   /*
scrollbar-3dlight-color: black;
   scrollbar-arrow-color:black;
   scrollbar-darkshadow-color:#000000;
   scrollbar-face-color:#99CCFF;
   scrollbar-highlight-color: #002c42;
   scrollbar-shadow-color:#000000;
   scrollbar-track-color:#002c42;
*/}
#long {
padding-bottom:0px;
}
.element_menu14
{
	background-image:url('image1.gif');
   background-repeat:repeat-x;
   background-color:#99CCFF;
   
   border:2px outset #62d4fa;
   
   margin-bottom:0px
}
#corps_chat
{
   margin-left: 180px;
   margin-bottom: 0px;
   padding: 5px;
   margin-right: 180px ;
   color: #400040;
   background-image: url('images/motif.png');
   background-repeat: repeat-x;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   border: 2px outset #62d4fa
}

#entetee {
background-image:url(images/image1.gif);
background-repeat:repeat-x;
border:2px outset #d5e6f0;
margin:auto;
width:818px;
background-color: #FFFFCC;
height:auto;
}
#Layer1 {
background-image:url(images/capfinal800.jpg);
background-repeat:no-repeat;
height:195px;
width:812px;
margin-left:4px;
margin-top:20px;
}
#Layer2 {
margin-left:197px;
width:414px;
height:70px;
background-color: #ffffcc;
background-image:url(images/train.jpg);
background-repeat:repeat-x;
}
html>body #Layer2 {
height:auto;
min-height:70px;
}
#bastete {
background-image:url(images/image1rev.gif);
background-repeat:repeat-x;
height:28px;
margin-top:20px;
text-align:center;

}
.element_entete {
text-align:center;
padding-top:5px;
}
a {
   color: #802826;
   text-decoration:none;
}
.element_desc {
background-color:#ffffcc;

}
.suipre {
text-align:center;
}
