/* ================================================================================ */
/* = Site = */
	
	html {
		font-family: 'Verdana';
		background: #A0C101 url(/global/medias/bgBody.gif) repeat-x 0 0
		}

/* ================================================================================ */
/* = commun = */
	.break {clear:both}
	.hidden {display: none}
	
/* ================================================================================ */
/* = Structure = */
	#page {
		position: relative;
		width: 980px;
		z-index: 1;
		margin: 0 auto;
		background: #fff url(/global/medias/bgPage.gif) repeat-y ;
		}
	#page, #header, 
	#contenu, #footer {width: 980px}
		
	#header {
		height: 290px;
		background: transparent url(/global/medias/bandeau.jpg) no-repeat 0 21px;
		}
	#colA, #colB, #colC {float: left}
	#colA {
		width: 215px; 
		background-color:#fff;
		padding: 0;
		}
	#colB {
		width: 495px; 
		padding: 1em 25px 0 0;
		}
	body.animalContent #colB {
		min-height: 410px;
		}
	body#generique #colB {
		width: 419px;
		padding: 1em 25px 1em 75px;
		background: transparent url(/global/medias/formPageColB.gif) no-repeat 0 10px;
		}
	#colC {
		position: relative;
		z-index: 1000;
		width: 245px; 
		margin: -75px 0 0 0;
		/*margin: -75px 0 0 0*/
		}
	
	body#generique #colC {width: 246px}
	
	#footer {
		border-top: 1px #D1001A solid;
		background-color:#A0C101;
		}
	
/* ================================================================================ */
/* = Header = */
	a.logo img {
		position: absolute;
		z-index: 1000;
		width: 150px; height: 65px; 
		top:21px; left: 0;
		}

	/*= navHaute */
	#header ul#navHaute {
		height: 19px;
		width: 800px;
		padding: 2px 0 0 5px;
		background-color:#fff;
		}
	#header ul#navHaute li,
	#header ul#navHaute li a {color:#C30018}
	#header ul#navHaute li {
		float: left;
		height: 15px;
		padding: 0 10px 0 12px;
		background: transparent url(/global/medias/itemLiRed.gif) no-repeat 0 4px;
		}
	#header ul#navHaute li a {
		text-decoration: none;
		font-size: 85%
		}
	
	/*= recherche ---------------------------------------- */
	#header #rechercheMode {
		position: absolute;
		text-align: right;
		z-index: 1000;
		width: 200px; 
		top:0; right: 215px;	
		}
	#header #rechercheMode input {
		font-size: 85%;
		color:#D1001A;
		padding: 1px;
		border: 1px #D1001A solid;
		}
	#header #rechercheMode button {
		border: 0;
		text-indent: -10em;
		width: 22px; height: 20px;
		background: transparent url(/global/medias/btRechTop.gif) no-repeat 0 0;
		}
	
	
	/*= Zone d’identification pour les élevuers ---------------------------------------- */
	#identifiEleveurs {
		position: absolute;
		right: 0; top:0;
		width: 245px; height: 216px;
		background: transparent url(/global/medias/bgEspaceTopTransition.jpg) no-repeat 0 21px;
		}
	#identifiEleveurs h2 {
		width: 245px; height: 21px;
		text-indent: -100em;
		background: transparent url(/global/medias/h2EleveurSans.gif) no-repeat 0 0;
		/*background: transparent url(/global/medias/h2Eleveurs.gif) no-repeat 0 0;*/
		}
	#identifiEleveurs form {
		width: 125px;
		padding: 50px 0 0 25px;
		}
	#identifiEleveurs form p {}
	#identifiEleveurs form p label {
		display: block; width: 100px;
		font-size: 85%; color: #D1001A;
		font-weight: bold;
		}
	#identifiEleveurs form p input {
		font-size: 85%; color: #fff;
		width: 120px; border:0;
		padding: 0.3em;
		background-color: #D1001A;
		}
	#identifiEleveurs button.ok {
		border:0; margin: 10px 0 0 0;
		float: right;
		width: 27px; height: 27px;
		text-indent: -10em;
		background: transparent url(/global/medias/buttonOk.gif) no-repeat 0 0;
		}

