div#hd {
position:absolute; left:880px; top: 5px; width: 108px; height: 136px;
background: url('images/lvt.gif') no-repeat top left;
padding-top: 11px;
padding-left: 24px;
z-index: 1;
}
#hd a:hover {
    background-color: #ffffff;
}

div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 200px;
padding-top: 30px;
background: url('images/haut.gif') no-repeat top left;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url('images/bas.gif') no-repeat bottom left;
padding-bottom: 30px
}
div#bloccadre p {
margin: 0 5px 0 5px;
}

div#cadre1 {/* conteneur global et arrière-plan du titre du cadre */
width: 180px;
padding-top: 30px;
background: url('images/haut1.gif') no-repeat top left;
}
div#bloccadre1 {/* arrière-plan bas et sur l'ensemble du cadre */
background: url('images/bas1.gif') no-repeat bottom left;
padding-bottom: 30px
}
div#bloccadre1 p {
margin: 0 5px 0 25px;
}
#cadre1 a:hover {
	text-decoration: underline;
}


/* Balises Classiques */
/* début des styles communs à toutes les listes */
ul.liste, li, a {padding:0px ; margin:0px}
.liste {border:0px solid black ;}
.liste a {display:block ; 
        text-decoration:none ; 
		color:darkblue}
.liste a:hover {background-color:#CDE699 ; 
        color:black}
/* fin des styles communs à toutes les listes */

.liste1 {
		list-style-image:url('images/dossier2.gif')
		} 
body {
	margin: 10px 0;
	background-color: #FFF;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

a {
	color: #0000FF;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

a:hover {
	text-decoration: none;

}

input, textarea, select {
	font-size:12px;
	font-family:"Courier New", Courier, mono, Arial;
	border: 1px solid #CCC;
	background-color: #F9F9F9;
	color:#333;
}

ul {
	margin: 1;
	padding: 0;
	padding-left: 15px;
	line-height: 130%;
}



/* Balises IDs */


#bottom {
	
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 10px;
}

#bottom a {
	color: #F7560F;
	text-decoration: underline;
}

#bottom a:hover {
	color: #8CC739;
	text-decoration: underline;
}

#chemin {
	padding-top: 20px;
	padding-bottom: 10px;
}

#chemin a {
	color: #666;
	text-decoration: underline;
}

#chemin a:hover {
	text-decoration: none;
}

#header {
position:absolute; left:5px; top: 130px; width: 970px; height: 50px;
background-image: url('images/barre.jpg');
text-align:center; 
	
}
#header_planete {
position:absolute; left:5px; top: 185px; width: 970px; height: 10px;
text-align:center;

}
#carte {
position:absolute; right:0px; top: 0px; width: 140px; height: 140px;
text-align:center;
}

#recherche {
position:absolute; left:400px; top:0px; width: 560px; height: 50px;

}

#recherche_t {
position:absolute; left:400px; top:3px; width: 495px; height: 12px;
border: 1px solid #ccc;
}

#bouton {
position:absolute; left:0px; top:0px; width: 420px; height: 50px;
	
}

#header li {
	display: inline;
	margin-right: 15px;
}

#header form {
	margin-top: 20px;
	margin-bottom: 0;
}

#header a {
	color: #F7560F;
	font-weight: bold;
	text-decoration: none;
}

#header a:hover {
	color:green;

}

#dir td {
	width: 20%;
	vertical-align: top;
	text-align: left;
}
#lien td {
	width: 90%;
	vertical-align: top;
	text-align: right;
}


#dir table {
	border: 1px none;
	width: 93%
}

#logo {
position:absolute; left:5px; top: 10px; width: 970px; height: 120px;
}
#win_tv {
width: 530px; 
border: 4px outset #c0c0c0;
margin-left: 0%;
margin-top: 5px;
color: darkblue;
  background-image: url('images/feuilles.gif');
  text-decoration: none;
  
  text-align: center;
  padding: 5px;
  border: 5px outset #c0c0c0;
  display: block;
}
#win_moteur {
width: 530px; 

  background-image: url('images/feuilles.gif');
  text-decoration: none;

  text-align: left;



  

}
#win_meteo {
background-color: #E8F1F4;
background-image:url('images/nuage1.gif');
background-repeat:no-repeat;
  background-position: 90% 20%;
padding: 12px;
width: 510px; 
text-decoration: none
}

