/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****

 */


html, body, #page, #top, #prelude, #wrapper, #footer,
#main, #content,
#sidebar, #blognav, #blogextra {
	margin : 0;
	padding : 0;
	}

/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	background-color: #FFFFFF;
	color: #525048;
	font-size: 13px;

	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Trebuchet MS, Verdana, sans-serif;

}


@font-face {
    font-family: DIN;
    src: ('http://www.deontologiejournalistique.be/font/dinrg.ttf') format('truetype');

}


h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}



a{
	color: #275968;
}

a:visited{
	color: #275968;
}

a:hover{
	color: #9B6E3F;
}

hr 
{
border-top: 1px solid #A4CADA;
border-bottom: 0;
border-left: 0;
border-right: 0;
}

/* Formulaires
-------------------------------------------------------- */


fieldset{
	border: none;
}

label{
	cursor: pointer;
		display: block;
	width: 100px;
		
}

.field
{
margin-bottom: 10px;
padding: 2px;
}

.field label{
	display: block;
	width: 50px;

}




#form
{
background: #F5F5F2;
padding: 10px;
}


#form input,textarea, select{
	border: 1px solid #A4CADA;
	float: right;
	margin-top: -20px;

}


#form textarea{
	width: 240px;
	font-size: 1em;
	font-family: Trebuchet MS, Verdana, sans-serif;
	margin-left: 240px;
	margin-bottom: 10px;
	
}

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

#search{
	background: #FFFFFF;
	color: inherit;
    padding-left: 30px;
	padding-top: 15px;
	width: 220px;
}


#search input,textarea{
	border: 1px solid #A4CADA;
	
}


#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

#rech
{
margin-top: 60px;
}

.rech-title{
font-family: DIN, sans-serif;
font-size: 16px;
line-height: 20px;
text-align: justify;
margin-bottom: 16px;
color: #275968;
text-transform: uppercase;
}

.rech-chapo{
font-family: Trebuchet MS, Verdana, sans-serif;
font-size: 13px;
line-height: 20px;
text-align: justify;
margin-bottom: 11px;
}

.error{
	padding-top: 60px;
}

#q{
    
	width: 175px;
	background: #fff;
}

.submit
{
margin-top: 6px;
}



/* La page
-------------------------------------------------------- */
#page{
	background-color: #FFFFFF;
	color: #000000;
	width: 980px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
 
#wrapper
{
position:relative;
margin:0 auto;
width: 980px;
padding: 0;

}
/* Header
-------------------------------------------------------- */

#top{
position: relative;
margin: 0;
height: 155px;
text-align: left;
padding: 0;
background: #FFFFFF url(http://www.deontologiejournalistique.be/images/header.jpg) no-repeat;
}

#langue
{

float: right;
margin-top: -80px;
padding: 0;
margin-left: 930px;
border: none;
position: absolute;
}


#langue li
{
width: 44px;
height: 27px;
text-align: center;
background: url(http://www.deontologiejournalistique.be/images/langue2.gif) no-repeat;
margin-bottom: 8px;
padding-top: 2px;
}

#langue li a

{
padding: 17px;
text-align: left;
margin: 0;
text-decoration: none;
font-weight: bold;
color: #787468;
text-transform: uppercase;
font-size: 10px;
}

#langue li a:hover
{
width: 44px;
height: 30px;
text-align: center;
padding-top: 4px; 
background: url(http://www.deontologiejournalistique.be/images/langue1.gif) no-repeat;
}


/* Navigation header
-------------------------------------------------------- */


#navtop {
position: relative;
border:none;
color: #896238;
font-family: DIN, sans-serif;
font-size:16px;
font-weight:bold;
list-style: none;
margin-left: 366px;
padding-bottom: 0;

}

#navtop a
{
display: block;
}
		
#navtop ul
{
background: transparent;
height:100px;
list-style: none;
margin:0;
padding:0;
}
	
#navtop li
{
float:left;
padding:0px;
margin-right: 5px;

}
#navtop li a
{
color:#525048;
display:block;
font-weight:bold;
line-height:30px;
margin:0px;
padding:0px;
text-align:left;
text-decoration:none;
padding-top: 13px;
background: #EBEAE4;
width: 114px;
text-align: left;
padding-left: 22px;
padding-bottom: 0px;
}





#navtop li ul, #topmenu1, #topmenu2{
float: left;
display:none;
height:auto;
padding:0px;
margin:0px;
border:none;
position:absolute;
z-index:4;
display:none;
background: #EBEAE4;
}