/* ================================================================================ */
/* = Gestion du Menu des produits TVR = */
	#navProd {
		background: #fff url(/global/medias/bgPage.gif) repeat-y}
	#navProd h2 {
		text-indent: -100em;
		width: 215px; height: 49px;
		background: transparent url(/global/medias/h1ProdColA.gif) no-repeat 0 0;
		}

	#navProd ul li a.prod01,
	#navProd ul li a.prod02,
	#navProd ul li a.prod03,
	#navProd ul li a.prod04 {
		display: block;
		color:#D1001A; font-size: 108%;
		font-weight: bold;
		text-decoration: none;
		padding: 10px 0 0 40px;
		width: 175px; height: 34px;
		}
	#navProd ul li a.prod01 {
		background: transparent url(/global/medias/navProd01.gif) no-repeat 0 0}
	#navProd ul li a.prod02 {
		background: transparent url(/global/medias/navProd02.gif) no-repeat 0 0}
	#navProd ul li a.prod03 {
		background: transparent url(/global/medias/navProd03.gif) no-repeat 0 0}
	#navProd ul li a.prod04 {
		background: transparent url(/global/medias/navProd04.gif) no-repeat 0 0}
	
	/*= niv2 ---------------------------------------- */
	#navProd ul ul.niv2 {
		width: 175px;
		margin: 5px 10px 0 30px;
		background-color:#F8DEE3
		}
	#navProd ul ul.niv2 li {
		border: 1px #F8DEE3 solid;
		background: transparent url(/global/medias/itemLiRed.gif) no-repeat 2px 4px;
		}
	#navProd ul ul.niv2 li a {
		display: block;
		padding: 0 0 0 1.2em;
		color:#D1001A;
		text-decoration: none;
		font-size: 100%;
		}
	#navProd ul ul.niv2 li a:hover {
		color:#000;
		background-color:#F0B2A9;
		background: transparent url(/global/medias/itemLiBlack.gif) no-repeat 2px 4px;
		}

	#navProd ul ul.niv2 li a.currentPage {
		color:#000;
		background-color:#F0B2A9;
		background: transparent url(/global/medias/itemLiBlack.gif) no-repeat 2px 4px;
		}		
		

/* ================================================================================ */
/* = Home colB= */
	body#home .rubrique {
		padding: 0 0 1em 75px;
		background: transparent url(/global/medias/formRub.gif) no-repeat 0 0;
		}
	body#home .rubrique h2 {
		text-indent: -100em;
		width: 175px; height: 25px;
		margin: 0 0 0 15px;
		}
	body#home .rubrique h2.h2Presente {
		background: transparent url(/global/medias/h2Presente.gif) no-repeat 0 0}
	body#home .rubrique h2.h2Vente {
		background: transparent url(/global/medias/h2Vente.gif) no-repeat 0 0}
	body#home .rubrique h2.h2Savoir {
		background: transparent url(/global/medias/h2Savoir.gif) no-repeat 0 0}
	body#home .rubrique h2.h2Bio {
		background: transparent url(/global/medias/h2Bio.gif) no-repeat 0 0}

	body#home .rubrique .content {
		width: 410px; 
		margin: 0;
		}
	body#home .rubrique .content h3 {
		color:#D1001A;
		font-size: 93%;
		font-weight: bold;
		padding: 0 0 0.5em 0;
		}
	body#home .rubrique .content img {
		float: left;
		padding: 0 1em 0.2em 0;
		}
	body#home .rubrique .content p,
	body#home .rubrique .content a {font-size: 85%}
	body#home .rubrique .content p {line-height: 150%;}
	body#home .rubrique .content p a {font-size: 100%}
	body#home .rubrique .content a {
		margin: 1em 0 0 0;
		display: block;
		text-decoration: none;
		color:#1F8A35;
		text-align: right;
		}
	
