html, body, p, div, h1, h2, h3, h4, h5{margin:0; padding:0;}
/*html{background:#111 url(img/imgpage.gif) no-repeat center top;}
*/
body{height:100%;background:#111 url(img/imgpage.jpg) no-repeat center top; color: #b1b1b1;font: 11px Tahoma, "Trebuchet MS", sans-serif; }
#counter { width: 210px; color: red; background-color: #111; font-size: 1.2em; padding: 10px 0 10px 15px; font-weight:bold; margin:10px 0;}
p{padding:5px 15px 10px 15px;text-align:justify;}
.borderBottom{ border-bottom: #535353 1px solid}
.borderBottom2{ border-bottom: #666 1px dashed; margin-bottom:10px;}
.noBorder{border:none;}
.clearBoth{clear:both;}
.alignLeft{ text-align:right;}
.alignCenter{ text-align:center;}
.noMargin{margin:0;}
.marginLeft{margin-left:10px;}
.paddingLeft{margin-left:15px;}
.paddingRight{margin-right:15px;}
.paddingTop{ padding-top:10px;}
.noPadding{padding:0;}
.floatRight{float:right;}
.floatLeft{float:left;}
.noMarginTop{margin-top:0;}
.listeLiens{float:left; width:280px; padding:10px;}
.listeLiens2{float:left; width:330px; padding:10px;}
.entrer{margin-left:20px;}
/*.loupe{float:left; padding:0; margin:0;}*/
#tracts .boxVideo3 .loupe img{float:left;border:none; padding:0; margin:5px 0 0 15px ;}
img, img a{border:none;}
img{display:block;}
h1, h2, h3, h4, h5, h6{padding:8px 15px 8px 15px; text-align:left;}
h1, h2, h4, h5, h6{color: #ffffff; font-weight:bold;}
h1{ font-size:16px; background-color:#550000; border-bottom: #535353 1px solid; margin-top:8px;}
h2{ font-size:14px;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active{ font-size:14px;color: #ffffff;}

h3{ font-size:12px; font-weight:bold; color: #CCCCCC; }
h4{ font-size:12px;}
h5{ font-size:11px;}
h6{ font-size:14px; background-color: #4f504f; border-bottom: #535353 1px solid; margin-top:0;}
#container2 ol { padding-right:20px;}
#container2 ol li{ padding-top:5px;}
.titre1{font-weight:bold; color:#ffffff;}
.titre2{font-weight:bold; color:#CCCCCC;}
.source{float:left; font: 9px Tahoma, "Trebuchet MS", sans-serif; color:#b1b1b1; padding:10px;}
a:link, a:visited, a:active{color: #b1b1b1; text-decoration:none;}
a:hover{color: #fff; text-decoration:underline;}
#container1{height:100%; width:980px; margin: 0 auto;}
*html #container1{height:auto;}
#header{float:left; width:980px; background:#550000 url(img/bg2_menu.gif) repeat-x left bottom; height:253px;}
#containerMenu{float:left; width:980px;background-color:#202020;}
#container2{ float:left; width:980px;background: #2e2e2e url(img/bg4.gif); border-top: #535353 1px solid; height:100%; padding-bottom:10px;}
#container3{ float:left; width:250px; background-color:#3c3c3c; height:100%; }
#container4{float:left; width:728px;height:100%;}
#container4veg{float:left; width:728px;height:100%;}
#container4veg h1{background-color:#587e0d;}

#contentMain{float:left; width:468px;height:100%;}
#contentMain2{float:left; width:728px;height:100%;}
#contentMain2 img{float:left;margin:10px 17px 10px 15px;border:solid 1px #5c5c5c; display:inline;}
#contentMain2 .liens2 a:link, #contentMain2 .liens2 a:visited, #contentMain2 .liens2 a:active{color: #ffffff; text-decoration:none;}
#contentMain2 .liens2 a:hover{ text-decoration:underline;}
/* Bullets   ============================================*/
#contentMain2 ul{margin:10px 10px 10px 10px; list-style: disc;}		
#contentMain2 li{margin-top:5px; padding-left:15px; LIST-STYLE-POSITION: inside;}
/* Fin Bullets   ============================================*/

#containerRight{float:right; width:236px; margin:0 10px 0 4px; height:100%;}
*html #containerRight{display:inline;}

.contentMainBox{float:left; width:468px;height:100%;}
.contentMainBox h4{padding-top:0;}
.contentMainBox img{float:right;}
#contentIndex{float:left;width:980px;background-color: #2e2e2e; border-top: #535353 1px solid;}
#contentMain .contentMainBox p{ padding:5px 15px 5px 15px; width:220px;}
#contentMain .contentMainBox2 p{width:453px; padding-left:15px;}
#contentMain p{line-height:15px; text-align:justify; margin:0; padding: 10px 0 10px 10px;}
*html #contentMain{display:inline;}
.contentMainBox2{ float:left; width:468px; padding-bottom:10px;padding-top:10px; background:#2f2d30 url(img/bgbox1.gif) repeat-x;  height:100%;}
#contentMain .contentMainBox2 p{width:438px; padding:10px 5px 10px 15px;}

.contentMainBox3{ float:left;width:168px; padding:110px 20px 0 280px; margin-top:10px; height:204px; background:url(img/foie_gras02.jpg) no-repeat; text-align:right; }
.box1{float:left; width:236px; margin:8px; height:100%; text-align:left;}
*html .box1, {display:inline; width:234px; margin-right:6px;}
.box2{float:right; width:236px; height:100%; background-color:#23282b; text-align:left; margin-bottom:8px;}

.boxTop{float:left; width:236px; background-color:#550000; margin-bottom:1px;}
.boxTop2{float:left; width:236px; background-color:#4f504f; margin-bottom:1px;}
.boxIndex{width:510px; float:right; margin-top:15px; margin-right:15px; background-color: #3C3C3C; display:inline;}
.boxIndex p{padding-top:10px;}

.boxMain, .boxMain2, .boxMain3{float:left; width:234px; border:solid 1px #535353; height:100%;}
.boxMainNoMargin img{margin:0;float:left;border:solid 1px #5c5c5c}
.boxMain img, .boxMain2 img, .boxMain3 img, .boxMain4 img, .boxMain5 img{float:left;  border:solid 1px #5c5c5c; margin: 10px;}
.boxMain p, .boxMain2 p, .boxMain3 p, .boxMain4 p, .boxMain5 p{ text-align:left; padding: 5px 5px 5px 0;}
.textMain{float:right;width:150px;}
.boxMain{background:#2f2d30 url(img/bgbox1.gif) repeat-x; padding-bottom:10px;}
.boxMain2{background:#3d040a url(img/bgbox2.gif) repeat-x;}
.boxMain3{background:#3d040a url(img/bgbox3.gif) repeat-x;}
.boxMain4{float:left; width:234px; height:100%; background: url(img/dot1.gif) left bottom repeat-x; padding-bottom:10px;}
.boxMain4 img{float:left; border:solid 1px #5c5c5c;}
.boxMain5{float:left;width:234px; background:#3d040a url(img/dot1.gif) left bottom repeat-x;padding-bottom:10px;}
.pdf{padding:3px; float:right; width:110px; text-align:left; height:15px;}
.boxMain4 .pdf img{float:right; height:15px; margin:0;}
.boxVideo{float:left; width:234px; height:100%; background: url(img/dot1.gif) left bottom repeat-x; padding-bottom:5px; padding-left:0;border-right:solid 1px #5c5c5c; }
.boxVideo2{background: url(img/dot1.gif) left top repeat-x;}
.boxVideo3{float:left; width:172px; height:100%; border:solid 1px #5c5c5c; margin-left:3px; min-height:290px;}
.boxVideo img{float:left; border:solid 1px #5c5c5c; margin:0;}
.boxVideo p{height:40px;padding:10px 5px 5px 0; text-align:left;margin:0;}
.boxVideo4{float:left; width:172px; height:100%; border:solid 1px #5c5c5c; margin-left:15px; }
.boxVideo5{float:left; width:172px; height:100%; border:solid 1px #5c5c5c; margin:15px; }
.dots{background: url(img/dot1.gif) left bottom repeat-x; width:705px;}
.dots2{background: url(img/dot1.gif) left bottom repeat-x; width:690px;}
.vraiment{background:#3d040a url(img/bgbox3.gif) repeat-x; width:100%;}
.videoMassacre{ width:580px; padding-left:300px;}
.videoMassacre2{ width:480px; padding-left:150px;}
#video p{clear:both; text-align:center; background-color:#202020;}
#video2 p{clear:both; text-align:center; margin:0 auto; background-color:#2e2e2e;}
#tracts{padding-left:5px;}
.videoLink{display:block; font-size:12px; background-color:#4f504f; margin-bottom: 3px;margin-top:3px; margin-right:5px; padding:5px; width:35%; text-align:right;}
.videoLink2{float:left; display:block; font-size:12px; background-color:#4f504f; margin:3px 15px 3px; padding:5px;}
.videoLink3{display:block;float:right; font-size:12px; background-color:#4f504f; margin-bottom:3px;margin-top:10px; margin-right:8px; padding:5px; width:45%; text-align:right;}
.videoLink4{float:left; display:block; font-size:12px; background-color:#4f504f; margin:3px 15px 3px 0; padding:5px;}
.videoLink5{display:block;float:left; font-size:12px; background-color:#4f504f; padding:5px 10px 5px 15px; width:148px;}
.sep{width:485px; margin:15px; background: url(img/dot1.gif) left bottom repeat-x;}
*html .videoLink5{width:149px;}
#footer{ clear:both; float:left; width:960px; padding:10px; background-color: #202020; font: 9px Tahoma, "Trebuchet MS", sans-serif; color:#666666; text-align:center; }
#footer img{float:right;}

ul.MenuBarHorizontal li.noBorderLeft{border-left:none;}
ul.MenuBarHorizontal li.noBorderRight{border-right:none;}

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{ margin: 0 auto; padding: 0 0 0 14px; list-style-type: none; font-size: 11px; cursor: default; width:auto; font-family:Verdana, Helvetica, sans-serif; text-decoration:none; }
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 158px; float: left; border-left:none; border-right:#535353 1px solid; border-bottom:none; border-top:none;}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 157px; position: absolute; left: -1000em; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{ width: 157px; }
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{ position: absolute; margin: -0.5% 0 0 96%; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px #535353 solid;
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{ display: block; cursor: pointer; background-color: #202020; padding: 0.4em 0.5em 0.55em 0.5em; color: #CCCCCC; text-decoration: none; }
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{ background-color: #525252; color: #ccc; text-decoration:none;}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{ background-color: #550000; color: #FFFFFF; text-decoration:none;}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryAssets/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryAssets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}

*html ul.MenuBarHorizontal ul
{
	border-right:none;
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
