/* CSS Document */



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.clear{clear:both;}

.error{
	display:block;
	background-color:#DE1B1B;
	color:#fff;
	padding:5px;
	margin:2px;
	text-align:center
}


.done{
	display:block;
	background-color:#509F00;
	color:#fff;
	padding:5px;
	margin:2px;
	text-align:center
}


/*
	ACCUEIL	
*/
html{	background:url(images/intro_bottom.jpg) no-repeat bottom left;}
body#accueil{
	padding:0;	
	margin:0;
	height:100%;

	
}
#accueil_main{
	background:url(images/intro_bg.jpg) no-repeat top left;
	height:554px;
	padding-top:30px;
	padding-left:60px;		
}	
#accueil_container{
	width:778px;
	height:524px;	
	background:url(images/intro_bg2.jpg) no-repeat top center;
	position:relative;
}

#accueil_version{
	position:absolute;
	width:193px;
	height:78px;	
	top:0px;
	left:449px;

}
#accueil_version span{display:none}
#accueil_version a.english{
	display:block;
	float:left;
	width:94px;
	height:78px;
	background:url(images/version_r1_c1.jpg) no-repeat top center;
}
#accueil_version a.english:hover{
	background:url(images/version_hover_r1_c1.jpg) no-repeat top center;

}

#accueil_version a.french{
	display:block;
	float:left;
	width:94px;
	height:78px;
	background:url(images/version_r1_c2.jpg) no-repeat top center;
}

#accueil_version a.french:hover{
	background:url(images/version_hover_r1_c2.jpg) no-repeat top center;
}

.accueil_menu{
	position:absolute;
	width:188px;
	height:182px;	
	top:165px;
	left:27px;
	
}
.accueil_menu a{
	display:block;
	width:188px;
	height:25px;
}
.accueil_menu a span{display:none}
	
#accueil_menu a.produit{
	background:url(images/menu_r1_c1.jpg) no-repeat top center;
}
#accueil_menu a.produit:hover{
	background:url(images/menu_hover_r1_c1.jpg) no-repeat top center;
}
#accueil_menu a.elevage{
	background:url(images/menu_r2_c1.jpg) no-repeat top center;
}
#accueil_menu a.elevage:hover{
	background:url(images/menu_hover_r2_c1.jpg) no-repeat top center;
}
#accueil_menu a.affinage{
	background:url(images/menu_r3_c1.jpg) no-repeat top center;
}
#accueil_menu a.affinage:hover{
	background:url(images/menu_hover_r3_c1.jpg) no-repeat top center;
}
#accueil_menu a.expedition{
	background:url(images/menu_r4_c1.jpg) no-repeat top center;
}
#accueil_menu a.expedition:hover{
	background:url(images/menu_hover_r4_c1.jpg) no-repeat top center;
}
#accueil_menu a.actualite{
	background:url(images/menu_r5_c1.jpg) no-repeat top center;
}
#accueil_menu a.actualite:hover{
	background:url(images/menu_hover_r5_c1.jpg) no-repeat top center;
}
#accueil_menu a.action{
	background:url(images/menu_r6_c1.jpg) no-repeat top center;
}
#accueil_menu a.action:hover{
	background:url(images/menu_hover_r6_c1.jpg) no-repeat top center;
}
#accueil_menu a.contact{
	background:url(images/menu_r7_c1.jpg) no-repeat top center;
}
#accueil_menu a.contact:hover{
	background:url(images/menu_hover_r7_c1.jpg) no-repeat top center;
}

/* accueil english*/

