/*-----------------------------------------------------------
--- IMPORT
-----------------------------------------------------------*/

@import url(reset.css);
@import url(typo.css);

/*-----------------------------------------------------------
--- BASICS
-----------------------------------------------------------*/
html,body {
	background: #fff url(../images/bg.gif) top left repeat-x;
}

#wrapper {
	background: transparent url(../images/bg-lda53-2012.jpg) top center no-repeat;
}

#page {
	background-color: #fff;
	margin: 0 auto;
	width: 940px;
	z-index:999;
}


#header {
	margin: 0 auto;
	width: 940px;
	height: 160px;
}

#content-home {
	float: left;
	width: 733px;
}
#content {
	float: left;
	width: 675px;
	position:relative;
}


#sidebar {
	float: right;
	width: 225px;	
	padding:20px;
}


.home #sidebar {
	float: right;
	width: 205px;
	padding:20px 0 0 0;
	background:none;
}

.home #sidebar h3{
	color:#81BADB;
	font-size:17px;
}

#footer {
	margin: 10px auto;
	width: 940px;
	height: 32px;
	background-color: #E3EBF0;
}

a {text-decoration:none;}

#sidebar {background-color: #87C4F0;}
.sante_animale #sidebar{background-color: #c72569;}
.hydrologie #sidebar{background-color: #60AED2;}
.agronomie #sidebar{background-color: #A2C613;}
.alimentation #sidebar{background-color: #E5B103;}

/*-----------------------------------------------------------
--- HEADER
-----------------------------------------------------------*/

#header {
	position: relative;
}

#header h1 a {
	position: absolute;
	top: 65px;
	right: 70px;
	text-indent: -9999px;
	display: block;
	background: transparent url(../images/blank.gif) top left no-repeat;
	width: 390px;
	height: 70px;
}

/*-----------------------------------------------------------
--- MENU
-----------------------------------------------------------*/

#menucontainer {
	margin: 0 auto;
	position: relative;
	height: 45px;
	width: 940px;
	font-family: Arial,sans-serif;
	z-index:9999;
}

ul#menu {
	height: 45px;
	font-size: 12px;
	font-weight: bold;
	background: #fff url(../images/menu.gif) repeat-x bottom left;
	padding: 0 0 0 10px;
	position: relative;
	list-style-type: none;
}

ul#menu li {
	float:left;
	margin: 8px 2px 0 2px;
}

ul#menu li a {
	display: block;
	color: #EAF3F8;
	text-decoration: none;
	padding: 0 0px 0 10px;
	line-height: 16px;
}


ul#menu li a span {
	display: block;
	padding: 10px 10px 10px 0;
}

#menu li.on a,
#menu li.on a:hover,
ul#menu li a:hover {
	color: #143D55;
	background: transparent url(../images/bg_menu_left.gif) no-repeat 0 0;
}

#menu li.on a span,
ul#menu li a:hover span {
	cursor: pointer;
	background: transparent url(../images/bg_menu_right.gif) no-repeat right 0;
}

ul#menu li.on ul a,
ul#menu li.on ul a:hover{
	background:none;
}


ul#menu #maison a {
	display:block;
	width:35px;
	height:35px;
	background: transparent url(../images/home.png) no-repeat 0 0;
	text-indent:-9999px;
}

ul#menu ul {
	list-style:none;
	position:absolute;
	height:25px;
	width:938px;
	background:#E2EBF0;
	left:-9999px;
	top:43px;
	z-index:9999!important;
	border-left: 1px solid #102532;
	border-bottom: 1px solid #102532;
	border-right: 1px solid #455459;
	border-top: none;
	padding-bottom:1px;
}

ul#menu ul.right li {
	float:left;
	margin:0;
}
ul#menu ul li a {
	color:#143D55;
	padding:5px 10px;
	line-height:16px;
	font-weight:bold; 
	font-size:11px;
}

ul#menu ul li a:hover {
	background:none;
	color: #1C5B81;
}

ul#menu :hover ul ,
ul#menu .on ul {left:0;z-index:9999;}

