@charset "iso-8859-1";
/* stylebase VERSION 1.02 DU GABARIT DPC2 */
/* auteur: vm for ooneo */
/* Date de création: 20/12/2008 */
/* Update: 15/02/2009 */

/* FR
* Comme indiqué dans la page relative aux droits et licences
* (http://www.domainedechevetogne.be/fr/copyright.php), le design du site, 
* tous les éléments graphiques, y compris les feuilles de
* styles CSS, les images, logos et photos, restent la propriété 
* exclusive des auteurs respectifs conformément aux droits d'auteur.
* Toute réutilisation devra faire l'objet d'une demande préalable
* par email à info.chevetogne@province.namur.be.
*/

/*
table des couleurs:
brun foncé:		#654D35		fond
brun clair:		#996633		fond boutons menu horizontal
vert	:		#616B38		fond boutons menu horizontal
orange:			#CC6539		fonds éléments colonnes latérales
blanc cassé:	#FFFFCC		textes de contenu
jaune clair:	#FFFF99		titres, liens
brun terne:		#C8AB86		copyright photos
rouge:			#FF3333		séparateurs
*/

/* CSS GENERAL */
body {
width: 900px;
text-align: center;
margin: auto; 
margin-top: 20px; 
margin-bottom: 20px;
background-image: url("../images/templates/fond1.png");
}
a:active, a:focus {
cursor: auto;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:focus {
text-decoration: underline;
}
a:active {
}
/*
a.ext:after {
content: "[]";
font-size: 0.7em;
vertical-align: super;
}
*/
.extern {
font-size: 0.7em;
vertical-align: super;
}
acronym {
border-bottom: 1px dotted #FFFFCC;
}
acronym:hover {
cursor : help;
}
.spacer20 {
height: 20px;
}
.spacer50 {
height: 50px;
}
.spacer100 {
height: 100px;
}
.spacer200 {
height: 200px;
}
img {
border:0px;
}
.lettrine, h1, h2, h3, a {
color: #FFFF99;
text-decoration: none;
} 
.lettrine {
font: 1.6em Georgia, "Times New Roman", Times, serif;
letter-spacing: 2px;
}
h1 {
font: 1.8em Georgia, "Times New Roman", Times, serif;
line-height: 100%;
} 
h2 {
font: 1.5em Georgia, "Times New Roman", Times, serif;
line-height: 100%;
} 
h3 {
font: 1.1em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
font-variant: small-caps;
display: inline;
}
.tech {
font-variant: small-caps;
}
/* --------------------------- FIN DU CSS GENERAL */

/* CSS DE LA PAGE INDEX */
#zone2 {
width: 900px;
margin-top: 60px;
}
#slogan {
float: left;
width: 250px;
overflow: hidden;
padding-right: 20px;
font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #FFFF99;
text-align: left;
}
#mozaique {
margin-left: 265px;
text-align: indent;
}
.cadrage {
margin: 3px;
}
/* --------------------------- FIN DU CSS DE LA PAGE INDEX */

/* CSS DE LA ZONE ACTIVE */
#zone {
width: 900px;
background-color: #654D35;
}
/* --------------------------- FIN DU CSS DE LA ZONE ACTIVE */

/* CSS DE LA ZONE LOGOS */
#logo {
float: left;
width: 370px;
overflow: hidden;
padding-left: 1px;
height: 73px;
text-align: left;
}
#logonb1 {
float: left;
width: 0px;
height: 73px;
overflow: hidden;
padding-top: 2px;
text-align: left;
font: 0.8em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #000000;
text-indent: 80px;
line-height: 50%;
visibility: hidden;
}
.logodeco {
font-size: 3em;
color: #000000;
line-height: 100%;
}
#logonb2 {
float: left;
width: 0px;
height: 73px;
overflow: hidden;
padding-top: 2px;
text-align: center;
font: 0.9em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
font-variant: small-caps;
color: #000000;
line-height: 120%;
visibility: hidden;
}
/* --------------------------- FIN DU CSS DE LA ZONE LOGOS */

/* CSS DE L'ENTETE */
#top {
margin-left: 370px;
width: auto;
min-height: 73px;
padding: 0px;
padding: 5px 10px 5px;
font: 0.75em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
text-align: right;
line-height: 200%;
}
.separ {
font: 0.9em bold Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FF3333;
}
/* --------------------------- FIN DU CSS DE L'ENTETE */

/* CSS DE LA PHOTO PRINCIPALE */
#photo {
width: 900px;
}
#photo img {
width: 900px;
height: 200px;
border: 0px;
}
.indexphoto {
text-align: left;
color: #C8AB86;
font: 0.6em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
padding-left: 5px;
}
.copyrphoto {
text-align: right;
color: #C8AB86;
font: 0.6em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
padding-right: 5px;
}
/* --------------------------- FIN DU CSS DE LA PHOTO PRINCIPALE */

/* CSS DE LA BARRE DE MENU HORIZONTALE */
#menu_h {
width: 900px;
height: 25px;
text-align: center;
}
ul.menu_h {
list-style: none; 
margin: 0; 
padding: 5px 0px 5px;
border: none;
width: 100%;
}
li.bout_mh, li.bout_mh_vert {
float: left; 
font: 0.9em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
font-variant: small-caps;
text-align: center;
border-left: 2px solid #654D35;
border-right: 2px solid #654D35;
}
li.bout_mh {
background-color: #996633;
width: 122px;
}
li.bout_mh_vert {
background-color: #616B38;
width: 140px;
}
li.bout_mh div, li.bout_mh_vert div {
margin: 0;
padding: 2px 0px 2px 3px;
}
/* --------------------------- FIN DU CSS DE LA BARRE DE MENU HORIZONTALE */

