body
{
font-family:Tahoma,Arial,Helvetica;
   width: 1024px;
   margin: auto;
   color: #000000;
   background-color:#858585;
   background-position:top;
   margin-bottom: 20px;   
   margin-top: 20px;
position:relative;
   
background-image: url("bg_site.jpg");

}

a:link { color: #003264;  text-decoration: underline ;  }
a:visited {color: #003264;  text-decoration: underline ;  }
a:hover { color: #003264;  text-decoration: underline ;  }
/* L'en-tête */

#en_tete
{
   width: 1024px;
   height: 133px;
   background-image: url("images/header_01.jpg");
   background-repeat: no-repeat;
}

#navigation
{
font-family:Tahoma,Arial,Helvetica;
font-weight:bold;
font-size:12px;
 width:1024px;
   height:56px;
   background-repeat:repeat-x;

}
.element_navigation_droite
{
margin-top:5px;
margin-right:10px;
float: right;
		
}

.element_navigation_gauche
{
margin-top:5px;
 float: left;    
margin-left:12px;
		}
/* Le menu */

#menu
{

   border-left: 1px solid black; 

   float: left;
   width: 120px;
   height:90%;
   background-image: url("images/menu_bg.jpg");
   font-weight: bold;

}

.element_menu
{

   margin-top:10px;
   background-image: url("images/titre_menu.jpg");
   background-repeat: no-repeat;
   margin-bottom: 20px;
   
}


/* Quelques effets sur les menus */


.element_menu h4
{  
color: #000000;
   text-align: center;
}

.element_menu ul
{

    font-size:12px; 

   list-style-image: url("images/vert.gif");
   padding: 0px;
   padding-left:22px;
   margin: 0px;
   margin-bottom: 5px;
   margin-left:2px;

}
.element_menu connect
{


   list-style-image: url("images/vert.gif");
   padding: 0px;
   padding-left:22px;
   margin: 0px;
   margin-bottom: 5px;
   margin-left:2px;

}


.element_menu a
{
   font-size:12px; 
   color: #000000;
   text-decoration:none;
   font-weight: bold;


}

.element_menu a:hover
{
    font-size:12px; 


   color: #CC0000;
}
/* Carte Id*/

#carte_id
{
width:445px;
}

.element_carte_haut
{
width:445px;
height:68px;
background-image:url(images/carte_id_01.jpg);
background-repeat:no-repeat;
   
}

.element_carte_milieu
{
padding-left:15px;
width:445px;
background-image:url(images/carte_id_02.jpg);
background-repeat:repeat-y;

   
}
.element_carte_milieu2
{
position:absolute;
top:300px;
left:480px;
}
.element_carte_bas
{
width:445px;
height:65px;
background-image:url(images/carte_id_03.jpg);
background-repeat:no-repeat;
   
}
/* Boite de texte*/

#boite_texte
{
color:#000000;
background-color:#FFFFFF;
        border: 1px dashed #b3c470; 
   
}
.element_boite_news
{

margin:20px;
color:#000000;
background-color:#FFFFFF;
 border: 1px dashed #b3c470; 
   
}
.element_boite_titre
{
color:#000000;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
   background-image: url("images/navigation_bg2.jpg");

background-color:#E8E8E8;
border-bottom: 1px dashed #b3c470; 
   
}
.element_boite_contenu
{
color:#000000;
padding:10px;
background-color:#FFFFFF;
   
}
.element_boite_register
{
background-image:url(images/tux_register.jpg);
background-position:350px 50px; /* 50 px à droite, 200px en bas */
background-repeat:no-repeat;
color:#000000;
padding:10px;
background-color:#FFFFFF;
   
}
.element_boite_date
{
text-align:right;
color:#000000;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
background-color:#FFFFFF;
   
}
.element_boite_com
{
color:#000000;
padding:10px;

background-color:#FFFFFF;
   
}
/* Formulaire */

.texte_form {
background:url(images/bg_form.gif);
font-size: 12px;
width:50px;
color: #009900;
font-weight:normal;
font-family:Tahoma,Arial,Helvetica;

}

.inputsearch {
font-family:Tahoma,Arial,Helvetica;

	border:1px solid #CCCCCC;
	padding: 4px;
	color:#999999;
	font-size:12px;
	border-left: 5px solid #CCCCCC;
	}
.inputsearch:focus {
font-family:Tahoma,Arial,Helvetica;

	border:1px solid black;
	padding:4px;
	color: #009900;
	font-size:12px;
	border-left: 5px solid black;
	}
/* Le corps de la page */

#corps
{
font-family:Tahoma,Arial,Helvetica;
font-size:12px; 
color: #000000;
   background-color: #EFEFEF;
   margin:auto;
   height:autopx;
   background-image:url("bg_corps.jpg");
   background-position:-23px;


   
}
.boite_texte
{
background-image: url("images/fond_news.jpg");
background-position:right bottom;
background-repeat:no-repeat;
margin:20px;
padding:20px;
color:#000000;
background-color:#FFFFFF;
 border: 1px dashed #b3c470; 
   
}
.boite_form
{
padding-right:200px;
text-align:left;
}
.boite_info
{
text-align:center;
background-image: url("images/bulle_info.jpg");
background-position:left 
top;
background-repeat:no-repeat;
margin:20px;
padding:20px;
color:#000000;
background-color:#FFFFFF;
 border: 1px dashed #b3c470; 
   
}
.center
{
text-align:center;
font-size:24px;
font-weight:bold;
}
.element_corps
{
font-family:Tahoma,Arial,Helvetica;
font-size:12px; 
color: #000000;
   background-color: #EFEFEF;
   width:842px;
   margin:auto;
      height:750px;

   background-image: url("bg_corps.jpg");
}
.element_corps22
{
font-family:Tahoma,Arial,Helvetica;
font-size:12px; 
color: #000000;
   background-color: #EFEFEF;
   width:1000px;
   margin:auto;
      height:750px;

   background-image: url("bg_corps.jpg");
}
.image_corps
{   

   color: #000000;
   background-image: url("images/bas_menu.jpg");
   background-repeat:no-repeat;
background-position : bottom left;

}
#corps h1
{
   color: #666666;
   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;

   color: #B3B3B3;
   background-color: #626262;
   
   border: 2px solid black;
}
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}

a.lien2
{
font-size:24px;
color:#4d5959;
font-weight:bold;
text-decoration:none;
}
a.lien2:hover
{
font-size:24px;
color:#0869ae;
font-weight:bold;
text-decoration:none;
}