@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;}


h1#outils_drogues {
background:transparent url(images/logo_outils-drogue.jpg) no-repeat scroll 0 0;
height:65px;
width:200px;
}

h1#outils_drogues span { display:none;}


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

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

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:#eaa006; text-decoration: underline;font-weight:bold;}

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

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



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



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

body { background:#c1bfc0; 
		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_header_bibliodrogues.jpg) no-repeat; 
				width:214px;
				height:82px;
				float: left;
				margin: 3px 0 0 10px;  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:134px; 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;}

#header_right {float:left;}
#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:350px; margin:0 0 0 150px;}
#logos_partenaires h3 { border:none;}
.prespective{ width:73px; height:67px; float:left; background:url(images/logo_perspective_jeunesse_asbl.jpg) no-repeat;}
.nadja{width:59px; height:67px; float:left; background:url(images/logo_nadja.jpg) no-repeat; margin:0 50px;}
.infor{width:73px; height:67px; float:left; background:url(images/logo_infor_drogues.jpg) no-repeat;}							
							
/* NAVIGATION PRINCIPALE -------------------------------------------------------------------------------------------------------*/
#navigation {background:#ffad01; 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/btn_accueil.gif) no-repeat; width:88px; height:36px;}
.accueil a:hover { background:url(images/bnt_accueil_hover2.gif) no-repeat; width:88px; height:36px;}
.recherche a{ background:url(images/btn_recherche.gif) no-repeat; width:109px; height:36px;}
.recherche a:hover { background:url(images/btn_recherche_hover2.gif) no-repeat; width:109px; height:36px;}
#navigation_recherche .recherche a{ background:url(images/btn_recherche_hover2.gif) no-repeat; width:109px; height:36px;}
.outils a{ background:url(images/btn_outils.gif) no-repeat; width:70px; height:36px;}
.outils a:hover,#navigation_outils .outils a{ background:url(images/btn_outils_hover2.gif) no-repeat; width:70px; height:36px;}
.liens_utiles a{ background:url(images/bnt_liens.gif) no-repeat; width:122px; height:36px;}
.liens_utiles a:hover,#navigation_liens .liens_utiles a{ background:url(images/bnt_liens_hover2.gif) no-repeat; width:122px; height:36px;}
.contacts a{ background:url(images/btn_contact.gif) no-repeat; width:104px; height:36px;}
.contacts a:hover { background:url(images/btn_contact_hover2.gif) no-repeat; width:104px; height:36px;}
#navigation_contact .contacts a{ background:url(images/btn_contact_hover2.gif) no-repeat; width:104px; height:36px;}



/* COLONNE GAUCHE --------------------------------------------------------------------------------------------------------------*/

#colonne_gauche { width:253px; float:left;
					margin: 0 27px 0 0;
					padding:45px 0 25px 40px;
					}
#colonne_gauche p { text-align:justify;}
					
#colonne_gauche img {border: solid 1px #ffad01;
				padding: 2px;}

				
#contenu_gauche h4 { margin:2px 0 5px 8px;}

	
				

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

#contenu { width:580px;float:left; padding:45px 38px 35px 10px; 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;}
#btn_outils { background:url(images/btn_site_outil.jpg) no-repeat; width:127px; 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;min-height: 370px;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_center {float:left;width:371px; min-height: 395px;}
#recherche_col_center p{text-align:left; margin:0 15px; color:#9a9b9c;}
#recherche_col_center ul{color:#9a9b9c;margin:15px 0 0 0;}
#recherche_col_center ul li{ list-style:none;margin:2px 15px 5px 15px;}
#recherche_col_left li ul li { margin-left:70px; list-style-image:url(images/puce_simple.gif);}
#recherche_col_left a.ensavoirplus {color:#EAA006;font-weight:bold;text-decoration:underline; text-align:center; padding:0 0 0 25px;}
#recherche_col_left  #focus_livre { border:1px solid #cacaca; padding:0 8px 8px 8px; margin:0 0 0 0 /*13px*/;}
#recherche_col_left #focus_livre  ul li {margin:2px 0 5px 25px;}
#recherche_col_left  #focus_livre a{ display:block;}
#recherche_col_left  #focus_livre a img{ display:block; margin:0 10px 5px 0;}
#recherche_col_left  #focus_livre div { float:left;}
#recherche_col_right { width:225px;float:left; border-left: 1px solid #ffac00; padding:0 0 0 10px; min-height: 395px;}
#recherche_col_center2 {margin:-35px 0 15px 0;}
#recherche_col_right h2{ margin:5px 0 10px 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:30px 0 30px 30px;}
.recherche_cols_right,.recherche_cols_left{ width:185px; float:left; text-align:center; text-transform:none;}
#contenu_recherche h2{ color:#A6002F;}
#recherche_col_center .recherche_cols_left { border-right:1px solid #FFAC00;/* height:175px;*/min-height: 395px;}
#recherche_col_center2 a.retour_recherche { display:block; background:url(images/btn_retour_recherche.jpg) no-repeat; width:103px; height:54px; margin:0 auto;}
#recherche_col_center2 a.retour_recherche span { display:none;}

/* 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:#eaa006; 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:#A6002F; 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;}
				
/*CONTACT ----------------------------------------------------------------------------------------------------------------------*/

#contact a{color:#eaa006; text-decoration: underline; font-weight:bold;}
#contact_pj { width:270px; margin:0 10px 0 0; float:left; height:225px;}
#contact_pj h2{background: url(images/logo_pj_petit.gif) no-repeat; padding: 25px 0 0 55px; height:25px; text-align:left;}
#contact_id { width:270px;float:left; height:275px;}
#contact_id h2 { background:url(images/logo_id_petit.gif) no-repeat 0 -8px; padding:30px 0 0 55px; height:28px; margin:0;}
#contact_nadja { width:270px; margin:50px 10px 0 0; float:left; height:270px;}
#contact_nadja h2 { background:url(images/logo_nadja_petit.gif) no-repeat; height:21px; padding: 25px 0 0 55px;}
#contact_fedico{ width:270px;float:left; height:270px; margin:55px 0 0 0;}
#contact_fedico h2 { background:url(images/logo_fedico_petit.gif) no-repeat; height: 21px; padding:18px 0 0 100px;}

#contact  ul.liens li { margin:0 0 0 45px;}
#contact  ul.liens li a { color:#9a9b9c;
				text-decoration:none;}
	
ul.liens li {list-style-image:url(images/puce_link_white.gif);}	
				
				


/*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 #9a9b9c;}

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:#9a9b9c;
			color:#FFF;
			width:55px;}
			
/* FOOTER ----------------------------------------------------------------------------------------------------------------------*/
		
#footer {
		background:url(images/footer.jpg) no-repeat;
		margin: 0 auto;
		width:932px;
		height:43px;
		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:310px;}
#foot_center{float:left;width:310px; text-align:center;}


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