#win_jt {
width: 530px; 

  background-image: url('images/feuilles.gif');

  text-decoration: none;
  
  text-align: center;
  	

}
.vertical a {
  color: darkblue;
   text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 4px outset #c0c0c0;
  display: block;
  width: 200px
}
.vertical a:hover {
  background-color: #ffffff;
  
  border: 4px inset #c0c0c0
}

.vertical1 a {
  color: #385E06;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  padding: 5px;
  border: 1px outset #c0c0c0;
  display: block;
  width: 500px
}
.vertical1 a:hover {
cursor: url(images/cursor-eyes2.ani),auto;

}		
		


#middle {
	
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:0px;
}

#pages {
	padding-top: 40px;
	text-align: center;
}

#message {
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;	
}

#message p {
	padding-top: 20px;
}

#soumettre {
	padding-top: 20px;
}

#soumettre span {
	text-decoration: underline;
}

#soumettre td {
	vertical-align: top;
}

#soumettre table {
	border: 0px none;
	width: 100%
}

#warning {
	color: #FF0066;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}


/* Balises Classes */

a.cat_display {
	text-decoration: none;
	font-size: 10px;
	color:darkblue;

}
a.cat_carte {
	text-decoration: none;
	font-size: 12px;
	h6 {font-size:80%;font-weight:normal;line-height:10%;}

}
a.cat_display2 {
	text-decoration: none;
 	color:red;
	font-size: 12px;
}
a.cat_display3 {
	text-decoration: none;
 	color:green;
	font-size: 12px;
}
a.cat_display4 {
	text-decoration: none;
 	color:green;
 	font-size: 16px;
 	background-color:#E1E2E4;
 	

}

.lien {
	padding-bottom: 10px;
	text-align: justify;
}

A:active { }A:hover 
{ background-color: #CDE699}

.lien a, .lien a:hover {
font-weight: bold;
	font-size: 12px;
	color: #5775DB;
}

.lien span {
	color: #F7560F;
}

.ariane {
	color: #A9A9A9;
}

.ariane a {
	color: #A9A9A9;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}

.ariane a:hover {
	color: #A9A9A9;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
#menu_annonces {
/*position:absolute; left:5px; top: 500px; width: 170px; height: 410px;*/
 height: 400px;
background-image:  url('images/img_annonces.gif');

background-repeat: no-repeat;
padding-left: 20px;
padding-top: 60px;

}
#menu_annonces_google {
/*position:absolute; left:5px; top: 500px; width: 170px; height: 400px;*/

}

#menu_carte {
height: 100px;
width: 180px;
background-image:  url('images/carte.jpg');
background-repeat: no-repeat;
text-align: center;
padding-top:20px;
}

#main {
	position:absolute; left:215px; top: 210px;
	background-image: url('images/10_10.gif');
	width: 555px;
        font-size: 15px;
       }
#main_boutique {
	position:absolute; left:200px; top: 210px;
	width: 850px;
       
       }
       
a.menu_display {
	text-decoration: none;
	
	font-size: 9pt;
	color:#000000;
    font-family: Arial, Helvetica, sans-serif
}
#seekb{
	
	padding-left: 18px;
	border:1px solid black;
	background: #fff url('images/bt.jpg');
		}

#seek{
	padding-left: 18px;
	border:1px solid black;
	background: #fff url('images/q.gif') no-repeat 4px 4px;
     }
	
	
#logo_accueil {position:absolute; left:20px; top: 0px; width: 120px; }

#date_jour {
color: green;
width: 180px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;


}
#date_jour td {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: green;
}
#menu_villes
 {
position:absolute; left:5px; top: 200px; width: 200px; 
background-image: url('images/10_10.gif');
padding-left: 5px;
padding-top:  5px;
}

#pa{
	position:absolute; left:190px; top: 210px;
	background-image: url('images/10_10.gif');
	width: 540px;
font-size: 15px;
}

#pa_td {
	width: 50%;
	vertical-align: top;
	text-align: right;
}

#formulaire_pa td {
	padding-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 40%;
}
#menu_virus {
	font-size:10px;
	font-family:"Courier New", Courier, mono, Arial;
text-align:left;
padding-left: 20px;

}
#ejs_box2_box
{
position:absolute; left:250px; top: 130px;
color:#000000;
font-family:Verdana;font-size:11
}
#menu_lien_pratique {
background-image: url('images/10_10.gif');

