/*
// ################################################################################
// # AUTEUR      : Benjamin GUIBERT                                               #
// # PROJET      : Site Internet Droits Des Animaux.                              #
// # PAGE        : style.css                                                      #
// # FONCTION    : Style principal.                                               #
// # MISE A JOUR : 14/07/09 PAR : Benjamin GUIBERT                                #
// ################################################################################
*/

body
{
	width:				990px;
	margin:				20px auto 20px auto;
	background-color:	#000000;
	font-family: 		Arial, sans-serif;
	font-size: 			12px;
	text-align:			center;
	color:				white;
}

a img
{
	border:	none;
}

/*
// --------------------------------------------------------------------------------
// - EN-TETES                                                                     -
// --------------------------------------------------------------------------------
*/
#head_index
{
	width:				990px;
	height:				250px;
	background-image:	url('images/heads/head_cheval.gif');
	background-repeat:	no-repeat;
}

#head_stands
{
	width:				990px;
	height:				250px;
	background-image:	url('images/heads/head_stands.gif');
	background-repeat:	no-repeat;
}

#head_hunt_sab
{
	width:				990px;
	height:				250px;
	background-image:	url('images/heads/head_hunt_sab.gif');
	background-repeat:	no-repeat;
}

#head_gang_lapins
{
	width:				990px;
	height:				250px;
	background-image:	url('images/heads/head_gang_lapins.gif');
	background-repeat:	no-repeat;
}

#head_marchandising
{
	width:				990px;
	height:				250px;
	background-image:	url('images/heads/head_marchandising.gif');
	background-repeat:	no-repeat;
}

#head_cheval
{
	width:				990px;
	height:				250px;
	background-image:	url('images/heads/head_cheval.gif');
	background-repeat:	no-repeat;
}

#head_cochon
{
	width:				990px;
	height:				250px;
	background-image:	url('images/heads/head_cochon.gif');
	background-repeat:	no-repeat;
}
/*
// --------------------------------------------------------------------------------
*/
#body
{
	width:	990px;
	margin:	auto auto auto auto;
}

#body .background
{
	float:				left;
	width:				990px;
	margin:				auto auto auto auto;
	background-image:	url('images/body.gif');
	background-repeat:	repeat-y;
	
}

/*
// --------------------------------------------------------------------------------
// - MENU HORIZONTAL                                                              -
// --------------------------------------------------------------------------------
*/
#menu_horizontal
{
	width:	980px;
	height:	20px;
	margin:	auto auto 10px auto;
}

#menu_horizontal a, a:visited
{
	text-decoration:	none;
}

#menu_horizontal a:hover, a:focus
{
	text-decoration:	underline;
}

#menu_horizontal .menu ul
{
	position:	absolute;
	display:	block;
	width:		110px;
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
}
    
#menu_horizontal .menu li ul
{
	visibility:	hidden;
}

#menu_horizontal .menu li li ul
{
	position:	absolute;
	margin: 	-18px 0px 0px 110px;
}
    
#menu_horizontal .menu li
{
	float:		left;
	display:	inline;
	width:		104px;
	height:		auto;
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	list-style:	none;
}
    
#menu_horizontal .menu li li
{
	float:		left;
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
}

* html .menu li li
{
	display:	inline;
}

#menu_horizontal .menu a
{
	display:			block;
	width:				100px;
	padding:			1px 1px 1px 1px;
	background-color:	#000000; 
	text-align:			center;
	font-family:		'Arial Black', sans-serif;
	font-size:			12px;
	color:				#FEFEFE;
}

#menu_horizontal .menu li ul li a
{
	display:			block;
	width:				110px;
	padding:			1px 1px 1px 1px;
	background-color:	#000000; 
	text-align:			center;
	font-family:		Arial, sans-serif;
	font-size:			12px;
	color:				#FEFEFE;
}

#facebook 
{
	float:			right;
	margin-right:   10px;
}
/*
// --------------------------------------------------------------------------------
*/