#accueil_menu_en a.produit{
	background:url(images/menu_english_r1_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.produit:hover{
	background:url(images/menu_english_hover_r1_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.elevage{
	background:url(images/menu_english_r2_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.elevage:hover{
	background:url(images/menu_english_hover_r2_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.affinage{
	background:url(images/menu_english_r3_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.affinage:hover{
	background:url(images/menu_english_hover_r3_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.expedition{
	background:url(images/menu_english_r4_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.expedition:hover{
	background:url(images/menu_english_hover_r4_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.actualite{
	background:url(images/menu_english_r5_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.actualite:hover{
	background:url(images/menu_hover_r5_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.action{
	background:url(images/menu_english_r6_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.action:hover{
	background:url(images/menu_english_hover_r6_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.contact{
	background:url(images/menu_english_r7_c1.jpg) no-repeat top center;
}
#accueil_menu_en a.contact:hover{
	background:url(images/menu_english_hover_r7_c1.jpg) no-repeat top center;
}

#accueil_slogan{
	position:absolute;
	width:224px;
	height:83px;	
	top:373px;
	left:391px;
	background-color:#FFFF66;
	background:url(images/intro_titre.png) no-repeat top center;
	
}

#accueil_bas{	
	width:781px;
	height:103px;
	color:#8c8c8c;
	font-size:10px;
}

#accueil_bas .adresse{	
	float:left;
	padding-left:50px
}
#accueil_bas .realisation{	
	float:right;
}


/*
	TEMPLATE
*/




input,textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #335DA9	;
	padding:2px;
}

/*------------------
   Formulaire
--------------------*/
.form{
	clear:both;
	padding:5px 0px;
	margin:0 15px;
}
.form th{
	font-family: Verdana, sans-serif;
	font-size:12px;
	text-align:left;
	padding:5px 0;
	color:#CC6600;
	width:25%;
}
.form td{	
	font:13px Verdana, Helvetica, sans-serif; 
	padding:3px;	
}
.form img{vertical-align:middle}
.form ul{}
.form li{}
.form ul a{
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
}
.form ul a:hover{
	color:#991717;
	text-decoration:none;
}

.form textarea{

}


body#layout{
	padding:0;
	margin:0;
	height:100%;

}

.main{
	background:url(images/layout_bg.jpg) no-repeat top left;	
	padding-top:55px;
	padding-left:90px;		
}

.container{
	width:830px;

	background:url(images/layout.jpg) no-repeat top center;
	position:relative;
	padding-top:100px
}
.header span{display:none}
.header a{
	margin-top:-100px;
	margin-left:30px;
	display:block;
	position:absolute;
	float:left;
	width:120px;height:120px;
}
.menu{
	float:left;	
	padding-top:50px;
	padding-left:24px;


}
.menu ul{
	list-style:none;
	padding:0;
	margin:0;
	width:160px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
.menu li{
	background: url(images/menu_filet.png) no-repeat bottom left;
	position:relative;
	_float:left;
	_width:100%;	
}

*+html .menu li{
	float:left;
	width:100%;
}
*+html .menu li li{
	width:180px;
	white-space:normal;
}
*+html .menu ul ul{

}
*+html .menu li li a{
	
}

.menu li.recherche{
	background: none;
}
.menu ul ul{
	position:absolute;
	left:160px;
	top:-10px;
	border:1px solid #96959A;
	border-left:0px;
	float:left;
	background-color:#f4f4f4;
	width:auto;
}
.menu li li{
	background: #fff none;
	white-space:nowrap;
	position:static;
	z-index:1000;
	display:block;

	_float:left;	
}
.menu li li a{
	_width:100%;
	letter-spacing:0em;	
}
.menu a{
	color:#96959A;
	display:block;
	padding:10px 10px;
	text-decoration:none;
	letter-spacing:.1em;
}
.menu a:hover{
	color:#6994D8;
}
.menu a.on,
.menu a.on:hover{
	color:#335DA9;
	background: url(images/menu_actif.png) no-repeat left center;	
}

.menu form.search{
	padding:5px 2px;
}
.menu form.search input.keywords{
	border:1px solid #96959A;
	padding:3px;
}
.menu form.search input.keywords:hover,
.menu form.search input.keywords:focus{
	background-color:#f4f4f4;

}
.menu form.search input.submit{
	border:1px solid #335DA9;
	margin-left:2px;
	background-color:#335DA9;
	color:#fff;
}


/*------------------
   sommaire
--------------------*/
.sommaire{
	display:none;
	float:right;
	text-align:right;
	margin:65px -15px 35px 10px;;
	_margin:65px 0 35px 10px;
}

.sommaire h6{
	padding:5px;
	margin:0;
	font-size:14px;
}
.sommaire ul{
	list-style:none;
	padding:0;
	margin:0;
	font-size:11px;
}
.sommaire a{
	color: #A4B829;
	text-decoration:none;
}
.sommaire a:hover{
	color:#7B8B1F
}
.sommaire a.on{

	color:#CC6600;
}

/*------------------
   Contenu
--------------------*/
#page{

	_height:1%
}
.content{
	float:right;
	width:580px;
	padding:20px 10px 10px;
	margin-right:40px;
	_margin-right:20px;		

}

.content h1{
	position:absolute;
	margin-top:-50px;

	right:50px;
	padding:0px;	
	font-size:24px;
	color:#6994d8;
	font-family:"Trebuchet MS", Verdana, sans-serif;
}
.content h3{
	color:#cc6600;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:24px;
	padding:0px;	
	margin:0px;
}


.content .texte{
	padding:35px 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12.5px;
	line-height:1.4em;
	
}
.content .texte a{
	color: #6994D8;
}
.content .texte a:hover{
	color: #335DA9;
}
.content .texte img{
	margin:.5em;
}


.content input.envoyer{
	border:1px solid #335DA9;
	margin-left:2px;
	background-color:#335DA9;
	color:#fff;
	margin:.5em;
	font-weight:bold;
}

/*------------------
   OUTIL
--------------------*/
.content .outil{
	margin:5px 10px;
	padding:0;
	clear:both;
	float:right;
	position:relative;
}
.content .outil span{display:none;}
.content .outil li{ float:left; display:inline}
.content .outil a{
	display:block;
	float:left;
	width:22px; 
	height:22px;
	background-position:0px 22px;	
	background-color: transparent ;	
	margin:0 5px;
}
.content .outil a:hover{background-position:0px 0px;}

.content .outil a.print{	background-image:url(/images/picto/article/print.gif);}
.content .outil a.pdf{		background-image:url(/images/picto/article/pdf.gif);display:none }
.content .outil a.css_moins{background-image:url(/images/picto/article/css_moins.gif); display:none}
.content .outil a.css_plus{	background-image:url(/images/picto/article/css_plus.gif); display:none}
.content .outil a.mailto{	background-image:url(/images/picto/article/mailto.gif); display:none}
.content .outil li.bulle{	font-size:.8em;	color:#333;padding:5px;position:absolute;top:-22px;right:0px}

/*------------------
   Naviguation entre les rubriques
--------------------*/
.navig{
	margin:20px 0 0;
	padding:10px;
	clear:both;

}
.navig a{
	text-decoration:none;
	line-height:0.9em;
	padding:5px;
	font-size:12px;
	display:block;
	color:#335DA9;

}
.navig a:hover{
	-moz-opacity: 1;
	opacity: 1;
	text-decoration:underline;
	color:#CC6600;
}
.navig .left{text-align:left;float:left}
.navig .right{text-align:right;float:right}

/*------------------
   recherche
--------------------*/

.recherche div.item{padding:10px;}
.recherche a.link{font-weight:bold;color:#335EAA}
.recherche span.description{display:block;font-size:.9em;color:#444}
.recherche .no-item{display:block;font-weight:bold}

/*------------------
   Plan du site
--------------------*/
ul.plan{
	list-style:none;
	margin:0;
	padding:20px;
}
ul.plan a{
	text-decoration:none;
	color:#335DA9;
} 
ul.plan a:hover{
	color:#6994D8;
	text-decoration:underline;
}
ul.plan li{
	font-weight:bold;
	line-height:1.2em; 
	padding:3px;
}
ul.plan ul{
	list-style:none;
	margin:0;
	padding:10px 20px 5px;
}

ul.plan ul a{
	text-decoration:none;
	/*color:#7B8B1F;*/
	color:#CC6600;
}
ul.plan ul a:hover{
	/* color:#A4B829;*/
	color:#EEAA15;
}
ul.plan li li{
	font-weight:normal;
	padding:1px;  
}



/*------------------
   Pied de page
--------------------*/
.footer{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	padding-left:210px;
	padding-right:40px;
	height:40px;

}
.footer ul{
	padding:0px;	
	margin:0px;	
	list-style-type:none;
}
.footer li{	float:left;	display:inline;	}
.footer ul.links a{
	display:block;
	font-weight:normal;
	color:#7B8B1F;
	padding:3px 15px;
	text-decoration:none;
	white-space:nowrap
}
.footer ul.links a:hover{
	text-decoration:underline;
	color:#7B8B1F;
}


.footer ul.rss{	
	float:right;
}
.footer ul.rss a{
	display:block;
	width:28px;
	height:16px;	 
	background: url(/images/picto/rss.png) no-repeat center  !important; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/picto/rss.png', sizingMethod='scale');
	_behavior:url("/pngbehavior.htc");		
	cursor:pointer; 
}
.footer ul.rss span{display:none}

.copyright{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:781px;
	text-align:center;
	padding:100px 0 30px;
	color:#8c8c8c;
	height:84px;		

}
.copyright a{
	color:#333;
	
	

}