/* CSS Document */

body {
	margin: 0;
	background-color:#36B336;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.8em;
	height:100%;
}

/* --- Liens --------- */
a {
color: #0a0;
text-decoration: none;
}

a:hover {
	color:#096;
	text-decoration: none;
}

/* --- Styles de base --------- */
p, li {
	color:#333;
}

h1, h2 {
	font-family: "Arial Black";
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #096;
}

h1 {
	font-size: 250%;
	line-height:100%;
	padding-top: 20px;
}

h2 {
	font-size: 200%;
}

h3 {
	font-size: 200%;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #0A0;
	font-style: italic;
	margin-bottom:15px;
}
h4 {
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
	color:#096;
	margin-top: 1em;
}
h5 {
	font-size:150%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #096;
	line-height:110%;
	font-style: italic;
	margin: 10px 0px;
}
h6 {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
	color:#096;
	margin-bottom:0.5em;
	margin-top: 1em;
}


/* --- Titre des pages de pub ----------*/
#ligne1 {
	font-size: 230%;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	color: #000;
	text-align: center;
	line-height: 2em;
}
#titre-pub {
	font: 440%/110% "Arial Black", Arial, Helvetica;
	text-align: center;
	color:#093;
	margin-bottom: 40px;
}

/* --- fond de page ----------- */
#fond {
	background: #36b336 url(../lepapier-images/bgd_container.gif) repeat-y left top; 
	width: 900px; 
	height:100%;
	margin: 0;
	text-align: left;
}

/* --- entete fixe ---------- */
#entete {
background:#88D6E5 url(../lepapier-images/ciel.gif) repeat-x left top;
position:absolute;
top:0;
left:0;
z-index:100;
width:885px;
height: 120px;
margin: 0;
}
/* hack IE6 pour rendre fixe l'entete */
@media screen
{
div#entete
{
position: fixed;
}
* html
    {
    overflow-y: hidden;
    }
* html body
    {
	overflow-y: auto;
	height: 100%;
	float: right;
    }
* html div#entete
    {
    position: absolute;
  }
}

/* --- Conteneur ---------- */
#conteneur {
	margin: 0px;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* --- Zone du contenu --------- */
#contenu {
	margin: 0 0 0 250px;
	width:600px;
}

#contenu p, #contenu ol, #contenu ul {
font-size: 100%;
line-height: 1.5em;
}
.imagedroite { float:right;}
.imagegauche{ float:left;}
.cadreagauche {
	float:left;
	margin-right: 15px;
}
.cadreadroite {
	float:right;
	margin-left: 15px;
}
.encadre {
	border: 1px solid #B8E6B8;
	padding: 10px;
	line-height: 1.5em;
	color: #000;
	background-color: #B8E6B8;
	clear: right;
}
.encadre p {color: #000}

/* --- texte en exposant --- */
.enexposant {
	font-size: 75%;
	vertical-align: 30%;
}

/* --- texte en index --- */
.renvoi {
	font-size:0.8em;
	line-height:0.5em;
}
/* --- menu raccourcis --- */
.raccourcis, .raccourcis-bas, .raccourcis a, .raccourcis-bas a {
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	line-height:normal;
	margin-top: 20px;
}
.raccourcis a, .chapitre a {
	font-weight:bold; 
	text-decoration:underline;
}
.raccourcis .chapitre {
	color: #F93;
}
.raccourcis-bas {
	clear:both;
}
.raccourcis-bas a { 
	font-weight:bold;
	text-decoration:underline;
}
.raccourcis-bas .chapitre {color:#f93;}

/* --- Pied de page ---------- */
#pied {
	clear: both;
	height:80px;
	background-color:#36b336;
	background:url(../lepapier-images/bgd_bottom.gif) no-repeat left top;
	font-size:90%;
	text-align:right;
/*	voice-family: "\"}\"";
	voice-family:inherit; */
}
#pied a {
	background: transparent url(../lepapier-images/small_bullet_yellow.gif) no-repeat 4px 50%;
	padding-left:12px;
	text-decoration: none;
	color:#fff;
}
.adroite {padding-right:15px;}
#pied a:hover {
	color:#9f0;
	line-height: normal;
}
#blanc {
width:100%;
height:55px;
}