position:absolute; left:775px; top: 200px; width: 200px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
text-align: left;

}
#barre {
text-align:center;
}

#contenuNews {
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url('images/10_10.gif');
        text-align:left;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}



.flux   {padding: 3px; border-style: solid; border-width: 8px 1px 1px 1px; border-color: #CDE699; width: 180px }
.flux dt { text-align:left;font-size: 8px; line-height: 10px }
.flux dt a {text-decoration: none;font-size: 10px;color:black;}
.flux dt a { color: black; text-decoration: none; padding-left: 5px }
.flux p a { color: black; text-decoration: none }
.flux p a:hover, .flux dt a:hover { color: #de3400; text-decoration: none }

#g_lib_header
{       width: 185px;
	height: 15px;
	background: url('images/hg_lib.gif');
	margin-top: 15px
} 
#g_lib_header1
{       width: 185px ;
	height: 20px;
	background:#A53800;

      font-family:'Verdana', sans-serif;
      font-size:10pt;
      font-weight:normal;
      color:#FFFFFF;
      text-align: left; 
} 
#g_lib_header3
{       width: 185px ;
	height: 110px;
	background:#E7E3C6;
	font-family:'Verdana', sans-serif;
      font-size:12pt;
padding-top: 10px;
padding-bottom: 10px
      color:#000000; 
} 
#g_lib_footer
{       width: 185px;
	height: 15px;
	background: url('images/bg_lib.gif');
}   
#g_lib_conteneur
{
	width: 185px ;
	text-align: center ;
	background: #EFEFCE ;
	font-family:'Verdana', sans-serif;
        font-size:12pt;
        color:#000000;


}
ul#g_lib_conteneur
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#g_lib_conteneur li
{
	margin: 0, 0, 0, 0 ;
	padding: 5 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#g_lib_conteneur li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url('images/librairie/bg_menu.gif') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd 
}

ul#g_lib_conteneur li a:hover
{
	background: url('images/librairie/bg_menu.gif') no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 
}
#g_lib_conteneur_d
{ 	width: 185px ;
	text-align: center ;
	background: #EFEFCE ;
        font-size:10pt;
        color:#000000;

} 
#g_lib_conteneur_d a{
      text-decoration: none;
      color:#D6AA94; 
}
#g_lib_conteneur_d a:hover{
      text-decoration: none;
      color:#000000;
      background:#EFEFCE;
}
#header_lib {
font-family:'Verdana', sans-serif;
position:absolute; left:5px; top: 130px; width: 880px;
background-image: url('images/barre_lib.gif');
height: 50px ;
text-indent: 40px ; 
line-height:50px ;
}

#header_lib a {
	font-size:12pt;
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF; 
}

#header_lib a:hover {
        font-size:12pt;
        text-decoration: none;
        color:#000000;
        background:#DDCEAB;
}

a.cat_display_lib {
        font-family:'Verdana', sans-serif;
        font-size:12pt;
	text-decoration: none;
 	color:#A68026;
}
a:hover.cat_display_lib {
font-family:'Verdana', sans-serif;
font-size:12pt;
	text-decoration: none;
 	color:#000000;
 	background:#DDCEAB;
}
#d_lib_header
{       width: 200px;
	height: 15px;
	background: url('images/hd_lib.gif');
	margin-top: 15px
}
#d_lib_footer
{       width: 200px;
	height: 15px;
	background: url('images/bd_lib.gif');
}
#d_lib_conteneur
{ 	width: 200px ;
	text-align: lett ;
	background: #EFEFCE ;
font-family:'Verdana', sans-serif;
font-size:10pt;	

} 
#d_lib_conteneur a{
      text-decoration: none;
      color:#000000; 

} 
#d_lib_conteneur a:hover {
        text-decoration: none;
        color:#000000;
        background:#DDCEAB;
}
#page_lib
{ 	width: 530px ;
	background: #EFEFCE ;
font-family:'Verdana', sans-serif;
font-size:12pt;	
text-align: center ;
color:red;

} 
#page_lib a{
      text-decoration: none;
      color:#000000; 
font-size:12pt;	
} 
#page_lib a:hover {
        text-decoration: none;
        color:green;
        background:#EFEFCE;
        font-size:12pt;	
}