#menucontainer {
	color: #E0E0E0;
	background: #E2EBF0;
}

ul#menu ul li a			{border-right:1px solid #ccc;}
ul#menu ul li a:hover {background:#CBD7DC!important;color: #143D55;}

ul#menu ul li a.on,
ul#menu ul li a.on:hover {background:#CBD7DC!important;color: #143D55;}

/*-----------------------------------------------------------
--- HOMEPAGE
-----------------------------------------------------------*/

/*-----------------------------------------------------------
--- NAVIGATION-HOME
-----------------------------------------------------------*/

#navigation {
	width: 700px;
	height: 205px;
	margin: 30px 0 0 20px;
}

.kwicks {
	position: relative;
}

.kwicks li {
	float: left;
	width: 170px;
	height: 205px;
	overflow: hidden;
}

.kwicks li h2 a {
	background: transparent url(../images/blank.gif) top left no-repeat;
	display: block;
	text-indent: -9999px;
	width: 488px;
	height: 205px;
	margin-left: 5px;
}

.kwicks li p {
	position: absolute;
	top: 20px;
	left: 200px;
	width: 235px;
}

.kwicks li#kwick2 p {
	position: absolute;
	top: 30px;
	left: 200px;
	width: 235px;
}

#kwick1 {background: transparent url(../images/bg_menu_santeanimale2.jpg) top left no-repeat;}

#kwick2 {background: transparent url(../images/bg_menu_alimentation2.jpg) top left no-repeat;}

#kwick3 {background: transparent url(../images/bg_menu_hydrologie2.jpg) top left no-repeat;}

#kwick4 {background: transparent url(../images/bg_menu_agronomie2.jpg) top left no-repeat;}






/*-----------------------------------------------------------
--- PRESENTATION-HOME
-----------------------------------------------------------*/
#bottom{
	clear:both;
	padding:20px 0;
	overflow:hidden;
}

#bottom h2{
	font-size:1.4em;
	margin-bottom:.5em;
}

#bottom h2 a,
#bottom h2 {color: #11598F;}

#bottom h3 a {color: #333;}



#presentation {
	padding: 0 20px;	
	float: left;
	width: 290px;
	display: inline;
	text-align: justify;
}

#presentation .item1 img{
	float:left;
	padding:0 10px 10px 0;
}

#presentation .item2 #cofrac{
/*	float:right;*/
	padding:0 0 10px 10px;
}


#presentation .item1{
	clear:left;
}

#presentation .item2{
	margin-top:20px;
	clear:left;
}

/*#presentation h3 {
	margin-bottom: 10px;
}

#presentation .le-lda img {
	float: left;
	width: 84px;
}

#presentation .le-lda p {
	float: right;
	width: 290px;
	margin-top: 5px;
	display: inline;
}

#presentation .demarche-qualite {
	clear: both;
}

#presentation .demarche-qualite h3 {
	margin-top: 40px;
	float: left;
	width: 195px;
	display: inline;
}

#presentation .demarche-qualite p {
	margin: 10px 0 15px 0;
}

#presentation .demarche-qualite a img {
	margin-top: 10px;
	float: right;
	width: 135px;
	display: inline;
}


#presentation h3 {
	text-transform: uppercase;
	font-size: 1.15em;
	color: #335371;
}

#presentation h3 a {
	color: #335371;
}

#presentation h3 span {color: #F18323;}

#presentation .le-lda p {font-size: 0.9em;}

#presentation .demarche-qualite p strong {color: #F18323;}

#presentation .demarche-qualite p {font-size: 0.9em;}*/

/*-----------------------------------------------------------
--- ACTUALITES-HOME
-----------------------------------------------------------*/

#actualites {
	padding: 0 20px;
	float: left;
	width: 345px;
	display: inline;
}

.actu{
	margin-bottom:1em;
}

