/*
	Les styles HTML communs à toutes les pages :
	body, a, img, li, etc.
*/

body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana;
	/* background-color: #E8FAFC; */
	background-color: #FFFFFF;
	background-attachment: fixed; 
	/* background-color: #979B8C;
	background-image: url('../images/essai.gif');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom left; */
}

ul#menu_css
{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	background-color: #FFEFD5;    /* 979B8C FFB5C5 FFF68F */
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over */
ul#menu_css li
{
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu_css li a
{
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #000000 ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #fff ;
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu_css li a:hover
{
	color: #FFFFFF ;
	background-color: #FF0000;             /* rgb(104,189,248) FF7256 */
}/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */

p { font-size: 10pt }
table { font-size: 8pt }

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

a.info
{
    position: relative ;
    z-index: 24 ;
	background-color: rgb(214,222,255) ;
	padding : 0px 2px 0px 2px ;
    color: #000000 ;
    text-decoration: none ;
}

a.info:hover
{
	z-index: 25 ;
	background-color : rgb(214,222,255)
}

a.info span
{
	display: none ;
}

a.info:hover span
{
    display: block ;
    position: absolute ;
    top: 20px ;
	left: -15px ;
	width: 180px ;
    border: 1px solid silver ;
	padding: 3px 3px 3px 3px ;
    background-color: rgb(214,222,255) ;
	color: black ;
	font-weight: normal ;
}

input.reference
{
	width:300px;
	height:30px;
	background-color:rgb(198,244,220);
}

.pave_titre
{
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.centre_titre
{
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	color: #EEB300;
	font-family: Kristen ITC, Verdana, Arial, Helvetica, sans-serif;
	
}
.centre_stitre 
{
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	color: #8080C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.titre_recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;	
	color: #0000FF;
	font-weight: bold;
	margin: 0px;
}
.zone_recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px;
}
.bouton_cadran {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FF0000;
	margin: 7px;
}
 .slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8484AC;
	font-weight: bold;
	margin: 0px;
}
.titre_news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
}
.texte_partenaires {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D4D4D4;
	font-weight: normal;
	margin: 0px;
}

.texte_news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888888;
	margin: 0px;
}

.news_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	text-decoration: none;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
}

.texte_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
}
.texte_cout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #0000F9;
	margin: 0px;
}
.texte_quantite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFCC00;
	margin: 0px;
}
.texte_port_petit
{
	font-size: 9px;
	margin: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.texte_port
{
	font-size: 10px;
	margin: 0px;
	color: #555555;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.texte_infos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00AE00;
	margin: 0px;
}
.texte_infos_sombre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	margin: 0px;
}
.titre_colonne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	font-weight: bold;
	
}

.titre_tab_resultats {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	
}

.texte_sombre
{
	font-size: 11px;
	margin: 0px;
	color: #00345b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.texte_sombre1
{ 
	color: #00345b;
	text-decoration: none;
	cursor: text;
}
a.texte_sombre1:hover 
{
		color: #00345b;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFCB40;
	font-weight: bold;
	filter: shadow(color=#000000, direction=225);
	text-transform: uppercase;
}
.pieddepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F4F4F4;
	text-decoration: none;

}
.texte_onglet_select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;	
	filter: shadow(color=#000000, direction=225);
	text-transform: uppercase;
}
.texte_onglet_unselect
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-align: center;	
	filter: shadow(color=#000000, direction=225);
	text-transform: uppercase;
}
.MenuTexte
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.MenuTexte:hover 
{
		color: #0040080;
}
.combo
{
	font-size: 8pt;
}
.invite_newsletter
{
	font-size: 15px;
	color:  #08187B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.TxtMenuBarre {
	font-family: Comic Sans MS;
	font-size: 14px;
	color: #6699FF;
	text-decoration: none;
	line-height: 14px;
	
}

A.TxtMenuBarre:hover {
	font-family: Comic Sans MS;
	font-size: 14px;
	color: #004080;
	xtext-decoration: underline;
	line-height: 14px;
}
A.TxtContact {
	font-family: Comic Sans MS;
	font-size: 14px;
	color: #0505FF;
	text-decoration: none;
	line-height: 14px;
	
}

A.TxtContact:hover {
	font-family: Comic Sans MS;
	font-size: 14px;
	color: #004080;
	xtext-decoration: underline;
	line-height: 14px;
}


/******************************************/
/* Menu horizontal style Amis de la Terre */
/******************************************/
#menu {
	width: 960px; height: 35px; background: url(images/lsdd_menu.jpg) no-repeat; overflow: hidden}