/*
// --------------------------------------------------------------------------------
// - MENU_VERTICAL                                                                -
// --------------------------------------------------------------------------------
*/
#menu_vertical
{
	float: 		left;
	width: 		200px;
	margin: 	0px 0px 0px 3px;
	text-align: left;
}

#menu_vertical a, a:visited
{
	text-decoration:	none;
}

#menu_vertical a:hover, a:focus
{
	text-decoration:	underline;
	color: 				#FEFEFE;
}

#menu_vertical h1
{
	margin: 			0px 0px 0px 0px;
	padding: 			5px 5px 5px 10px;
	background-color: 	#FEFEFE;
	font-family: 		'Arial Black', sans-serif;
	font-size: 			20px;
	font-weight: 		normal;
	text-transform:	 	uppercase;
	color: 				#000000;
}

#menu_vertical .nav1 {
        /*bloc contenant la hierarchie*/
        width: 100%;
        padding:0px;
        font-size: 12px;
}

#menu_vertical ul.menulist li ul{ display:none; }

#menu_vertical ul.menulist li:hover>ul{ display:block; }

#menu_vertical ul.menulist,
ul.menulist ul{
 list-style:none;
 z-index: 500;
 margin:0px;
 padding:0px;
 width:200px;
 _width:200px;

}

#menu_vertical ul.menulist ul{
 position:absolute;
 top:-1px;
 left:200px;
 background:#000000;
}

#menu_vertical ul.menulist li{
 position:relative;
 margin:0px;
 padding:0px;
}

#menu_vertical ul.menulist a{
 display:block;
 _width: 100%;
 color:#FFFFFF;
 padding: 5px;
 font-variant: 		small-caps;
text-align:			left;	
font-size:	20px;
font-weight:	bold;
}

#menu_vertical ul.menulist li ul li a{
 padding: 3px;
font-size:	13px;
font-weight:	normal;
}

#menu_vertical ul.menulist li ul li ul li a{
font-size:	12px;
font-variant: 		normal;
font-style: italic;
}

#menu_vertical ul.menulist li.smenu {
        background-image: url(../images/arrow.gif) !important;
        background-position: 171px;
        background-repeat: no-repeat;
}

#menu_vertical ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
        background-image: url(../images/arrowb.gif) !important;
        background-position: 168px;
        background-repeat: no-repeat;
		
}
/*
// --------------------------------------------------------------------------------
*/

/*
// --------------------------------------------------------------------------------
// - DROITE                                                                       -
// --------------------------------------------------------------------------------
*/

#menu_droit
{
	float: 	right;
}

#droite
{
	width: 	250px;
	margin: 0px 10px 10px 0px;
	color: 	#000000;
}

#droite a, a:visited
{
	color:				#000000;
	text-decoration:	none;
}

#droite a:hover, a:focus
{
	color:				#000000;
	text-decoration:	underline;
}

#droite .head
{
	padding: 			5px 10px 5px 10px;
	background-color: 	#FEFEFE;
	background-image: 	url('images/droite_head.gif');
	background-repeat: 	no-repeat;
	font-family: 		'Arial Black', sans-serif;
	font-variant:	 	small-caps;
	font-size: 			14px;
	text-align: 		left;
}

#droite h1
{
	margin:				0px 5px 10px 5px;
	font-family: 		'Arial Black', sans-serif;
	font-size: 			16px;
	text-align: 		center;
	text-transform: 	uppercase;
}

#droite .body
{
	padding: 			5px 10px 5px 10px;
	background-color: 	#FEFEFE;
	text-align: 		justify;
}

#droite .foot
{
	padding: 				5px 10px 5px 10px;
	background-color: 		#FEFEFE;
	background-image: 		url('images/droite_foot.gif');
	background-position: 	bottom;
	background-repeat: 		no-repeat;
	font-style: 			italic;
	font-weight: 			bold;
	text-align: 			right;
}