#topmenu1, #topmenu2{
display:block;
}

#h2navlist a {
display: block;
}

#navtop  li li {

display: list-item;
list-style-type: disc;
float:none;
margin-left: 20px;
font-family: Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
padding: 0;
background: #EBEAE4;
color: #A4CADA;
}
#navtop  li:hover li a{
background: #EBEAE4;
font-weight: normal;
padding-left: 2px;
padding-top: 0px;
padding-right: 0px;
width: 109px;
text-align:left;
}

#navtop  li ul a:link, #navtop  li ul a:visited{	
line-height: 21px;
font-size:12px;
font-weight:normal;
margin:0px;
background: #EBEAE4;
}

#navtop  li ul a:hover, #navtop  li ul li a:hover{
border:none;
color:#275968;
background: #EBEAE4;
margin: 0;
text-decoration: underline;
}

#navtop  p
{
clear:left;
}

#topmenu1 a:link, #topmenu1 a:visited, #topmenu2 a:link, #topmenu2 a:visited, 
{
background: #EBEAE4;
line-height: 21px;
font-weight: normal;
padding-left: 2px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0;
width: 109px;
text-align:left;
line-height: 10px;
}



/* Le contenu
-------------------------------------------------------- */


#main{
	background: #EBEAE4 url(http://www.deontologiejournalistique.be/images/content.jpg) no-repeat;
	float: left;
	width: 535px;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	min-height: 500px;
	
}

#content{
	

	text-align: justify;
	padding-left: 15px;
	padding-bottom: 35px;
	padding-right: 15px;
	font-family: Lucida Grande, sans-serif;
	color: #525048;
	margin: 0;
	height:auto;
	min-height: 500px;
}

.post-cat{
font-family: DIN, sans-serif;
font-weight: bold;
font-size: 14px;
color:#FFFFFF;
padding-left: 30px;
text-transform: uppercase;
margin-top: 10px;
	
}



.post-title{
    text-align: left;
	color: #275968;
	font-size: 20px;
	line-height: 20px;
	background: transparent;
	margin-bottom: 0;
	text-transform: uppercase;
	font-family: Trebuchet MS, Verdana, sans-serif;
	margin-top: 35px;
}

.post-title a{
	color: #275968;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	
}

.day-date{
  
    font-family: Trebuchet MS, Verdana, sans-serif;
	color: #9B6E3F;
	background: transparent;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 20px;
	

}

#content img
{
border: none;
text-decoration: none;
}

.post-chapo{
	text-align: justify;
	line-height: 22px;
	font-size: 14px;
	font-family: Trebuchet MS, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}


.post-content{
	text-align: justify;
	line-height: 22px;
	font-size: 14px;
	font-family: Trebuchet MS, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}

.post-content strong{
	font-size: 16px;
	font-family: Trebuchet MS, Verdana, sans-serif;
	color: #896238;

}

#content img
{
float: right;
padding-left: 30px;
margin-right: -15px;
border: none;
}



/* Le menu de gauche
-------------------------------------------------------- */
#menu{
	float: left;
	width: 220px;
    margin: 0;
	background-color: #9B6E3F;
	text-align: left;
	overflow: hidden;
	padding: 0;


}


#nav
{
	font-family: DIN, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color:#FFFFFF;
    line-height: 17px;
	margin-bottom: 40px;
	font-weight: bold;
	list-style-type: none;
	width: 180px;
	margin-left: 30px;
	margin-top: 20px;
}


#nav a:hover 
{
text-decoration: none;
}

