/* Nouveau css */

a {
	color:#9f4e04;	
}       

p {
    margin-bottom:15px;
}

#animo{
	background:url(/images/website/anim_bck.jpg) repeat-y left top;
	width:356px;
}

#animo a{
	color:#FFFFFF;
	text-decoration:none;
}

#animo a:hover{
	text-decoration:none;
}

#animo p{
	padding:5px 5px 5px 17px;
}

a.plus_white,
a.plus{
	background:url(/images/website/pdf.gif) no-repeat left top;
	display:block;
	text-decoration:none;
	height:25px;
	padding:5px 0 0 30px;
	font-weight:bold;
	width:150px;
}

a.plus:hover,
a.plus_white:hover{
	text-decoration:underline;
}

a.plus_big{
	width:290px;
}

a.plus_white{
	color:#ffffff;
}

a.plus{
	color:#a15204;
}

body {
  margin:0px;
  background:url(/images/website/body_bg.jpg) center top repeat-y #141009;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

#caramel{
	background:url(/images/website/caramel.jpg) no-repeat left top;
	width:333px;
	height:180px;
	float:right;
}

#caramel div{
	width:170px;
	height:60px;
	margin:10px 3px 3px 3px;
	text-align:center;
}

#container{
	width:1036px;
	margin:0 auto 0 auto;
	background:#666666;
	height:300px;
}

.clear{
	clear:both;
}

#content{
	background:url(/images/website/content_bck.jpg) repeat-y left top;
	width:1036px;
	position:relative;
	padding-top:20px;
}

#content_brown{
	width:601px;
	background:url(/images/website/brown_bck.jpg) repeat-y left top;
	margin:0 0 10px 0;
	position:relative;
}

#content_brown a,
#content_white a{
	color:#9b5307;
	text-decoration:underline;
}

#content_brown a:hover,
#content_white a:hover{
	color:#9b5307;
	text-decoration:none;
}

#content_brown table{
	margin:0 0 0 10px;
}

#content_brown p{
	margin:5px 0 10px 0;
	text-align:justify;
}

#content_left{
	margin:0 0 0 32px;
	float:left;
}

*html #content_left{
	margin:0 0 0 16px;
}

/* Style texte défilant */
#conteneur_defil { 
	border:0px solid #CCCCCC;
	width:638px; 
	margin:0 auto;
	overflow:hidden;
	line-height:normal;
	position:absolute;
	bottom:45px;
	left:35px;
}

#cadre_defil {
	position:relative; 
	width:638px; 
	height:19px; 
	overflow:hidden;
}
	
#cadre_defil img{
	vertical-align: middle;
	border:0;
}

#defile { 
	position:absolute;
	width:638px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#defile a {
	color:#9b5307;
	text-decoration:underline;
}

#defile a:hover {
	color:#9b5307;
	text-decoration:none;
}
/* FIN Style texte défilant */

#content_right{
	margin:0 0 0 10px;
	float:left;
	width:360px;
}

#content_right div.brown a{
	color:#9b5307;
	text-decoration:underline;
}

#content_right div.brown a:hover{
	color:#9b5307;
	text-decoration:none;
}

#content_right p{
	/*margin:5px 0 10px 0;*/
}

#content_white{
	width:601px;
	background:url(/images/website/partenaire_bck.jpg) repeat-y left top;
	margin:0 0 10px 0;
	position:relative;
}

.error{
	border:solid 1px #990000;
	color:#990000;
}

.valid{
	border:solid 1px #006600;
	color:#006600;
}

#footer{
	background:url(/images/website/footer_bck.jpg) repeat-y left top;
	text-align:center;
}

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

#footer img{
	margin:15px 0 15px 0;
}

#footer a:hover{
	text-decoration:none;
}

#footer p.mention{
	font-size:10px;
}

h1{
	color:#9f4e04;
	font-size:18px;
	margin:0px;
	padding:0px;
	display:block;
	background:url(/images/website/brown_haut.jpg) no-repeat left top;
	width:581px;
	height:36px;
	padding:13px 0 0 20px;
}

h1 span{
	font-size:12px;
}

h2{
	color:#2a431a;
	font-size:18px;
	font-weight:bold;
	margin:10px 0 20px 0;
	padding:0px;
}

h3{
	color:#a15204;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 20px 0;
	padding:0px;
}

h4{
	color:#9f4e04;
	font-size:18px;
	margin:0px;
	padding:0px;
	display:block;
	background:url(/images/website/partenaire_haut.jpg) no-repeat left top;
	width:581px;
	height:36px;
	padding:13px 0 0 20px;
}

h5{
	color:#a15204;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#header{
	width:1036px;
	background:url(/images/website/head.jpg) no-repeat left top #473922;
	height:309px;
	position:relative;
}

#header_sp{
	width:1036px;
	height:173px;
	position:relative;
}

