/* CSS Document */
body
{
   width: 1024px;
   background-color:#2D811C;
}

/* L'en-tête */

#en_tete
{
   width: 1024px;
   height: 378px;
   background-image: url("img/rastalogo.gif");
   background-repeat: no-repeat;
   margin-top:20px;
   margin-left:0px;
   color: #16410E;
   font-size:12px;
}

.welcome
{
width: 480px;
padding-top:8px;
margin-left:270px;
color:#FFF839;
font-weight: bold;
text-align:center;
font-size:18px;	
}
/*espace login */
.login
{
width:390px;
margin-left:317px;
height:18px;
color:#FFF839;
font-weight: bold;
font-size:16px;	
text-align:center;
padding-top:317px;


}
.login input {
	color:#005000;
	BORDER: #000000 1px solid;
	background-color:#FFBA00;
	font-size:12px;
	font-family:Trebuchet MS;
}
/* ----- */
/* espace logout */
.logout
{

width:390px;
margin-left:317px;
height:18px;
color:#FFF839;
font-weight: bold;
font-size:16px;	
text-align:center;
padding-top:317px;
}
.logout input {
	color:#005000;
	BORDER: #000000 1px solid;
	background-color:#FFBA00;
	font-size:12px;
	font-family:Trebuchet MS;
}

.logout a
{
text-decoration:none;
color:#FFF839;
}
.logout a:hover
{
color:#FFA939;
text-decoration:underline;
}
/* ----- */

/* input login */
input, select, textarea {
	color:#005000;
	BORDER: #000000 1px solid;
	background-color:#FFBA00;
	font-size:12px;
	font-family:Trebuchet MS;
}
input:hover, select:hover, textarea:hover
{
color:#FF3300;
BORDER: #000000 1px solid;
	background-color:#FFCC66;
	font-size:12px;
	font-family:Trebuchet MS;
}

.input_bouton
{
background-image:url("img/ok.gif");
height:21px;
width:21px;
}
.input_bouton2
{
background-image:url("img/fond");
border : #000000 solid 1px;
}
/* ----- */ 

/* Le menu */

#menu
{
   width: 150px;
   height: 300px;
   margin-left:15px;
   margin-top:30px;
   background: url("img/menu.gif"); 
     background-repeat: no-repeat;
	position:absolute;
font-size:14px;	
}

.element_menu
{
   margin-bottom: 20px;
}

/* Quelques effets sur les menus */

.element_menu h3
{    
   color: #F8F6C6;
   padding:5px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu ul
{
display:block;
list-style-type: none;
padding:5px 0px 10px 0px;
margin:0px;
}
.element_menu li
{
text-align:center;
}

.element_menu a
{
color:#FFF839;
font-weight: bold;
text-decoration:none;
}
.element_menu a:hover
{
margin:0px;
color:#FFA939;
font-weight: bold;
text-decoration:underline;
}


/* Le corps de la page */

#corps
{
   margin-left: 0;
   margin-top: 20px;
   padding: 6px;
   width:1024px;
   height:800px;
   color: #16410E;
font-size:16px;	
  background-image: url("img/corps.gif");
   background-repeat:no-repeat;
}
#corps a
{
font-size:16px;	
text-decoration:underline;
color:#003300;
font-weight:bold;
}
#corps a:hover
{
font-size:16px;	
text-decoration:none;
color:#FFA500;
font-weight:bold;
}
#corps h1
{
   color: #FF992E;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.page_titre
{

   margin-top:20px;
   margin-left:200px;
   color: #16410E;
   text-align: left;
   font-size:18px;  
}

.corps_div
{
margin-left:210px;
width:780px;
display:block;
height:680px;
overflow:auto;
}
.corps_center
{
text-align:center;
}

#news
{
width:170px;
height:430px;
}
.element_news
{
overflow:auto;
margin-left:25px;
margin-top:360px;
position:absolute;
width:170px;
height:430px;
background-color:#FFBA00;
border:dotted;
border-color:#006400;
font-size:12px;
color:#A52A2A;
/*font-weight:bold;*/
}
.element_news h1
{
font-size:15px;
}
.element_news a
{
font-size:10px;
font-style:italic;
color:#A52A2A;
text-decoration:none;
}
.element_news a:hover
{
font-size:10px;
font-style:italic;
color:#005000;
text-decoration:underline;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#footer
{
	width:550px;
	height:150px;
	margin-left:287px;
	background: url("img/copy.gif") no-repeat;
	margin-top:825px;
	position:absolute;
	font-size:14px;	
}

.element_footer
{

text-align:center;
}
.element_footer p
{
font-size:16px;	
margin-top:7px;
text-decoration:none;
background:none;
color:#000000;
font-weight: bold;
}
.element_footer a:hover
{
font-size:16px;	
color:#FFA939;
text-decoration:underline;
font-weight: bold;
}
.element_footer a
{
font-size:16px;	
	color:#FFF839;
	text-decoration:none;
	font-weight: bold;
}

fieldset
{
border-color:#FFF839;

}
legend
{
color:#16410E;
font-weight:bold;
font-size:18px;
}
.quote
{
background-color:#2D811C;
border:dotted;
border-color:#000000;
color:#FFFFFF;
font-weight:bold;
padding:4px;

}
.membres
{
margin-left:275px;
width:220px;
text-align:center;
border:solid;
border-width:2px;
border-color:#000000;
}
.membre_titre
{
background-color:#2D811C;
color:#FFFFFF;;
font-weight:bold;
}
.pays
{
background-color:#2D811C;
color:#FFFFFF;
border:dotted;
border-width:2px;
border-color:#000000;
}
.profil_img
{
text-align:center;
width:300px;
position:absolute;
margin-top:0px;
margin-left:0px;
}
.profil_perso
{
width:400px;
position:absolute;
margin-top:0px;
margin-left:350px;
}
.profil_canna
{
width:400px;
position:absolute;
margin-top:200px;
margin-left:350px;
}
.profil_com
{
width:750px;
position:absolute;
margin-top:470px;
margin-left:0px;
}

.cadre
{

text-align:center;
border:solid;
border-width:2px;
border-color:#000000;
}
.baratin, #baratin
{
height:350px;
overflow:auto;
border:solid;
border-width:2px;
border-color:#000000;
padding:3px;
}
.titre
{
background-color:#2D811C;
color:#FFFF00;
font-weight:bold;
}
.sep
{
border-bottom:dotted;
border-color:#FFBA00;
width:750px;
}
.red
{
color:#F23D3D;
font-weight:bold;
}
.red2
{
color:#EE1C05;
font-weight:bold;
font-size:18px;
}
.tab {
	color:#005000;
	BORDER: #000000 1px solid;
	background-color:#619A0F;
	font-weight:bold;
}
.tab2 {
	color:#005000;
	BORDER: #000000 2px solid;
	background-color:#21B835;
	font-weight:bold;
}
td
{
border:#000000 1px solid;
}
.none
{
border:none;
}

.droite
{
height:300px;
width:300px;
margin-top:0px;
position:relative;
margin-left:350px;
}

.gauche
{
height:300px;
width:300px;
margin-top:0px;
position:absolute;
margin-left:0px;
}
.entete
{
font-size:14px;
font-weight:bold;
text-align:center;
}