/* ================================================================================ */
/* = Contenu colA / Pages génériques = */
	
	/*= menu coorporate  ---------------------------------------- */
	#navCoorpo {
		width: 209px;
		border-left: 5px #D1001A solid;
		border-right: 1px #D1001A solid;
		padding: 1em 0 1em 0;
		}
	#navCoorpo li {
		border-bottom: 1px #fff solid;
		}
	#navCoorpo li a {
		display: block;
		text-indent: -1000em;
		width: 209px; height: 31px;
		}
	#navCoorpo li a.navCoorpo01 {
		background: transparent url(/global/medias/navCoorpo01.gif) no-repeat 0 0}
	#navCoorpo li a.navCoorpo02 {
		background: transparent url(/global/medias/navCoorpo02.gif) no-repeat 0 0}
	#navCoorpo li a.navCoorpo03 {
		background: transparent url(/global/medias/navCoorpo03.gif) no-repeat 0 0}
	#navCoorpo li a.navCoorpo04 {
		background: transparent url(/global/medias/navCoorpo04.gif) no-repeat 0 0}
	#navCoorpo li a:hover {background-position: -209px 0;}
	
	
	/* adresses */
	#address {
		width: 189px;
		padding: 2em 10px 0 10px;
		border-left: 5px #D1001A solid;
		border-right: 1px #D1001A solid;
		}
	#address p {
		display: block;
		font-size: 85%;
		padding: 0 0 0.5em 12px;
		background: transparent url(/global/medias/itemLiBlack.gif) no-repeat 0 3px;	
		}
	#address p span {display: block;}
	#address p span.libele {color:#D1001A;}	
	
/* ================================================================================ */
/* = Contenu colB / Pages génériques = */
	#colB h2 {
		font-size: 108%;
		padding: 0 50px 0.5em 15px;
		font-weight: bold;
		background: transparent url(/global/medias/circleItem.gif) no-repeat 0 3px;
		}
	#colB h3, #colB a {color:#D1001A}
	#colB h3 {
		padding: 0.5em 0 0 0;
		font-size: 100%;
		font-weight: bold;
		}
	#colB p {
		font-size: 85%; line-height: 150%;
		padding: 1em 0 1em 0;
		}
	#colB .back {float:right;}
	
	#colB ul {margin:0;}
	#colB ul li {
		font-size: 85%;
		color:#000;
		font-weight: bold;
		list-style-type: disc;
		list-style-position: inside;
		}
	#colB ul li a {}

	
	#colB table .legende strong {
		font-weight: bold!important;
	}
	
	#colB table .legende {
		font-size: 90%;
	}
	
	#colB table {
		width:400px!important;
	}
	
	#colB table tr td {
		padding: 0 15px 0 0;
		margin: 0;
		width:20px;
	}
	
	#colB table img {
		height:90px;
		width:130px;
		padding: 10px 0 0 0 ;
	}
	
	#colB p img {
		margin: 0 0 0 10px;
	}
		
	#colB #newsContent td, #colB #newsContent tr, 
	#colB .extendedNews .long_title {
		width:100%;
	}
/*= silhouettes / MAP / ROL ---------------------------------------- */
	.silhouette {
		position: absolute;
		top:290px; left: 215px;
		z-index: 1000;
		width: 510px;
		background-image: #fff;
		}
		
	.silhouette p img {
		margin: 0 0 0 0 !important;
		}

	
/* ================================================================================ */
/* pages de prestation : 23-02-2009 */
	#prestations {}
	.presta {
		/*float: left;*/ 
		padding: 0 0 0.5em 0; 
		clear: both;
		border-top: 1px #EC959E dotted;
		}
	.presta img {
		float: left;
		margin: 0.5em 5px 1em 0;
		}
	.presta h3 {
		padding:0; margin:0;
		}
	.presta p {
		padding:0!important;
		margin:0;
		}
	.presta a.more {
		display: block;
		text-align: right;
		font-size: 85%;
		}
	#prestaDetail p {
		display: block;
		clear: both;
		}
	#prestaDetail p img {padding: 0 1em 0 0;}
	
