@charset "UTF-8";
/* CSS Document */

/* REGLES GENERALES -------------------------------------------------------------------------------------------------------*/
* { margin:0;
	padding:0;
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	 }
	 
.displaynone {display:none;}

.clear {clear:both;}


h2{font-size:13px;
	margin:5px 0 10px 0;
	color:#405056;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;	
					}	
					
h3 { border-bottom: 2px solid #ef3026; padding:0 0 5px 0; font-size:13px; margin:0 0 3px 0;}
					
	 

	 
h4 { margin:4px 0 8px 0; font-size:11px;}
	
a { text-decoration:none; color:#79878e;}
a:hover { cursor:pointer;}
a img { text-decoration:none;}

ul { margin:10px 0 15px 0;}

li { list-style-image:url(../images/puce_li.gif);
	margin: 2px 0 5px 35px;
	text-align:left;
	}


ul li a {color:#FFAD01; text-decoration: underline;font-weight:bold;}
ul li a:hover {color:#9f9f9f; text-decoration: underline;font-weight:bold;}

ul.liens li a { color:#A7A9AC;
				text-decoration:none;}



	
p { margin: 0 0 20px 0; line-height:15px;}



.texte_gris{color:#383838; font-weight:bold;}



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

body { background:#DADADA; 
		text-align: center;
	}
		
#conteneur_principal { background: #FFF;
						margin: 40px auto 0 auto;
						width:950px;
						text-align:left;
						font-size:11px;
						}
						
						
/* EN TETE --------------------------------------------------------------------------------------------------------------------*/						


#en_tete { background:url(../images/top_header.jpg) #fff no-repeat left top; 
			width:950px;
			height:100px; }

#en_tete h1{background: url(../images/logo_outilsdrogue.gif) no-repeat; 
				width:214px;
				height:82px;
				float: left;
				margin: 6px 0 0 12px;  float:left;}

#en_tete h1 span {display:none;}

#en_tete a#contact_entete { color:#FFF;
							position: relative;
							left: 820px;
							top:-35px;
							font-size: 10px;
							padding: 0 0 3px 5px;
							}
							
#header_tagline { width:190px; float:left; margin:10px 0 0 70px;}
#header_tagline h2 { background:url(../images/tagline.gif) no-repeat; width:134px; height:15px; margin:0; padding:0;}
#header_tagline p { color:#7d7d7d; padding:0 0 0 2px; margin:0;}

#header_right {float:left;width:170px;}
#link_header{margin:0 0 15px 0; text-align:right; width:520px;}
/*#link_header a { background:url(../images/link_header.jpg) no-repeat; padding:0 0 0 24px; color:#FFF; font-weight:bold;}*/
#link_header span { background:url(../images/link_header.jpg) no-repeat; padding:0 0 0 24px; color:#FFF; font-weight:bold;}
#logos_partenaires{ width:152px; padding:30px 0 0 0; margin:0 0 0 290px;}
#logos_partenaires h3 { border:none;}
#logos_partenaires h3.fedito { background:url(../images/logo_fedito_header.gif) no-repeat; width:152px; height:56px;}
						
							
/* NAVIGATION PRINCIPALE -------------------------------------------------------------------------------------------------------*/
#navigation {background:#FFbb00; height:36px; padding: 0; width: 950px; float: left;}
*:first-child+html #navigation { margin:10px 0 0 0;}
#navigation ul li{ float: left;
				list-style-image:none;
				list-style-type:none;
				margin:0;	
				 }
#navigation ul li a{ float:left;}
#navigation ul {height:36px; margin:0;}				 
*:first-child+html #navigation ul {height:36px;}

#navigation a { color:#fff; 
				font-size:9px;
				display:block;}
				

.accueil a{ background:url(../images/bnt_accueil.gif) no-repeat; width:88px; height:36px;}
.accueil a:hover { background:url(../images/bnt_accueil_hover.gif) no-repeat; width:88px; height:36px;}