#menu a:hover{
	xtext-decoration: underline;
	color: white;
}

.item_menu {
	float: left;
	height: 35px;
	margin-left:25px;
	font: bold 10pt/2.2em "Trebuchet MS";
	text-align: center;
	color: white;
}

#menu_secondaire{
	position: absolute;
	top:2px;right:10px;
	font: normal 8pt Arial, Verdana, sans-serif;
	color: #009941;
	}
#item_menu_secondaire a{text-decoration: none;color: #009941;}
#item_menu_secondaire a:hover{text-decoration: none;color: #FF6600;}

#contacts {color:#ff6600; font-weight: bold;}
#contacts a:hover {color:#009941; font-weight: bold}

#bandeau_haut{width:800px;height:105px;}

#menu_bas {
	clear:both;
	color: white;
	background: #84C499 url(/images/lsdd_menu.jpg);
}

#menu_bas p {
	position:relative;
	top: 18px;
	margin-left: 12px;	
}

#corps_rspa{
	font-size: 12pt;
	color: #000000;
	font-family: Comic Sans MS;
width:600px;
height:550px;
overflow:hidden;
overflow-x: hidden;
overflow-y: hidden;
overflow : -moz-scrollbars-vertical; }

#corps_rspa_long{
	font-size: 10pt;
	color: #000000;
	font-family: Comic Sans MS;
}

th {
	background-color: #68838b;    /* PARK = ff1493 */
	color: #ffffff;
}

.texte_Menu_link {
	font-size: 10px;
	font-weight: normal;	
}
a.texte_Menu_link {
	font-size: 10px;
	font-weight: normal;	
}

.texte_Bas_link {
	font-size: 10px;
	color: #999999;
	font-family: Verdana;
	font-weight: normal;	
}
a.texte_Bas_link {
	font-size: 10px;
	color: #999999;
	font-family: Verdana;
	font-weight: normal;	
}
a.texte_Bas_link:hover {
	font-size: 10px;
	color: rgb(222,109,8);
	font-family: Verdana;
	font-weight: normal;	
}

.texte_BasSel_link {
	font-size: 10px;
	color: rgb(180,100,8);
	font-family: Verdana;
	font-weight: normal;	
}
a.texte_BasSel_link {
	font-size: 10px;
	color: rgb(180,100,8);
	font-family: Verdana;
	font-weight: normal;	
}
a.texte_BasSel_link:hover {
	font-size: 10px;
	color: rgb(222,109,8);
	font-family: Verdana;
	font-weight: normal;	
}

.texte_Basclair_link {
	font-size: 10px;
	color: #888888;
	font-weight: normal;	
}
a.texte_Basclair_link {
	font-size: 10px;
	color: #888888;
	font-weight: normal;	
}

.texte_Backlink {
	font-size: 10px;
	color: #999999;
	font-weight: normal;	
}
a.texte_Backlink {
	font-size: 10px;
	color: #999999;
	font-weight: normal;	
}

.texte_B_link {
	font-size: 12px;
	color: #999999;
	font-weight: normal;	
}
a.texte_B_link {
	font-size: 12px;
	color: #999999;
	font-weight: normal;	
}

.texte_Whitelink {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;	
}
a.texte_Whitelink {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;	
}

.texte_Bluelink {
	font-size: 12px;
	color: rgb(102, 153, 255);
	font-weight: normal;	
}
a.texte_Bluelink {
	font-size: 12px;
	color: rgb(102, 153, 255);
	font-weight: normal;	
}

a img {border: none;}:focus {-moz-outline-style: none;}
.rollovered{background-color:#E2E3E7!important;color:#A2A8AD!important;cursor:pointer!important;border:2px solid #A2A8AD!important;}
.rolloveredNoCadre{border:2px solid transparent!important;}
.group-list-img {border: 1px solid #DADBDF;}
.hidden{ display:none; }

.vignette{float:left;position:relative}
.vignette .nouveau{left:0;position:absolute;top:0}
.vignette .nombre_image{background:url("images/po_coin.jpg") no-repeat scroll 0 0 transparent;bottom:0;color:white;display:block;float:right;height:15px;padding:10px 0 0 15px;position:absolute;right:0;width:10px;z-index:10}