/* ================================================================================ */
/* = Contenu colC / Pages génériques = */
	#menuC {width: 240px;}
	#menuC li {}
	#menuC li a {
		display: block;
		text-indent: -1000em;
		width: 240px; height: 34px;
		}
	#menuC li a.menC01 {
		background: transparent url(/global/medias/menuC01.gif) no-repeat 0 0;}
	#menuC li a.menC02 {
		background: transparent url(/global/medias/menuC02.gif) no-repeat 0 0;}
	#menuC li a.menC03 {
		background: transparent url(/global/medias/menuC03.gif) no-repeat 0 0;}
	#menuC li a.menC04 {
		background: transparent url(/global/medias/menuC04.gif) no-repeat 0 0;}
	
	#menuC li a:hover {background-position: -241px 0;}
	
	/*= temoignages ---------------------------------------- */
	#temoignages {
		margin: 1em 0 0 0;
		width: 210px;
		background: transparent url(/global/medias/bgTemoignage.gif) repeat-y 0 0;
		}
	#temoignages img {
		float: left;
		display: block;
		margin: 0 0.5em 0.5em 0;
		}
	#temoignages h2 {
		text-indent: -100em;
		width: 210px; height: 30px;
		background: transparent url(/global/medias/H2Temoignage.gif) no-repeat 0 0;
		}	
	#temoignages h3 {
		padding: 0 0.5em 0 0.5em;
		padding: 0.5em;
		font-size: 85%;
		font-weight: bold;
		color:#C30018;
		}
	#temoignages p {
		padding: 0 0.5em 0 0.5em;
		font-size: 85%;
		}
	#temoignages a.more {
		display: block;
		text-align: right;
		padding: 0 15px 0 0;
		font-size: 85%;
		text-decoration: none;
		color:#C30018;
		width: 195px; height: 30px;
		background: transparent url(/global/medias/moreTemoignage.gif) no-repeat 0 0;
		}
	
/* ================================================================================ */
/* = Contenu colC = */
	#colC .contentColC {
		width: 240px;
		background: transparent url(/global/medias/formBlocColC.gif) no-repeat top left;
		}
	#colC .contentColC h2 {
		text-indent: -100em;
		margin: 0 0 0 75px;
		width: 150px; height: 25px;
		}
	#colC .contentColC h2.h2Actu {
		background: transparent url(/global/medias/h2Actu.gif) no-repeat 0 0}
	#colC .contentColC h2.h2Conso {
		background: transparent url(/global/medias/h2Conso.gif) no-repeat 0 0}
	#colC .contentColC h2.h2Part {
		background: transparent url(/global/medias/h2Part.gif) no-repeat 0 0}

	#colC .content {
		width: 200px;
		margin: 1em 0 0 0;
		padding: 0 0 1em 25px;
		}
	#colC .content img {
		float: left;
		padding: 0 0.5em 0.2em 0;
		}
	#colC .content h3 {
		color:#D1001A;
		font-size: 93%;
		font-weight: bold;
		padding: 0 0 0.5em 0!important;
		}
	#colC .content p {font-size: 85%}
	#colC .content p a {font-size: 93%}
	#colC .content a {
		display: block;
		font-size: 85%;
		color:#0D791E;
		text-align: right;
		text-decoration: none;
		}
	
/* ================================================================================ */
/* = footer = */
	#footer li, #footer li a {color:#fff;}
	#footer li {
		float: right;
		padding: 0 1em 0 1em;
		background: transparent url(/global/medias/itemLiWhite.gif) no-repeat 0 4px;
		}
	#footer li a {
		text-decoration: none;
		font-size: 85%;
		}