.catalogue a{ background:url(../images/bnt_catalogue.gif) no-repeat; width:117px; height:36px;}
.catalogue a:hover,#navigation_catalogue .catalogue a{ background:url(../images/bnt_catalogue_hover.gif) no-repeat; width:117px; height:36px;}
.liens_utiles a{ background:url(../images/bnt_liens.gif) no-repeat; width:124px; height:36px;}
.liens_utiles a:hover,#navigation_liens .liens_utiles a{ background:url(../images/bnt_liens_hover.gif) no-repeat; width:124px; height:36px;}
.contacts a{ background:url(../images/btn_contact.gif) no-repeat; width:131px; height:36px;}
.contacts a:hover { background:url(../images/btn_contact_hover.gif) no-repeat; width:131px; height:36px;}
#navigation_contact .contacts a{ background:url(../images/btn_contact_hover.gif) no-repeat; width:131px; height:36px;}



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

#colonne_droite_home { width:190px; float:left;
					margin: 0 20px 0 0;
					padding:45px 0 0 0;		
					}
					
					
.encart_biblio{ background:url(../images/header_biblio.gif) #f5f4f4 no-repeat; width:170px;  padding:20px 10px 5px 10px; margin:0 0 10px 0; }

.encart_outils { background:url(../images/header_outils.gif) #f5f4f4 no-repeat; width:170px;  padding:10px 10px 5px 10px; margin:0 0 10px 0; }
.encart_outils h1 {background:url(../images/logo_outilsdrogue_small.gif) no-repeat; width:138px; height:59px; margin:0 0 10px 15px;}
.encart_outils h1 span { display:none;}

.content_encart { background:url(../images/back_link.gif) no-repeat bottom; height:55px;}

.encart{ background:url(../images/bottom_contact.gif) #f5f4f4 no-repeat bottom; width:160px; padding:10px 20px 5px 10px; margin:0 0 20px 0; }

.encart ul li h5 { border:none; margin:0;color:#000; margin:0 0 5px 0;}
.encart ul li {margin:0 0 5px 20px; border-bottom:1px dotted #CCCCCC; padding:0 0 5px 0; color:#A7A9AC;}	
.encart .font_grey { color:#828080;}
.encart_biblio h1 { height:60px;}
.encart ul li.bornernone { border:none;}

/* COLONNE GAUCHE --------------------------------------------------------------------------------------------------------------*/
#colonne_gauche_home {width:225px; float:left;margin: 0 0 0 20px ;padding:45px 0 45px 0; }
#colonne_gauche { width:253px; float:left;
					margin: 0 27px 0 0;
					padding:45px 0 25px 40px;
					}
			
#colonne_gauche_home #img,#colonne_gauche #img {border: solid 1px #FFAD01;
				padding: 2px;}

				
#colonne_gauche_home h4,#colonne_gauche h4  { margin:2px 0 5px 8px;}

	
				

/* CONTENU------------------------------------------------------------------------------------------------------------*/

#contenu { width:580px;float:left; padding:45px 38px 35px 10px; text-align:justify;}
#contenu_home { width:420px;float:left; padding:45px 30px 35px 30px; text-align:justify;}
#contenu_recherche {width:860px; padding:45px 38px 35px 38px; }

#contenu  h1.logo_content {background: url(../images/logo_header_bibliodrogues.jpg) no-repeat; 
				width:214px;
				height:82px;
				float: left;
				margin: 0 20px 0 10px;  float:left;}

#btn_recherche { background:url(../images/btn_rechercher.jpg) no-repeat; width:105px; height:54px; display:block; margin:0 auto;}

.image_droite { display: block; 
				border: solid 1px #ffad01;
				padding: 5px;
				margin: 0 0 10px 15px;
				float: right;}
				
.image_gauche { display: block; 
				border: solid 1px #ffad01;
				padding: 5px;
				margin: 0 15px 10px 0 ;
				float: left;}
#recherche_col_left { width:240px; float:left; display:block; height:175px;border-right: 1px solid #ffac00; padding:0 10px 0 0;}
#recherche_col_left h4 {margin:14px 0pt 18px 0;}
#recherche_col_left p { margin:0 0 7px 0;}
#recherche_col_left img { margin:0 5px 5px -20px; text-align:justify;}
#recherche_col_center {float:left;width:371px;}
#recherche_col_right { width:225px;float:left; border-left: 1px solid #ffac00; padding:0 0 0 10px; margin:5px 0 15px 0;}
#recherche_col_right h2{ margin:0 0 10px 0;}
#recherche_col_right ul{ margin:15px 0 0 0;}
/*MULTIBOX*/
#MultiBoxContentContainer iframe {width:800px;}

iframe { margin:15px 0 15px 0;width:880px;}

.recherche_ancre { display:block;background:url(../images/picto_recherche.jpg) no-repeat;width:106px; height:127px; margin:10px 0 0 30px;}
.recherche_cols_right,.recherche_cols_left{ width:185px; float:left; text-align:center; text-transform:none;}
.recherche_cols_right h2,.recherche_cols_left h2{ color:#FFAD01;}
.recherche_cols_left { border-right:#ccc dotted 1px; height:175px;}

/* titre */
#contenu h1 {font-size: 12px;
			letter-spacing: 2px;
			padding:0 0 10px 0;
			margin: 0 0 15px 0;
							 }
					 
			 
							 
		 
							 
.petit { font-size:9px;
			font-weight:normal;}			

				
/* encart gris */

#fond_gris {background:#d2d3d5;
			min-height:76px;
			padding: 10px;
			margin:20px 0 0 0;
			font-size:9px;
			}
			
#fond_gris p { margin:0; }


#fond_gris a{ margin: 5px 0 0 150px; color:#0e6383;}

#fond_gris img { padding: 0; margin:0 0 0 15px;}

/* accordeon --------------------------------- */

/* telechargement */
.telechargement { float:left;
					font-weight:bold;
					text-align:center;
					width:100px;
					margin: 10px 15px 20px 5px;
					}


					
#accordion h4{ background: url(../images/en-savoir-plus.gif)no-repeat 500px 6px;
				border: 1px solid #00adef;
				width:590px;
				color:#474747;
				font-weight:normal;
				font-size:10px;
				margin: 10px 0 10px 0;
				padding: 6px 4px 6px 4px;}
				


#accordion p { margin-left: 125px;}
#accordion li{ margin-left: 170px;}

/* OUTILS --------------------------------- */
#contenu h2 a { color:#ffad00; width:80%; display:block; float:left; margin:10px 0 15px 0;}
#contenu h2 a.ancre_top { color:#6a6a6a; text-transform:none; font-family:Tahoma,Arial, Helvetica, sans-serif; background:url(../images/img_ancre.gif) no-repeat; padding:0 0 0 8px;float:left; width:18%; font-weight:normal; text-align:right;}			
#contenu h2{ position:relative;}

li h4 { color:#adaeab; margin:0;}

 h5{font-size:13px;
	margin:0 0 10px 0;
	border-bottom:#ccc dotted 1px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
					}	
					
#contenu h5 a { color:#A5B6BE; width:76.5%; display:block; float:left; margin:2px 0 15px 2px;}
#contenu h5 a.ancre_top { color:#6a6a6a; text-transform:none; font-family:Tahoma,Arial, Helvetica, sans-serif; background:url(../images/img_ancre.gif) no-repeat 3px 0 ; padding:0 8px 0 8px;float:left; width:19%; font-weight:normal; text-align:right; border-left: dotted 1px #ccc;border-right: dotted 1px #ccc;}			
#contenu h5{ position:relative; height:22px;}

ul.clear { margin:0 0 30px 0;}
				

				
				


/*FORMULAIRES*/

/*#submit { width:105px; height:54px; border:none; margin:25px auto 0 auto; display:block; background:none;}
#submit:hover { cursor:pointer;}
form { padding: 20px 20px 0 20px;		
		text-align:left;
		}*/

/*input,textarea {border: solid 1px #a7a9ac;}*/

/*input { width:100px; margin:0 15px 0 5px; height:15px; background:#e9e9e9; padding:0 2px;}*/


textarea {font-size:11px;
		color:#474747; 
		padding:2px;
		width:300px;
		margin:25px 0 0 0 ;}


#envoyer { margin: 10px 0 0 250px;
			background:#a7a9ac;
			color:#FFF;
			width:55px;}
			
/*CATALOGUE*/

#header_table td { border:#ccc solid 1px; padding:5px; height:20px; color:#fff; font-weight:bold; background:#9f9f9f;}

table { width:565px;}
.hide td{ color:#7D7D7D; padding:0; font-size:10px; text-align:left;}
.hide h5 { color:#000000;}
table ul { margin:0;}
table ul li { margin:0 0 0 25px;}
.hide .pdf { text-align:center; font-size:9px; width:100px;}
.hide table { border-bottom:2px solid #EF3026; padding:10px 0 10px 0; width:560px;}
.hide td.descript { width:350px;}
.hide td.descript{ padding:0pt 0pt 0pt 25px;}
.hide td.descript ul { margin:10px 0 0 15px;}
.hide td.descript ul li { margin:2px 0;}
.hide td { border:none; height:0px;}
table td { padding:0 5px; height:40px; border-bottom:#ccc dashed 1px;}
	
/* FOOTER ----------------------------------------------------------------------------------------------------------------------*/
		
#footer {
		background:url(../images/footer.jpg) no-repeat;
		margin: 0 auto;
		width:932px;
		height:31px;
		text-align:left;
		color:#fff;
		font-size:9px;
		padding: 12px 0 0 18px;}

#footer a { text-decoration:underline; color:#fff;}	
#foot_left{float:left; width:390px;}
#foot_center{float:left;width:340px;}
#foot_center p {float:left;}

#foot_right{float:left;width:200px;}
/*#footer a.fedito_footer { display:block; background:url(../images/fedito_footer.jpg) no-repeat; height:26px; width:80px; float:left; margin:0 0 0 10px;}*/

#signature { text-align:right; color:#929292;width:950px; font-size:10px; margin: 0 auto; padding: 5px 20px 3px 0;}

/*NICEFORM --------------------------------------------------------------*/
.niceform { padding:0;}
.niceform h2 { font-size:11px; text-transform:none; font-weight:bold; margin:5px 0pt 10px 3px;}

#contact_left { float:left; width:320px;}
#contact_right { float:left; margin:0 0 0 15px;}
#contact_right table { width:240px;}
#contact_right table td {
border-bottom:none;
height:auto;
padding:0 0;
}
label { width:50px;display:block; margin:10px 0 2px 0; color:#989898;}



/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(../images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
*:first-child+html .textinputHovered {background-position:left -23px ;}

.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}


/*Selects*/
.selectArea {
	width:100px;
	height:21px;
	background:url(../images/select_bg.png) repeat-x left top;
	margin:0 0 15px 0;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/select_left.png) no-repeat left top;
}
.selectArea .right {
	width:23px;
	height:21px;
	float:right;
	background:url(../images/select_right.png) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:100px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}
#recherche {width:240px; min-height:209px;padding:0 0 0 15px;}


/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	text-align:left;
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#9f9f9f;
	padding:1px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #a8a8a8;
}
.optionsDivVisible a:hover {
	color:#333f44;
	background:#FFAD01;
	border-color:#cbcbcb;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#9f9f9f;
	font-weight:bold;
	padding:2px;
	background:url(../images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {/*background-position:left bottom;*/color:#7c7c7c;}
.buttonImg {vertical-align:bottom;}

#submit { margin:15px 0 0 0; text-align:right; width:322px;}