/*
.actu-inner {
	padding: 10px;
	border-right: 2px solid #E6E8E9;
	border-left: 2px solid #E6E8E9;
	border-bottom: 2px solid #E6E8E9;
}

#actualites h3 {
	background: transparent url(../images/bg_titre_actu.gif) 0px 0px no-repeat;
	width: 275px;
	height: 26px;
	padding: 13px 0 0 15px;
}

#actualites h4 {
	margin-bottom: 3px;
	padding-left: 13px;
}

#actualites p {
	padding: 7px 0 7px 13px;
}

#actualites p.suite {
	padding: 0 0 10px 13px;
}

#actualites h3 {
	text-transform: uppercase;
	font-size: 1.15em;
	color: #335371;
}

#actualites h4 {background: transparent url(../images/puce_actu.gif) 0px 4px no-repeat;}
#actualites h4 a {color: #1A78B6;}

#actualites p {font-size: 0.9em;}

#actualites span a {
	display: block;
	color: #EB6766;
	font-size: 0.85em;
	text-decoration: underline;
	margin: 0 0 15px 10px;
}

/*-----------------------------------------------------------
--- SIDEBAR-HOME
-----------------------------------------------------------*/
/*
.services-home h3 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #335371;
}

p.espace-client-home a {
	background: transparent url(../images/btn_espaceclients_green.gif) 0 0 no-repeat;
	color: #476664;
	font-weight: bold;
}
p.espace-client-home a:hover {background: transparent url(../images/btn_espaceclients_green.gif) 0 -29px no-repeat;}

p.btn-services-home a,
p.btn-services a {
	background: transparent url(../images/btn_services.gif) 0 0 no-repeat;
	color: #fff;
	font-size: 0.985em;
	font-weight: bold;
}
p.btn-services-home a:hover,
p.btn-services a:hover {background: transparent url(../images/btn_services.gif) 0 -23px no-repeat;}

p.btn-services-home a span,
p.btn-services a span {font-weight: normal;}
*/

#coordonnees {
/*	margin: 30px 0 5px 0;*/
	padding: 0 20px;
	float: left;
	width: 185px;
	display: inline;
}
/*
.coordonnees h3 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #335371;
}

p.lda-adress {
	font-size: 0.88em;
	font-weight: bold;
	color: #326DA4;
}

.coordonnees p {
	font-size: 0.88em;
	color: #326DA4;
	line-height: 1.35em;
}

.coordonnees a {
	color: #326DA4;
	text-decoration: underline;
}
.coordonnees a:hover {color: #26547F;}


/*-----------------------------------------------------------
--- PAGES
-----------------------------------------------------------*/

/*-----------------------------------------------------------
--- ENTETES-PAGES
-----------------------------------------------------------*/

#entete {
	width: 675px;
	height: 184px;
	position:relative;
}

#entete h1 {position:absolute;width:160px;bottom:60px;left:30px;color: #fff; font-weight: bold;text-transform: uppercase;font-size: 1.7em; text-align: left;}

#entete {background:transparent url("../images/entete_presentationlda.jpg") no-repeat 0 0;}
.sante_animale #entete {background:transparent url(../images/entete_sante.jpg) no-repeat 0 0;}
.hydrologie #entete {background:transparent url(../images/entete_hydrologie.jpg) no-repeat 0 0;}
.agronomie #entete {background:transparent url(../images/entete_agronomie.jpg) no-repeat 0 0;}
.alimentation #entete {background:transparent url(../images/entete_bacteriologie.jpg) no-repeat 0 0;}
.qualite #entete {background:transparent url(../images/entete_qualite.jpg) no-repeat 0 0;}

/*.presentationlda #entete{background:transparent url(../images/entete_presentationlda.jpg) no-repeat 0 0;}*/


/*-----------------------------------------------------------
--- SIDEBAR-PAGES
-----------------------------------------------------------*/


#sidebar h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
	margin:20px 0 10px 0;
}

#sidebar .services {
	width:187px;
}

p.espace-client a {
	display: block;
	width: 146px;
	height: 16px;
	padding: 6px 0 7px 40px;
}