/*
// --------------------------------------------------------------------------------
*/

/*
// --------------------------------------------------------------------------------
// - VIDEO                                                                        -
// --------------------------------------------------------------------------------
*/
#video
{
	width:	250px;
	margin: 0px 10px 10px 0px;
	color: 	#000000;
}

#video .head
{
	width:				250px;
	height:				10px;
	background-image:	url('images/video_head.gif');
	background-repeat: 	no-repeat;
}

#video .body
{
	width:				250px;
	background-image:	url('images/video_body.gif');
	background-repeat: 	repeat-y;
}

#video .foot
{
	width:				250px;
	height:				10px;
	background-image:	url('images/video_foot.gif');
	background-repeat: 	no-repeat;
}

#video a, a:visited
{
	text-decoration:	none;
	color:				#FEFEFE;
}

#video a:hover, a:focus
{
	text-decoration:	underline;
	color:				#FEFEFE;
}

#video td
{
	font-family: 	'Arial', sans-serif;
	font-size: 		10px;
	font-weight:	bold;
	font-variant:	small-caps;
	text-align:		center;
	vertical-align:	top;
	color:			#FEFEFE;
}
/*
// --------------------------------------------------------------------------------
*/

#diapo
{
	float: 	right;
	width: 	250px;
	margin: 0px 10px 10px 0px;
	color: 	#000000;
}

#foot
{
	float: 				right;
	width: 				990px;
	height: 			40px;
	background-image: 	url('images/body_foot.gif');
	background-repeat: 	no-repeat;
}

#foot p
{
	font-weight:	bold;
}

#foot a, a:visited, a:hover, a:focus
{
	text-decoration:	underline;
	color:				#FEFEFE;
}

/*
// --------------------------------------------------------------------------------
// - MAIN                                                                         -
// --------------------------------------------------------------------------------
*/
html>body #main
{
	height:		auto;
	min-height: 1300px;
}

#main
{
	float: 					left;
	width: 					500px;
	height:					700px;
	background-color:		#FEFEFE;
	background-image: 		url('images/main_foot.gif');
	background-position:	bottom;
	background-repeat: 		no-repeat;
}

#main h1
{
	margin: 			0px 0px 0px 0px;
	padding: 			10px 10px 10px 10px;
	background-image: 	url('images/main_head.gif');
	background-repeat: 	no-repeat;
	font-family: 		'Arial Black', sans-serif;
	font-size: 			18px;
	font-weight: 		normal;
	text-transform: 	uppercase;
	color: 				#000000;
}

#main h2
{
	margin: 		5px 0px 5px 30px;
	font-size: 		18px;
	font-variant: 	small-caps;
	text-align:		left;
	color: 			#000000;
}

#main h3
{
	margin: 	5px 0px 5px 50px;
	font-size: 	13px;
	font-style: italic;
	text-align:	left;
	color: 		#000000;
}

#main p, ul
{
	margin: 		20px 10px 20px 10px;
	text-align:		justify;
	font-size: 		12px;
	color: 			#000000;
}

#main ul
{
	margin: 0px auto 0px auto;
}

#main li
{
	margin: 5px 10px 5px 10px;
}

#main a, a:visited, a:active
{
	color:				#000000;
	text-decoration:	underline;
}

#main a:hover, a:focus
{
	color: 	#FF0000;
}

#main .bulle td, table, .bulle ul
{
	font-size:	11px;
	color: 		#000000;
}

#main table
{
	width:		480px;
	margin:		30px auto 30px auto;
	text-align:	center;
}

#main td
{
	text-align:	left;
}

#main table ul, table li
{
	margin: 	5px 5px 5px 5px;
	text-align:	left;
}

#main .detail
{
	width:	400px;
	border: 1px solid #000000;
}

#main .detail th
{
	padding:		0px 10px 0px 10px;
	font-size:		16px;
	font-weight: 	normal;
	text-align:		left;
}