img {
	border:0;
	line-height:0;
    display:block;	
}

#content img {
    border:0;
    display:inline
}

.la{
	background:url(/images/website/head_lapin.jpg) no-repeat left top #473922;
}

.ch{
	background:url(/images/website/head_beagel.jpg) no-repeat left top #473922;
}

.lz{
	background:url(/images/website/head_lezard.jpg) no-repeat left top #473922;
}

.che{
	background:url(/images/website/head_cheval.jpg) no-repeat left top #473922;
}

.chat{
	background:url(/images/website/head_chat.jpg) no-repeat left top #473922;
}
.oiseau{
	background:url(/images/website/head_oiseau.jpg) no-repeat left top #473922;
}


#header a#langue,
#header_sp a#langue{
	display:block;
	position:absolute;
	top:25px;
	right:55px;
	color:#c8c5b3;
	text-decoration:underline;
}

#header a#langue:hover{
	text-decoration:none;
}

img{
	/*display:block;*/
}

.legende{
	font-style:italic;
	width:300px;
}

.leftbox {
	width:561px;
	background:url(/images/website/brown_bck.jpg) repeat-y left top;
	margin:0 0 10px 0;
	padding: 0 20px;
	position:relative;	
}

.leftbox .bottom {
	margin:20px -20px 0;	
}

#map{
	background:url(/images/website/google.jpg) no-repeat left top;
	width:207px;
	height:39px;
	font-size:14px;
	font-weight:bold;
	padding:20px 0 0 60px;
}

/**** styles menus... ****/

/* menu accueil */
#menu{
	position:absolute;
	left:35px;
	bottom:4px;
}

#menu a,
#menu_sp a{
	float:left;
	display:block;
	color:#9f4e04;
	font-weight:bold;
	text-decoration:none;
	height:28px;
	width:139px;
	padding:9px 0 0 0;
	text-align:center;
}

#menu #accueil{
	background:url(/images/website/bout_1.jpg) no-repeat left top;
}

#menu #accueil:hover{
	background:url(/images/website/bout_1_o.jpg) no-repeat left top;
}

#menu #exposants{
	background:url(/images/website/bout_2.jpg) no-repeat left top;
	width:138px;
}

#menu #exposants:hover{
	background:url(/images/website/bout_2_o.jpg) no-repeat left top;
	width:138px;
}

#menu #programmation{
	background:url(/images/website/bout_3.jpg) no-repeat left top;
}

#menu #programmation:hover{
	background:url(/images/website/bout_3_o.jpg) no-repeat left top;
}

#menu #galerie{
	background:url(/images/website/bout_4.jpg) no-repeat left top;
	width:138px;
}

#menu #galerie:hover{
	background:url(/images/website/bout_4_o.jpg) no-repeat left top;
}

#menu #info{
	background:url(/images/website/bout_5.jpg) no-repeat left top;
}

#menu #info:hover{
	background:url(/images/website/bout_5_o.jpg) no-repeat left top;
}

#menu #partenaires{
	background:url(/images/website/bout_6.jpg) no-repeat left top;
	width:138px;
}

#menu #partenaires:hover{
	background:url(/images/website/bout_6_o.jpg) no-repeat left top;
}

#menu #videos{
	background:url(/images/website/bout_7.jpg) no-repeat left top;
}

#menu #videos:hover{
	background:url(/images/website/bout_7_o.jpg) no-repeat left top;
}

/* menu sous-pages */
#menu_sp{
	position:absolute;
	left:32px;
	bottom:0px;
}

/* lapin, chien, lézard, cheval */
#menu_sp #accueil_1{
	background:url(/images/website/bout_1_l.jpg) no-repeat left top;
	width:139px;
}

#menu_sp #accueil_1:hover{
	background:url(/images/website/bout_1_l_o.jpg) no-repeat left top;
}

#menu_sp #exposants_1{
	background:url(/images/website/bout_2_l.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #exposants_1:hover{
	background:url(/images/website/bout_2_l_o.jpg) no-repeat left top;
}

#menu_sp #programmation_1{
	background:url(/images/website/bout_3_l.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #programmation_1:hover{
	background:url(/images/website/bout_3_l_o.jpg) no-repeat left top;
}

#menu_sp #galerie_1{
	background:url(/images/website/bout_4_l.jpg) no-repeat left top;
}

#menu_sp #galerie_1:hover{
	background:url(/images/website/bout_4_l_o.jpg) no-repeat left top;
}

#menu_sp #info_1{
	background:url(/images/website/bout_5_l.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #info_1:hover{
	background:url(/images/website/bout_5_l_o.jpg) no-repeat left top;
}

#menu_sp #partenaires_2{
	background:url(/images/website/bout_6_r.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #partenaires_2:hover{
	background:url(/images/website/bout_6_r_o.jpg) no-repeat left top;
}