#nav dt 
{
cursor: pointer;
text-align: left;
text-transform: uppercase;
color: #fff;
margin-bottom: 8px;

}
#nav dt a 
{
color: #fff;
text-decoration: none;
display: block;
padding-top:2px;
padding-bottom: 2px;
border: 0 none;
padding-left: 10px;
padding-right: 10px;
}
#nav dt a:hover
{
background: #896238;
}
#nav dd 
{
display: none;
color: #fff;
}
#nav li 
{

width: 172px;
FONT-SIZE: 12px; 
LINE-HEIGHT: 18px; 
margin-bottom: 10px;
TEXT-ALIGN: left;
font-family: Trebuchet MS, Verdana, sans-serif;
padding-left: 18px;
font-weight: normal;
}
#nav li a 
{
height: 18px;
display: block;
COLOR: #FFF; 
BORDER-BOTTOM: 0px; 
HEIGHT: 100%; 
TEXT-DECORATION: none;
background: #896238;
padding: 2px 2px 2px 6px;

}

#nav li a:hover
{
background: #A4CADA;
COLOR: #896238;
}

#snav5
{
padding-top: 6px;
}
 #snav5 li a
{
font-size: 11px;
background: none;
color: #ffffff;
padding: 0;
line-height: 10px;
height: 10px;
margin-left: 20px;
display: list-item;
list-style-type: disc;
text-decoration: none;

}


#snav5 li a:hover
{
font-size: 11px;
background: none;
color: #ffffff;
line-height: 10px;
height: 10px;
margin-left: 20px;
text-decoration: underline;
}


DL 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none
}
DT 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none
}
DD 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none;
}
UL 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none;
}
LI 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none;
}

#schema img

{
margin: 0;
padding: 0;
float: left;
margin-bottom: 45px;
}

/* Le menu de droite
-------------------------------------------------------- */

#sidebar2 {
	float: left;
	margin: 0;
	width: 220px;
	overflow: hidden;
	text-align: left;
	padding: 0;
}



#sidebar {
	float: left;
	margin: 0;
	width: 190px;
	overflow: hidden;
	background: #525048 url(http://www.deontologiejournalistique.be/images/sidebar.gif) no-repeat;
	color: #FFFFFF;
	text-align: left;
	padding: 15px;
}



.title{
font-family: DIN, sans-serif;
font-weight: bold;
font-size: 13px;
color:#FFFFFF;
text-transform: uppercase;
margin-top: -7px;
margin-left: 22px;
margin-bottom: 30px;
	
}
.chapo{
font-family: Trebuchet MS, Verdana, sans-serif;
font-size: 13px;
line-height: 20px;
text-align: justify;
margin-bottom: 25px;
}

#sidebar img
{
float: right;
padding: 0;
margin: 0;
border: none;
}



/* Les actus
-------------------------------------------------------- */
#sideactu {
	float: left;
	margin: 0;
	width: 190px;
	overflow: hidden;
	background: #FFFFFF;
	text-align: left;
	padding: 15px 0 0 32px;
}

#actu
{
font-size: 11px;
color: #787468;
line-height: 12px;
}

#actu a, #actu a active
{
font-size: 11px;
color: #787468;
line-height: 12px;
}

#actu a:hover
{
font-size: 11px;
color: #275968;
line-height: 12px;
}

#titreactu
{
font-size: 14px;
font-family: DIN, sans-serif;
text-transform: uppercase;
color: #275968;
font-weight: bold;
}

#actu2
{
font-size: 11px;
color: #787468;
line-height: 20px;

}





#titreactu2
{
font-family: DIN, sans-serif;
font-weight: bold;
font-size: 14px;
color:#FFFFFF;
padding-left: 30px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 30px;
}

#date
{
margin-top: 30px;
}

#footer
{
height: 45px;
background: #F5F5F2;
padding-top: 26px;
font-size: 10px;
color: #275968;
clear: left;
}


#footer a
{
text-decoration: none;
color: #275968;
}
#footer a:hover
{
text-decoration: underline;
color: #275968;
clear: both;
}