/* CSS DE LA PISTE DE NAVIGATION */
/* --------------------------- FIN DU CSS DE LA PISTE DE NAVIGATION */

.colonnes {
width: 100%;
background-color:#654D35;
}

/* CSS DE LA COLONNE GAUCHE */
#left {
float: left;
width: 175px;
padding: 5px 5px 15px;
}
ul.col_l {
list-style: none; 
margin: 0; 
border: none;
width: 100%;
padding: 5px 0px 5px;
}
li.col_lb {
background-color: #CC6539;
margin: 0px;
border: 0px;
border-top: solid 2px #654D35;
padding: 3px 5px 3px;
font: 0.8em bold Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
text-align: right;
vertical-align: bottom;
}
.titreleft {
font: 1.4em bold Georgia, "Times New Roman", Times, serif;
color: #FFFF99;
text-align: left;
line-height: 85%;
}
#left p {
background-color: #CC6539;
margin: 0px;
border: 0px;
border-top: solid 2px #654D35;
padding: 3px 5px 3px;
font: 0.8em bold Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
text-align: left;
vertical-align: bottom;
}
/* --------------------------- FIN DU CSS DE LA COLONNE GAUCHE */

/* CSS DE LA COLONNE DROITE */
#right {
float: right;
width: 215px;
padding: 25px 5px 15px;
}
ul.col_r {
list-style: none; 
margin: 0; 
border: none;
width: 100%;
padding: 5px 0px 5px;
}
li.col_rillu {
margin: 0px;
border: 0px;
border-top: solid 2px #654D35;
padding: 0;
text-align: center;
vertical-align: bottom;
}
li.col_rb {
background-color: #CC6539;
margin: 0px;
border: 0px;
border-top: solid 2px #654D35;
padding: 3px 5px 10px;
font: 0.8em bold Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
text-align: left;
vertical-align: bottom;
}
.titreright {
font: 1.4em bold Georgia, "Times New Roman", Times, serif;
line-height: 100%;
color: #654D35;
text-align: left;
}
.titrenewsr {
font: 1.1em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
line-height: 100%;
color: #FFFF99;
text-align: left;
}
.titrenewsr a {
text-decoration: underline;
}
.titrenewsr a:hover, .titrenewsr a:focus {
text-decoration: none;
}
.datenewsr {
font: 0.8em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
font-variant: small-caps;
line-height: 100%;
color: #FFFF99;
text-align: left;
border-top: 1px #FFFF99 solid;
}
.miniature {
width: 70px;
height: 70px;
border:1px #FFFF99 solid;
margin: 1px 1px 1px 1px;
text-align: center;
vertical-align: middle;
} 
/* --------------------------- FIN DU CSS DE LA COLONNE DROITE */

/* CSS DU CORPS DE LA PAGE */
#main {
width: auto;
padding: 5px 25px 15px 30px;
text-align: left;
}
.troiscol {
margin-left: 175px;
margin-right: 215px;
}
.deuxcol {
margin-left: 175px;
}
#main p, #main div {
font: 0.8em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
text-align: justify;
line-height: 160%;
}
#main a {
text-decoration: underline;
color: #FFFFCC;
}
#main a:hover, #main a:focus {
text-decoration: none;
}
ul.niv1, ul.niv2, ul.niv3 {
font: 1em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
text-align: justify;
line-height: 160%;
list-style: none; 
border: none;
}
ul.niv1 {
margin: 0; 
}
ul.niv2 {
margin: 10px; 
}
ul.niv3 {
margin: 20px; 
}
ul.alinea {
font: 0.8em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
text-align: justify;
margin: 10px; 
border: none;
}
#main p.adroite {
text-align: right;
}
#main p.centre {
text-align: center;
}
#main p.agauche {
text-align: left;
}
/* --------------------------- FIN DU CSS DU CORPS DE LA PAGE */

#miseaniveau
{
clear:both;
}

/* CSS DU BAS DE PAGE */
#bas {
width: 900px;
height: 37px;
font: 0.7em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFFF;
}
.basg {
float: left;
width: 40%;
text-align: left;
color: #FFFFCC;
}
.basm {
float: left;
width: 20%;
text-align: center;
color: #FFFFCC;
}
.basd {
float: left;
width: 40%;
text-align: right;
color: #FFFFCC;
}
.colinta {
color: #FFFFCC;
}
/* --------------------------- FIN DU CSS DU BAS DE PAGE */

/* CSS DES FORMULAIRES */
.boxcomment {
width: 180px;
height: 100px;
text-align: left;
font: 0.9em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFF99;
border-style: solid;
border-color: #FFFFCC;
border-width: 1px;
background: transparent;
}
.boxright {
width: 180px;
height: 25px;
text-align: left;
font: 0.9em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFF99;
border-style: solid;
border-color: #FFFFCC;
border-width: 1px;
background: transparent;
}
.boxleft {
width: 150px;
height: 25px;
text-align: left;
font: 0.9em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFF99;
border-style: solid;
border-color: #FFFFCC;
border-width: 1px;
background: transparent;
}
.boxcheck {
width: 15px;
height: 15px;
border-style: solid;
border-color: #FFFFCC;
border-width: 1px;
background: transparent;
}
.boutons {
text-align: center;
}	
.boutonee {
width: 72px;
height: 25px;
text-align: center;
font: 0.9em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
border-style: solid;
border-color: #FFFFCC;
border-width: 1px;
background: transparent;
}
.formetiq {
text-align: left;
font: 0.9em Verdana, Geneva, Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #FFFFCC;
}
.e150pc {
min-height: 20px;
}
/* --------------------------- FIN DU CSS DES FORMULMAIRES */