#menu_sp #videos_2{
	background:url(/images/website/bout_7_r.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #videos_2:hover{
	background:url(/images/website/bout_7_r_o.jpg) no-repeat left top;
}

/* lapin */
#menu_sp #partenaires_la{
	background:url(/images/website/bout_6_la.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #partenaires_la:hover{
	background:url(/images/website/bout_6_la_o.jpg) no-repeat left top;
}

#menu_sp #videos_la{
	background:url(/images/website/bout_7_la.jpg) no-repeat left top;
	width:140px;
}

#menu_sp #videos_la:hover{
	background:url(/images/website/bout_7_la_o.jpg) no-repeat left top;
}

/* chien */
#menu_sp #partenaires_ch{
	background:url(/images/website/bout_6_ch.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #partenaires_ch:hover{
	background:url(/images/website/bout_6_ch_o.jpg) no-repeat left top;
}

#menu_sp #videos_ch{
	background:url(/images/website/bout_7_ch.jpg) no-repeat left top;
	width:140px;
}

#menu_sp #videos_ch:hover{
	background:url(/images/website/bout_7_ch_o.jpg) no-repeat left top;
}

/* lezard */
#menu_sp #accueil_lz{
	background:url(/images/website/bout_1_lz.jpg) no-repeat left top;
	width:139px;
}

#menu_sp #accueil_lz:hover{
	background:url(/images/website/bout_1_lz_o.jpg) no-repeat left top;
}

#menu_sp #exposants_lz{
	background:url(/images/website/bout_2_lz.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #exposants_lz:hover{
	background:url(/images/website/bout_2_lz_o.jpg) no-repeat left top;
}

/* cheval */
#menu_sp #accueil_che{
	background:url(/images/website/bout_1_che.jpg) no-repeat left top;
	width:139px;
}

#menu_sp #accueil_che:hover{
	background:url(/images/website/bout_1_che_o.jpg) no-repeat left top;
}

#menu_sp #exposants_che{
	background:url(/images/website/bout_2_che.jpg) no-repeat left top;
	width:138px;
}

#menu_sp #exposants_che:hover{
	background:url(/images/website/bout_2_che_o.jpg) no-repeat left top;
}

/**** fin style menus ****/

#partner{
	width:936px;
	background:url(/images/website/part_bck.jpg) repeat-y left top;
	text-align:center;
	padding:0 50px 0 50px;
}

#partner a,
#footer p.mention a,
.vote_lien{
	color:#9b5307;
	text-decoration:underline;
}

#partner a:hover,
#footer p.mention a:hover,
.vote_lien:hover{
	text-decoration:none;
}

#photo{
	background:#fbfaf6;
	width:356px;
	height:215px;
	position:relative;
}

#photo div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	background:#fbfaf6;
	width:356px;
	height:215px;
}

span.bck{
	background:#fbfaf6;
	width:356px;
	display:block;
	height:30px;
}

#photo div.active {
    z-index:10;
}

#photo div.last-active {
    z-index:9;
}

#photo2{
	background:#fbfaf6;
	width:356px;
	height:215px;
	position:relative;
}

#photo2 div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	background:#fbfaf6;
	width:356px;
	height:215px;
}

#photo2 div.active {
    z-index:10;
}

#photo2 div.last-active {
    z-index:9;
}

#photo_gagnante{
	width:300px;
	background:#000000;
	text-align:center;
	overflow:hidden;
}

p{
	margin:0px;
	padding:0px 0 15px 0;
}

#quiz{
	width:208px;
	background:url(/images/website/quiz_bck.jpg) repeat-y left top;
	float:left;
	margin:0 0 0 20px;
}

#quizcontent {
	margin:0 10px 0 22px;
	height:85px;
	overflow:auto;
}

.rightbox {
	background:url(/images/website/anim_bck.jpg) repeat-y left top;
	padding:20px 20px 0 20px;
	width:316px;	
	color:#FFF;
}

.rightbox a {
	color:#FFF;	
}

.rightbox .bottom {
	margin:20px -20px 0 -20px;	
}

.sep{
	/*color:#666666;*/
	border:solid 1px #e2dec7;
}

.txt_white{
	color:#FFFFFF;
	font-size:12px;
}

.txt_white_big{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}

#video{
	width:319px;
	background:url(/images/website/video_bck.jpg) repeat-y left top;
	float:left;
	position:relative;
	margin:0 0 10px 25px;
}

*html #video{
	margin:0 0 10px 12px;
}

#video p{
	margin:10px 10px 10px 22px;
}

#video a.videolink{
	z-index:100;
	position:absolute;
	left:48px;
	bottom:54px;
	border:none;
	width:216px;
	height:39px;
	display:block;
	background:url(/images/website/video_link.jpg) no-repeat left top;
}

.vote{
	background:#ffffff;
}