/* --- Formulaire de recherche ---------- */
#formulrech {
	float:left;
	padding-top:20px;
	margin-left:13px;
	width:190px;
	font-size: 12px;
	line-height: normal;
}
.boutonrech{border-bottom: dotted #CC9 2px;
}
.boutonrech,
.boutonrech a {
	font-weight:bold;
	color:#FFF;
}
.boutonrech a:hover{
	color:#9F0;
	line-height: normal;
}

/* --- Menu de navigation vertical gauche ---------- */
#menugauche {
	float:left;
	width:180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:13px;
	text-align:left;
	z-index:1;
	clear: left;
}
#menugauche ul {
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style-type:none;
}
#menugauche a, #menugauche a:hover {
	display: block;
	padding: 3px 0px 3px 16px;
	width: 160px;
	color: #063;
	text-decoration: none;
	line-height:13px;
}

#navlist a:hover {
	color: #9F0;
}
#menugauche ul ul li {
	font-weight: normal;
	padding-left: 12px;
}
#menugauche ul ul a {
display: block;
color: #F7FFCC;
text-decoration: none; 
}

#encadre_id {
	float:left;
	width:160px;
	background-color: #F2E8B6;
	background-image: url(../lepapier-images/ampoule.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:left;
	z-index:1;
	clear: left;
	margin-top: 40px;
	margin-left: 10px;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.textencadre_id {
margin:0px;
padding:0px;
}
.grasencadre {
	color: #096;
	font-weight: bold;
}

/* --- Affichage date du jour ---------- */
#date {
	font-size:12px;
	color:#066;
	top:10px;
	left:670px;
	position:relative;
	text-align:right;
	width:200px;
}
/* --- Bannière entête ---------- */
#banniere {
	position:absolute;
	left: 0px;
	top: 0px;
}
/* --- Menu principal déroulant ---------- */
/* le conteneur du menu */
.ddm1 {
    font: 12px Arial, Helvetica, sans-serif;
	height:50px;
	padding:56px 0px 0px 15px;
	z-index:1;
}
/* pour les items du menu principal : image de fond */
.ddm1 .item1, .item1:hover, .item1-active, .item1-active:hover {
	width:150px;
	padding: 30px 0px 0px 0px;
	height:20px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	display: block;
	position: relative;
	color: #FFF;
	/* les onglets sont une image */
	background: transparent url(../lepapier-images/onglets.gif) no-repeat;
	margin:0 2px;
}
/* une couleur pour chaque item (onglet) */
.ddm1 .item1_1 {
	background-position: 0 0;
}
.ddm1 .item1_2 {
	background-position: -160px 0;
}
.ddm1 .item1_3 {
	background-position: -320px 0;
}
.ddm1 .item1_4 {
	background-position: -480px 0;
}
.ddm1 .item1_5 {
	background-position: -640px 0;
}

/* changement au survol du menu */
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
	background-position: -960px 0;
    color: #096;
	line-height:normal; 
/* hack IE pour les images PNG */	
/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../lepapier-images/imagePNG.png', sizingMethod='scale'); */
}
/* pour définir un onglet actif */
.ddm1 .current, 
.ddm1 .current:hover {
	background-position: -800px -10px;
	padding: 25px 0px 0px 0px;
	height:25px;
	color:#333;
}
.ddm1 .current:hover {
	background-position: -960px -10px;
	color:#096;
	}
/* pour les sous menus déroulants */
.ddm1 .item2,
.ddm1 .item2:hover {
	padding: 2px 8px;
	width:134px;
	color:#333;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	/* avec un effet de transparence si on veut:
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9; */
}
.corpsmenu {
	width:134px;
	border-top: 1px solid #999;
	background-color: #F2E8B6;
}
.ddm1 .item2:hover {
	background-color: #CF6;
	line-height:normal;
}
/* Image en fond pour la dernière ligne des sous menus */
.basmenu, .basmenu:hover {
	background: transparent url(../lepapier-images/onglet-bas-gris.gif) no-repeat bottom;
	border: none;
}
.ddm1 .section {
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}

* html .ddm1 td { position: relative; } /* ie 5.0 fix */