/* CSS Document */
BODY {
	behavior: url(csshover.htc);
	background-color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003366;
	text-align: center;
}
.ZoneAff{border-bottom:1px solid #C3B9BB;border-top:1px solid #C3B9BB; background-color:#FCFFE4;}
.ZoneAff2{border-bottom:1px solid #C3B9BB;border-left:1px solid #C3B9BB;border-top:1px solid #C3B9BB; background-color:#FCFFE4;}
.barreRappel{
	text-align:left;
	background:url(fond3.jpg);
	color:#ffffff; font-size:10px; background-position:top; background-repeat:repeat-x; background-color:#000000 ;
}
.barreBas{
	text-align:center;
	background:url(fond3.jpg);
	padding-top:5px;
	color:#ffffff; font-size:11px; background-position:top; background-repeat:repeat-x; background-color:#000000 ;
}
.FondHeader{
	background-color:#ffffff;
	background-image:url(a_fond2.jpg);
	background-repeat:repeat-x;
}
.barreRecherche{
	background-color:#CDE500; 
	background-image:url(head_menu.png); background-repeat:repeat-x;
}
.titrePage{
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-size:16px;
}
.titrePage2{
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-size:14px;
}
.infoBoxContents {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #7f7840;
	padding: 5px; 
	background-color: #ffffff;
}
.infoBoxContents2 {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	border-left: 1px solid #7f7840;
	border-top: 1px solid #7f7840;
	border-bottom: 1px solid #7f7840;
	border-right: 1px solid #7f7840;
	padding: 2px; 
	background-color: #D1EB32;
}
.infoBoxContents3 {
	font-family:Verdana,Tahoma,Arial,sans-serif;
	border-left: 1px solid #7f7840;
	border-right: 1px solid #7f7840;
	border-bottom: 1px solid #7f7840;
	padding: 2px; 
	background-color: #D7BEDD;
}
.infoBoxContents4 {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	line-height:14px;
	padding: 4px; 
	text-align:left;
}
.infoBoxContents42 {
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:14px;
	background-color:#ffffff;
	/*background-image:url(test01.gif);*/
	color:#003366;
	text-align:left;
	/*border-top: 1px solid #A6ABC9;
	border-bottom: 1px solid #A6ABC9;*/
	border-right: 1px solid #000000;
}
.infoBoxContents43 {
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:14px;
	background-color:#F0F0F0;
	/*background-image:url(test01.gif);*/
	color:#003366;
	text-align:left;
	/*border-top: 1px solid #A6ABC9;
	border-bottom: 1px solid #A6ABC9;*/
	border-left: 1px solid #000000;
}
.lien a{color:#003366;}
.infoBoxContents42 a{color:#003366;}
.boxText {
	text-align:left;
	line-height:15px;
	font-family:Tahoma,Arial,sans-serif;

	font-size:12px;
}
.boxText2 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-decoration:none;
	text-align:justify;
}
.img3{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
.text2 {
	font-family: Arial, sans-serif;
	font-size:11px;
}
.ProdSectionTitle {border-bottom:3px solid #3B6183;color:#990000;text-transform:uppercase;text-align:left;font-weight:bold;}
.voirTexte {padding:8px;text-align:justify;color:#444444;font-family:Arial, Trebuchet MS, Gill Sans, Verdana, Geneva, Helvetica, sans-serif; font-size:12px;}
.field{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	border: 1px solid #000000;
	background-color:#CCCCCC;
}
.img2{
	border: 1px solid #DFDFDF;
}
#top { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; }
#top A { COLOR: #CCCCCC; TEXT-DECORATION: none;}
#to A:visited { COLOR: #CCCCCC; TEXT-DECORATION: none;}
#top A:active { COLOR: #CCCCCC; TEXT-DECORATION: none;}
#top A:hover { COLOR: #CCCCCC; TEXT-DECORATION:underline;}
A {
  color: #715F9D;
  text-decoration: none;
}
A:hover {
  color: #000000;
  text-decoration: underline;
}
.titreProduit {
	color: #CC0066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
a.titreProduit {
	color: #CC0066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
a:hover.titreProduit {
	color: #CC3333;
	text-decoration:underline;
}

.style2{
	font-family: Arial, sans-serif;
	font-size: 10px;
}
.titre {
	font-family: Helvetica;
	font-size: 16px;
	font-weight:bold;
	color:#551F55;
}
h1 {
	font-family: Helvetica;
	font-size: 18px;
	font-weight:bold;
	color:#58C1E1;
	text-decoration:underline;
	width:100%;
}
.bar01 {
	color: #OOOOOO;
	margin-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 18px;
	font-family: Arial,Tahoma,Verdana;
	font-weight: bold;
}


div#menu {width: 179px;}
/* fond blanc pour le menu */
div#menu a {color:#ffffff;font-size:12px; text-align:center; font-weight:bold}
div#menu a:hover {color:#000000;font-size:12px;}
div#menu ul {padding: 0; width: 179px; margin:0px; background: black; border-right:1px solid #000000;border-top:1px solid #000000;border-bottom:1px solid #000000;}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/
div#menu li:hover { background-color:#CCCCCC;}
div#menu li.sousmenu:hover {background-color:#CCCCCC;}
/* Rajout d'une petite fleche pour les sous menu */
div#menu li.sousmenu { background-image:url(arrow.gif); background-position:right; background-repeat:no-repeat;}
div#menu ul li {position:relative; list-style: none; border-bottom:1px solid #ffffff; padding:5px 0px 5px 0px;}
div#menu ul ul {position: absolute; top: 3px; left: 179px; display:none;position:absolute; overflow:auto}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */
div#menu li a {text-decoration: none; padding: 4px 0 4px 2px; display:block; border-left: 2px solid #00FF00; width:175px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3, 
div#menu ul.niveau3 li.sousmenu:hover ul.niveau4, 
div#menu ul.niveau4 li.sousmenu:hover ul.niveau5  {display:block; position:absolute; overflow:auto}
/* la bordure de chaque hauteur a une couleure de survol*/
div#menu li a:hover {border-left-color: #00FFFF;}
div#menu ul ul li a:hover {border-left-color: #FF00FF;}
div#menu ul ul ul li a:hover {border-left-color: #00FFFF;}
div#menu ul ul ul ul li a:hover {border-left-color: #FF00FF;}
div#menu ul ul ul ul ul li a:hover {border-left-color: #00FFFF;}


.bord1{
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}
.bord2{
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}
.bord3{
	border-bottom:1px solid #000000;
}

.lien a{
	display: block;
	color:#000000;
	
	font-size:11px; text-align:left; font-weight:bold;
	padding: 5px 0px 5px 0px;
	height:30px;
	width:100%;
	text-align:center;
	/*border-bottom: 1px solid #000000;*/
	/*background: #CCCCCC;*/
	/*border-left: 2px solid #000000;*/
}
.lien a:hover{
	background-color:#333333;
	color:#FF00FF;
	font-size:11px;
	text-decoration:none;
	-moz-border-radius: 20px;
	/*border-left: 2px solid #FF00FF;*/
	/*border-bottom: 1px solid #FF00FF;*/
}
.lien2 a{
	display: block;
	color:#000000;
	
	font-size:11px; text-align:left; font-weight:bold;
	padding: 5px 0px 5px 0px;
	width:100%;
	text-align:center;
	-moz-opacity: 0.60;
  _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	/*border-bottom: 1px solid #000000;*/
	/*background: #CCCCCC;*/
	/*border-left: 2px solid #000000;*/
}
.lien2 a:hover{

	color:#FF00FF;
	font-size:11px;
	text-decoration:none;
	-moz-opacity: 1;
  _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	/*border-left: 2px solid #FF00FF;*/
	/*border-bottom: 1px solid #FF00FF;*/
}