body {
background-color:#FFFFFF;
margin:0;
}

body, p, td, form { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; }

.titre {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: bolder; color: #000000}
.small { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; }
.forum { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; }
.head, .row { font-weight: bold; }
.head { background: #1A9DFF; color: #FFFFFF; font-family: verdana; font-size: 11px; }
.row { background: #FFFFCC; font-family: arial; font-size: 10px; }
.bkg, .space { background: #ffffff; }
.ligne { font-family: verdana; font-size: 11px }	
.menu { font-family: verdana; font-size: 10px }
.sousmenu { color: #FFFFFF; font-family: Tahoma; font-size: 11px; font-weight: bold; }
.afp { font-family: verdana; font-size: 10px; color: #666666; font-weight: bold;}
.panier { font-family: tahoma; font-size: 10px; color: #000000; font-weight: bold;}
.newsletter { font-family: arial; font-size: 10px; color: #ffffff;}
.petitmenu { font-family: arial; font-size: 10px; font-weight: bold;}
.smart { background: #f5e78d; color: #000000; font-family: verdana; font-size: 11px; font-weight: bold;}
.titreAnnu { background: #F9F1BC; color: #000000; font-family: arial; font-size: 13px; font-weight: bold;}

.texte_petit {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	}

/* Encart REACh */
A.reach { color: #FF0000; text-decoration:none; font-weight: bold; }
A.reach:visited { color: #FF0000; font-weight: bold; }
A.reach:hover { color: #000000; font-weight: bold; text-decoration: underline; }

A { color: #004fb8;text-decoration:none; font-weight: bold; }
A:visited { color: #0080c0; }
A:hover { color: #FF0000; text-decoration: underline; }
.retour {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000}

.leftpic{
	float:left;
	clear:right;
	margin: 5px;
}

.rightpic{
	float:right;
	clear:left;
	margin: 10px;
}

.Trademark {
	font-size: 9px;
	position: relative;
  bottom: 3px;
	font-weight:bold;
}

.chapeau_veille_pays {
	margin-top: 10px;
	margin-right: 270px;
	background-color: #FFE1E1;
	padding: 7px;
	text-align: justify;
}

BODY{
 scrollbar-face-color: #F4F4F4;
 scrollbar-shadow-color: #b29304;
 scrollbar-highlight-color: #F1F1F1;
 scrollbar-3dlight-color: #666666; 
 scrollbar-darkshadow-color: #111111; 
 scrollbar-track-color: #ffffff; 
 scrollbar-arrow-color: #666666;
}
a.casebleue { color: #FFFFFF }
a.casebleue:visited { color: #FFFFFF; }
a.casebleue:hover { color: #F5E78D; }

a.casemenu { color: #FFFFFF; font-family: Tahoma; font-size: 10px; font-weight: bold; }
a.casemenu:visited { color: #FFFFFF; font-family: Tahoma; font-size: 10px; font-weight: bold; }
a.casemenu:hover { color: #FFFF00; font-family: Tahoma; font-size: 10px; font-weight: bold; text-decoration: none; }

a.caseforum { color: #000000; }
a.caseforum:visited { color: #000000;  }
a.caseforum:hover { color: #000000; text-decoration: underline; }

.arborescence { color: #000000; font-family: Verdana; font-size: 10px; }
a.arborescence { color: #FFFFFF; font-family: Verdana; font-size: 10px; }
a.arborescence:visited { color: #FFFFFF; font-family: Verdana; font-size: 10px; }
a.arborescence:hover { color: #FFFF00; font-family: Verdana; font-size: 10px; text-decoration: none; }

a.casebeige { color: #004fb8}
a.casebeige:visited { color: #004fb8; }
a.casebeige:hover { color: #FF0000; }

a.casectc { color: #FFFFFF}
a.casectc:visited { color: #FFFFFF; }
a.casectc:hover { color: #F5E78D; }

A.casequi { color: #000000}
A.casequi:visited { color: #000000; }
A.casequi:hover { color: #FF0000; }

.nobold {
font-weight:normal
}


/* ------------------------------------------------ */
#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #666666;
	z-index:1000;
	opacity:0.5;
	filter: alpha(opacity=50);
}



#box 
{
	display:none;
	position:absolute;
	top:9%;
	left:20%;
	width:500px;
	height:700px;
	padding:0;
	margin:0;
	border:1px solid black;
	background-color:white;
	z-index:1001;
	overflow:auto;
}

#boxheader
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	padding-top:2px;
	left-padding:8px;
	margin:0;
	margin-right:20px;
	border-bottom:1px solid white;
	background-color: #FFFFFF;
	color:white;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

#boxclose
{
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-image:url(img/picto_close.gif);
	background-repeat:no-repeat;
	background-color:#CCC;
	border:1px solid black;
	width:20px;
	height:20px;
}

#boxcontent
{
	position:absolute;
	top:5px;
	left:10px;
	margin:0;
	padding: 8px;
	text-align:center;
}
/* ------------------------------------------------ */


.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
	/*
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url("/img/include/ombre_portee.gif") no-repeat bottom right;
	*/
	background-color:#B6B6B6;
	/*margin-left:5px;*/
	margin-bottom:5px;
  }
	
.img-shadow img {
  display: block;
  position: relative;
  /*border: 1px solid #a9a9a9;
   Cette ligne permet de placer correctement notre image par rapport à notre       
	ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
	border:solid;
	border-color:#666666;
	border-width:1px;
  margin: -4px 4px 4px -4px;
  }
/* ------------------------------------------------ */