#main .detail td
{
	padding:		0px 10px 0px 10px;
	font-style: 	italic;
	font-size: 		16px;
	text-align:		right;
}

#main .adresse
{
	margin: 		20px 10px 20px 40px;
	font-family:	Verdana, sans-serif;
	text-indent:	0px;
}

#main .index
{
	margin:			0px auto 0px auto;
	font-weight: 	bold;
	border-bottom:	1px  solid
}

#main .annexe
{
	border-top:		1px  solid;
	margin:			0px auto 0px auto;
	font-style: 	italic;
	font-weight: 	bold;
	font-size:		15px;
}

#main .note
{
	border-top:		1px  solid;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	font-size:		11px;
	list-style:		none;
}

#main .note ul li
{
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	list-style:		none;
}

#main .massacre li
{
	margin:			10px auto 10px auto;
	padding:		0px 0px 0px 0px;
	font-size:		16px;
	font-weight:	bold;
	text-align:		left;
}

#main .massacre table
{
	width:		450px;
	margin:		0px auto 0px auto;
	padding:	0px 0px 0px 0px;
}

#main .massacre thead th
{
	margin:				0px auto 0px auto;
	padding:			0px 0px 0px 0px;
	background-color:	#CCCCCC;
	font-size:			11px;
	text-transform: 	uppercase;
}

#main .massacre tr:hover
{
	background-color:	#DDDDDD;
}

#main .massacre .nombre
{
	padding:	2px 5px 2px 5px;
	font-size: 	15px;
	text-align:	right;
}

#main .massacre .animal
{
	padding:	2px 5px 2px 5px;
	font-size: 	15px;
}

#main .drapeaux
{
	width:	10px;
	margin:	10px auto 10px auto;
}

#main .conseil
{
	font-style: italic;
	text-align:	center;
}

#main .image .titre
{
	font-size: 14px;
	text-align:	center;
}

#main .image .auteur
{
	font-size:	12px;
	font-style: italic;
	text-align:	center;
}

#main .image .normal
{
	text-align:	center;
}

#main .materiel .desc
{
	border: 1px solid #000000;
}

#main .materiel a, a:visited, a:active
{
	text-decoration:	none;
}

#main .materiel .nom
{
	font-weight:	bold;
	font-variant: 	small-caps;
	font-size: 		18px;
	text-align:		left;
}

#main .materiel .disp
{
	font-style: 	italic;
	font-size: 		15px;
	text-align:		right;
}

#main .materiel .prix
{
	font-size:	16px;
}

#main .materiel ul
{
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	list-style:	none;
}

#main .filtre
{
	font-size:	15px;
	text-align:	center;
}

#main .telechargement
{
	margin:		30px auto 30px auto;
	font-size: 	18px;
	list-style:	none;
	text-align:	center;
}

#main .source
{
	margin:			10px auto 10px 50px;
	font-style:		italic;
	font-weight:	normal;
}

#main .titre
{
	font-weight:	bold;
	font-size: 		18px;
	font-variant: 	small-caps;
}

#main .intro
{
	font-size: 	12px;
}

#main .texte
{
	padding:		0px 0px 10px 0px;
}

#main .auteur
{
	font-style: italic;
	text-align:	right;
}

#main .article td
{
	text-align: left;
}

#main .liste
{
	margin:		30px 5px 30px 5px;
	font-size: 	18px;
}

#main .courrier
{
	margin:		30px 5px 30px 20px;
	padding:	0px 0px 0px 10px;
	font-size: 	18px;
	list-style:	url('images/lettre.gif');
}

#main .petition
{
	margin:		30px 5px 30px 20px;
	padding:	0px 0px 0px 10px;
	font-size: 	18px;
	list-style:	url('images/feuille.gif');
}

#main .legende
{
	margin:		0px 10px 30px 10px;
	font-size: 	11.5px;
}
/*
// --------------------------------------------------------------------------------
*/