p.espace-client a {
	background: transparent url(../images/btn_espaceclients_grey.gif) 0 0 no-repeat;
	color: #2E69A0;
	font-weight: bold;
}
p.espace-client a:hover {background: transparent url(../images/btn_espaceclients_grey.gif) 0 -29px no-repeat;}

p.btn-services {
	margin: 7px 0 0 0;
}

p.btn-services a {
/*	background: transparent url(../images/btn_services.gif) 0 0 no-repeat;*/
	
background: #d2a7fd; /* Old browsers */
/*background: -moz-linear-gradient(top, #d2a7fd 0%, #be80fc 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2a7fd), color-stop(100%,#be80fc)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #d2a7fd 0%,#be80fc 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #d2a7fd 0%,#be80fc 100%); /* Opera11.10+ */
/*background: -ms-linear-gradient(top, #d2a7fd 0%,#be80fc 100%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2a7fd', endColorstr='#be80fc',GradientType=0 ); /* IE6-9 */
/*background: linear-gradient(top, #d2a7fd 0%,#be80fc 100%); /* W3C */

border: 1px solid #fff;
	
	display: block;
/*	width: 186px;*/
	height: 16px;	
	padding: 4px 0 6px 0;
	text-align: center;
	color: #fff;
	font-size: 0.985em;
	font-weight: bold;
}

#demande a{
	background:#d2a7fd url("../images/page_white_text.png") no-repeat 1px 5px;
	padding-left:16px;
/*	width:170px;*/
}

.contact {
	font-size: 1.2em;
}

.contact p {color: #fff;margin-bottom:.5em;}

.contact a {color: #fff;}
.contact a:hover {border-bottom: 1px solid #fff;}



#actu-sidebar {
	border-right: 1px solid #70A2C8;
	border-bottom: 1px solid #70A2C8;
}

#actu-sidebar {
	background-color: #fff;
	width: 195px;
	margin-top:5px;
	padding: 12px 14px;
}

.sante_animale #actu-sidebar{
	border-right: 1px solid #A91D58;
	border-bottom: 1px solid #A91D58;
}
.hydrologie #actu-sidebar{
	border-right: 1px solid #4E91B0;
	border-bottom: 1px solid #4E91B0;
}
.agronomie #actu-sidebar{
	border-right: 1px solid #8EAD11;
	border-bottom: 1px solid #8EAD11;
}
.alimentation #actu-sidebar{
	border-right: 1px solid #CFAB0B;
	border-bottom: 1px solid #CFAB0B;
}

#actu-sidebar p {font-size: 0.9em;}



/*-----------------------------------------------------------
--- CONTENT-PAGES
-----------------------------------------------------------*/

.contenu {
	margin: 10px 30px 30px 30px;
	width: 585px;
}

h1	{line-height:1.5em;}

h3 {color: #79B0D7;}

.sante_animale h3,
.sante_animale #actu-sidebar a {color: #DC3B7E;}
.hydrologie h3,
.hydrologie #actu-sidebar a {color: #60AED4;}
.agronomie h3,
.agronomie #actu-sidebar a {color: #A3C614;}
.alimentation h3,
.alimentation #actu-sidebar a {color: #E5B105;}


/*-----------------------------------------------------------
--- PLAN DU SITE
-----------------------------------------------------------*/

#content .plansite, .plansite ul {
	list-style-type: none;
	margin: 0;
	font-size: 1em;
}

#content .plansite li {
	list-style-type: none;
}

#content .plansite li a {
	padding-left: 0.5em;
	text-decoration: none;
	border: none;
}

.plansite li strong {font-size: 105%;}

/*-----------------------------------------------------------
--- FOOTER
-----------------------------------------------------------*/

#footer ul li {
	font-size: 0.85em;
	color: #7A7775;
}

#footer ul li a {
	color: #7A7775;
}

#footer ul {
	padding: 6px 0 0 50px;
}

#footer ul li {
	margin-right: 12px;
	display: inline; 
}

/*-----------------------------------------------------------
--- OTHERS
-----------------------------------------------------------*/

.clear {clear: both;}

/* Firefox image outline fix */
a:focus, a:hover, a:active {
	outline: none;
}