/******************* balises ******************/
body {
	font-family: verdana;
	font-size: 8.5pt;
	margin: 0;
	color: #41900b;
	background:#FBF073;
	}
body#transparent {
	font-family: verdana;
	font-size: 8.5pt;
	margin: 0;
	color:#009933;
	background:url(../images/bg_carnet.jpg) bottom;
	background-repeat:no-repeat;
	}
a {
	color: #f0a70d;
	text-decoration: none;
}

a img { border: 0px; 
}

a:hover {
	color: #0540a0;
}
a:hover {
	color: #0540a0;
}

h3 {
	display: inline;
	color: #FF9804;
	font-size: 13px;
	}
h2 {
	display: inline;
	color: #41900B;
	font-size: 11px;
}
h4 {
	display: inline;
	color: #41900B;
	font-size: 9px;
}
h6 {
	display: inline;
	font-size: 8pt;
	font-weight:normal;
}
h1 {
	display: inline;
	color: #FF9804;
	font-size: 11px;
}
dd, dl, dt, blockquote{
	display: inline;
}
blockquote{
	left-margin:-40px;
	position:inherit;
}
li{
	display:inline;
	margin:5px;
	list-style:circle;
	}
ul{
	padding-top:8px;
	display:inline;
	}
/****************************** fin balises ******************************/

/******************* div ******************/
div#conteneur {
	background: white;
}
div#head {
	text-align: center;
	background: url(../images/bandeauabe_01.jpg) top no-repeat green;
	color: white;
}
div#texte-bandeau {
	
}
div#navigation {
	text-align: left;
	background:gray;
}
div#colonnes-2 {
	text-align: left;
	background:white;
	color:white;
}

div#colonnes-2_1 {
	text-align: justify;
	background: url(../images/haut-6.jpg) no-repeat white;
	color:#41900B;
}
div#colonnes-2_2 {
	text-align: center;
	background: url(../images/haut-6.jpg) no-repeat white;
	font-size: 10px;
	color:#41900B;
}
div#colonne-1 {
	text-align: justify;
	background:white;
	color:gray;
}

div#colonnes-3 {
	text-align: center;
	background: url(../images/piedabe.jpg) no-repeat gray;
	color:white;
}
div#colonnes-3b {
	width:800px;
	height:34px;
	text-align: center;
	background: url(../images/piedabe.jpg) no-repeat gray;
	color:white;
}

div#colonnes-3_1 {
	text-align: justify;
	background: url(../images/haut-6.jpg) no-repeat red;
}
div#colonnes-3_2 {
	text-align: justify;
	background: url(../images/haut-6.jpg) no-repeat black;
}
div#colonnes-3_3 {
	text-align: justify;
	background: url(../images/haut-6.jpg) no-repeat black;
}
/*img#envoyer {
	margin-left:316px;
	margin-top:121px;
	float:left;
}*/
div#pied {
	text-align: center;
	background: url(../images/footer.jpg) bottom no-repeat;
	color: white;
	font-weight: bold;
}
div#bg-footer {
	background: url(../images/bg_footer.png) center repeat;
}

div#cadreaccueil {
	background: url(../images/cadreaccueil.jpg) bottom no-repeat;
}
div#carnet{
	background: url(../images/carnetabe1.jpg) no-repeat;
}
div#fdtexte{
	background: url(../images/fdtexte.gif) no-repeat;
	padding:15px;
}

#pied a {
	text-decoration:none;
	color:white;
	text-decoration: none;
	font-size:10px;
}
#pied a:hover {
	text-decoration:underline;
	color:white;
}
div#navigation a {
	color : white;
	text-decoration: none;
	border: 0px; 
	font-weight:bold
	}
#navigation a.menu1:hover {
	color:#f2a614;
	height:30px;
}
#navigation a.menu1:active {
	color:#f2a614;
	height:30px;
}
#navigation a.menu2:hover {
	color:#66ad21;
	height:30px;
}
#navigation a.menu3:hover {
	color:#21aee6;
	height:30px;
}
#navigation a.menu4:hover {
	color:#f93308;
	height:30px;
}
#navigation a.menu5:hover {
	height:30px;
	color:#f93308;
}
#navigation a.menu6:hover {
	height:30px;
	color:#f93308;
}
****************************** fin div ******************************/
	
***************** classes *****************	/
.bold {
   font-weight: bold;
}
.couleur1 {
   font-weight: bold;
   color:#FF3300;
}
.couleur2 {
   font-weight: bold;
   color:#f99903;
}
.couleur3 {
   color:#f99903;
}
.padding {
   padding:0 20px 0 30px;
}
.padding2 {
   padding:5px 10px 0 15px;
}
.small-txt {
   font-size: 7pt;
}
h3.environnement {
   display:block;
   background:url(../images/agriculture.gif) no-repeat;
   height:35px;
}
h3.developpement {
   display:block;
   background:url(../images/developpement.gif) no-repeat;
   height:35px;
}
h3.culture {
   display:block;
   background:url(../images/culture.gif) no-repeat;
   height:35px;
}
h3.ecotourisme {
   display:block;
   background:url(../images/ecotourisme.gif) no-repeat;
   height:35px;
}
h3.commerce {
   display:block;
   background:url(../images/artisanat.gif) no-repeat;
   height:35px;
}
h3.sante {
   display:block;
   background:url(../images/sante.gif) no-repeat;
   height:35px;
}
h3.education {
   display:block;
   background:url(../images/education.gif) no-repeat;
   height:35px;
}
.quote {
   font-family: verdana;
   font-size:10px;
   font-weight: bold;
   font-style: italic;
   margin-top: 8px;
   line-height: 16px;
   color: white;
}

**************************** fin classes *********************************/	


/******************* ascenseur ******************/
/* la div qui contient l'ensemble et qu'on peut placer (en absolute) */
#ascenseur {position: relative}

/* les 2 div qui contiennet les boutons; on les place juste à l'extérieur de l'ascenseur */
#divUp, #divDown {position:absolute; right:-28px; width:28px; height:25px; z-index:200;}
#divUp   {top:Opx;}
#divDown {bottom:13px;}
.asc_droite #divUp {background: url(../images/up.png) no-repeat}
.asc_droite #divDown {background: url(../images/down.png) no-repeat}

/* les 2 divs qui coulissent l'une dans l'autre */
#divScrollTextCont {position: absolute; font: normal 8.7pt/1.3em "Arial", Helvetica, sans-serif; ; overflow:hidden; visibility:hidden}
#divText {position:absolute;left:0px; top:0px; width:160px; height:450px;}
/* les classes particulieres qu'on applique à l'ascenseur et au divScrollTextCont */
.asc_droite    {position:absolute; top:0px;width:135px; height:290px;}
.scroll_droite {width:160px; height:210px; clip: rect(0px, 260px, 280px, 0px); top:25px; left:0; }

#col_droite {width:160px; height:180px; position: absolute; top:0px;left:0;b}
	
#rubriques{
	position: absolute;
	left:2px;
	}
/**************************************************************/
 img, div { behavior: url(../images/iepngfix.htc) }