body {
	background-color: #EDEBE0;
	background: url(../images/bg.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

* {margin: 0; padding: 0}

#content {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	background-image: url(../images/bg_fake.gif);
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.header {
	width: 800px;
	height:119px;
	margin: 0 auto;
	background: none;
}

.colonne-gauche {
	float: left;
	width: 198px;
	padding: 0;
	background-color: none;
}

.colonne-centrale {
	width: 580px;
	min-height: 550px;
	margin-left: 198px;
	padding: 15px 0 0 10px;
	background-color:#fdfdfd;
}

.title {
	display: block;
	margin: 10px 0 15px 0;
	padding: 7px 0 5px 5px;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #fff;
	background-color: #18819E;
}

.title2 {
	display: block;
	margin: 15px 0 10px 0;
	padding: 3px 0 3px 5px;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #18819E;
}

.title2-2 {
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

.title2-3 {
	display: block;
	margin: 15px 0 10px 0;
	padding: 3px 0 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #18819E;
}

.title2-4 {
	display: block;
	margin: 15px 0 10px 0;
	padding: 3px 0 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #18819E;
}

.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	border-bottom: 1px dotted #000;
	margin: 15px 0 10px 0;
}

.title4 {
	display: block;
	margin: 15px 0 10px 0;
	padding: 3px 0 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #18819E;
}

.rubrique {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BFD3D8;
	border-bottom: 1px dotted #BFD3D8;
	padding-bottom: 2px;
}

.rubrique-accueil {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #41403C;
	border-bottom: 1px dotted #41403C;
	padding-bottom: 2px;
}

.lettrine{
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: justify;
	color: #41403C;
}

.texte-accueil {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #41403C;
	text-align: justify;
	line-height: 1.5;
	padding: 0;
	padding: 10px;
	background-color: #F0E9D1;
}

.texte-accueil-liste {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #41403C;
	list-style-type: none;
	line-height: 1.4;
	padding-right: 20px;
}

.couv{
	margin: 0 0 15px 0;
	width: 580px;
	padding: 0;
}

.image-border {
	border: 1px solid #000;
}

.texte-commander {
	font-size: 12px;
	text-align: justify;
	line-height: 1.4;
	color: #000;
	padding-bottom: 10px;
	margin-top: 10px;
	background: url(../images/photos/book_commander.gif) no-repeat top right;
}

.texte-order {
	font-size: 12px;
	text-align: justify;
	line-height: 1.4;
	color: #000;
	padding-bottom: 10px;
	margin-top: 10px;
	background: url(../images/photos/book_order.gif) no-repeat top right;
}

.texte-commander-title {
	font-style: italic;
	font-size: 13px;
	text-align: justify;
	font-weight: bold;
	color: #063444;
}

.texte-courant {
	font-size: 12px;
	color: #41403C;
	text-align: justify;
	line-height: 1.3;
}

.texte-ressources {
	text-align: left;
	font-size: 11px;
	color: #41403C;
	line-height: 1.3;
	vertical-align: middle;
}

.texte-ressources2 {
	font-size: 11px;
	color: #41403C;
	line-height: 1.3;
	vertical-align: top;
}

.texte-gras {
	font-family: Arial, Helvetica, sans-serif;
	color: #41403C;
	text-align: justify;
	font-weight: bold;
}

.texte-italic {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: justify;
	font-weight: bold;
}

.texte-underline {
	font-family: Arial, Helvetica, sans-serif;
	color: #41403C;
	text-align: justify;
	font-style: italic;
}

.txtliste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #41403C;
	list-style-type: bullet;
	padding: 5px 0 5px 13px;
	line-height: 1.2;
}

.credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding: 5px 0;
	line-height: 1.3;
}

.creditliste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	list-style-type: bullet;
	padding: 5px 0 5px 17px;
	line-height: 1.3;
}


.menu {
	margin-top: 25px;
	border-top: 1px solid #D4D2C8;
	border-bottom: 1px solid #ffffff;
	font-size: 12px;
	width: 198px;
}


.menuItem {
	height: 34px;
	padding-left: 6px;
	vertical-align: middle;
	color: #84827C;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D4D2C8;
}

.menuItem a {
	display: block;
	color: #84827C;
	text-decoration: none;
}


.menuItem a:hover  {
	color: #18819E;
}

.menuSubItem {
width: 198px;
padding-left: 12px;
padding-right: 6px;
}

.menuSelected{
	color: #18819E;
	background-color: #fdfdfd;
}

.footer {
	align: bottom;
	width: 598px;
	height: 63px;
	margin: 10px 0 5px 201px;
	padding: 0;
	background: url(../images/footer.gif) no-repeat;
}

.texte-footer {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	line-height: 2.5;
}

.visuel {
	width: 250px;
	margin: 0 5px 10px 0;
}

.photo-ressources {
	width: 400px;
	margin: 5px 10px 5px 0;
}

.clearTheFloats {
	clear: both;
	margin-bottom: -30px;
}

.table-border {
	width: 580px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	margin-bottom: 15px;
}

.table-border td {
	padding-top: 5px;
}

.divVisible {display: block;}
.divHidden {display: none;}

.divConteneur {display: block; width: 580px; height: 100px; margin-bottom: 10px; padding: 0;}

.separation {display: block; width: 580px; height: 1px; margin: 5px 0 7px 0; border-top: 1px dotted #00aaff;}

.vignetteSubCat {float: left; display: block; width: 79px; height: 100px; background: none; margin-bottom: 10px;}

.partSommaire {font-size: 22px; font-weight: bold; color: #00aaff; padding: 12px 0 0 5px;}
.titleSommaire {display: block; width: 490px; font-size: 16px; line-height: 1.3; color: #40410C;}
.titleSubPart {float: left; display: block; width: 490px; font-size: 18px; color: #40410C; margin: 0; padding: 35px 0 18px 5px;}

#sumContent1 {margin-bottom: 10px; padding: 5px 0 5px 18px; border-top: 1px dotted #41403C; border-bottom: 1px dotted #41403C;}
#sumContent2 {margin-bottom: 10px; padding: 5px 0 5px 18px; border-top: 1px dotted #41403C; border-bottom: 1px dotted #41403C;}
#sumContent3 {margin-bottom: 10px; padding: 5px 0 5px 18px; border-top: 1px dotted #41403C; border-bottom: 1px dotted #41403C;}
#sumContent4 {margin-bottom: 10px; padding: 5px 0 5px 18px; border-top: 1px dotted #41403C; border-bottom: 1px dotted #41403C;}
#sumContent5 {margin-bottom: 10px; padding: 5px 0 5px 18px; border-top: 1px dotted #41403C; border-bottom: 1px dotted #41403C;}
#sumContent6 {margin-bottom: 10px; padding: 5px 0 5px 18px; border-top: 1px dotted #41403C; border-bottom: 1px dotted #41403C;}
#sumContent7 {margin-bottom: 10px; padding: 5px 0 5px 18px; border-top: 1px dotted #41403C; border-bottom: 1px dotted #41403C;}
#sumContent8 {margin-bottom: 10px; padding: 5px 0 5px 18px; border-top: 1px dotted #41403C; border-bottom: 1px dotted #41403C;}

.detailSommaire {font-size: 12px; text-align: justify; color: #41403C; list-style-type: decimal; line-height: 1.4;}

.depliant1 {display: block; float: left; width: 190px; height: 404px; padding: 0 2px 0 0;}
.depliant2 {display: block; float: left; width: 190px; height: 404px; padding: 0 2px 0 2px;}
.depliant3 {display: block; float: left; width: 190px; height: 404px; padding: 0 0 0 2px;}

.table-flyer {margin-top: 10px; width: 480px;}
.td-flyer {text-align: center; width: 190px;}

.lien-collapse {float: right; cursor: pointer; font-size: 11px; color: #00aaff; text-decoration: underline; margin: 10px 0 0 0;}
.lien-collapse:hover {text-decoration: none;}

.lien-pdf {float: left; cursor: pointer; font-size: 11px; color: #41403C; text-decoration: underline; margin: 10px 0 0 5px;}
.lien-pdf:hover {text-decoration: none;}

.lien-courant {font-family: Arial, Helvetica, sans-serif; line-height: 1.4;font-size: 12px; color: #41403C;}
.lien-courant a {text-decoration: underline; color: #41403C;}
.lien-courant a:hover {color: #41403C; text-decoration: none;}

.lien-echos {font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 1.5;font-size: 12px; color: #41403C;}
.lien-echos a {text-decoration: underline; color: #41403C;}
.lien-echos a:hover {color: #41403C; text-decoration: none;}

.lien-footer {padding: 10px 0 5px 15px; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; text-align: left; line-height: 2.2;}
.lien-footer a {text-decoration: underline; text-align : center; color: #fff;}
.lien-footer a:hover {color: #fff; text-decoration: none;}

a.bt-home {float: left; display: block; width: 75px; height: 35px; margin: 5px 0 0 0; background-image: url(../images/puce_home_eng.gif);}
a.bt-home:hover {background-image: url(../images/puce_home_eng_ov.gif);}

a.bt-pdf-fr {display: block; width: 43px; height: 20px; align: right; margin: 0 0 10px 0; background-image: url(../images/pdf_fr.gif);}
a.bt-pdf-fr:hover {background-image: url(../images/pdf_fr_ov.gif);}

a.bt-pdf-eng {display: block; width: 43px; height: 20px; align: right; margin: 0 0 10px 0; background-image: url(../images/pdf_eng.gif);}
a.bt-pdf-eng:hover {background-image: url(../images/pdf_eng_ov.gif);}

a.bt-pp {display: block; width: 43px; height: 20px; align: right; margin: 0 0 10px 0; background-image: url(../images/powerpoint_eng.gif);}
a.bt-pp:hover {background-image: url(../images/powerpoint_eng_ov.gif);}

a.bt-contact {float: left; display: block; width: 75px; height: 35px; margin: 5px 0 0 20px; background-image: url(../images/puce_contact.gif);}
a.bt-contact:hover {background-image: url(../images/puce_contact_ov.gif);}

a.bt-smap {display: block; width: 44px; height: 56px; margin: 0 0 3px 10px; background-image: url(../images/logo_smap_ov.gif);}
a.bt-smap:hover {visibility: visible;}
a.bt-smap:hover img {display: none;}

a.bt-pnue {float: right; display: block; width: 46px; height: 52px; margin: 0 15px 0 0; background-image: url(../images/logo_pnue_ov.gif);}
a.bt-pnue:hover {visibility: visible;}
a.bt-pnue:hover img {display: none;}

a.bt-unep {display: block; width: 46px; height: 52px; margin: 0 15px 0 0; background-image: url(../images/logo_unep_ov.gif);}
a.bt-unep:hover {visibility: visible;}
a.bt-unep:hover img {display: none;}

a.bt-pam {right; display: block; width: 66px; height: 49px; margin: 0 10px 0 0; background-image: url(../images/logo_pam_ov.gif);}
a.bt-pam:hover {visibility: visible;}
a.bt-pam:hover img {display: none;}

a.bt-map {display: block; width: 66px; height: 49px; margin: 0 10px 0 0; background-image: url(../images/logo_map_ov.gif);}
a.bt-map:hover {visibility: visible;}
a.bt-map:hover img {display: none;}

a.bt-pb {display: block; width: 40px; height: 45px; margin: 0 15px 0 0; background-image: url(../images/logo_pb_ov.gif);}
a.bt-pb:hover {visibility: visible;}
a.bt-pb:hover img {display: none;}

a.bt-commander {display: block; width: 250px; height: 60px; margin: 10px 0 0 0; background-image: url(../images/bt_commanderFr.gif);}
a.bt-commander:hover {background-image: url(../images/bt_commanderFr_ov.gif);}

a.bt-commander-eng {display: block; width: 250px; height: 60px; margin: 10px 0 0 0; background-image: url(../images/bt_commanderEng.gif);}
a.bt-commander-eng:hover {background-image: url(../images/bt_commanderEng_ov.gif);}

a.bt-order {display: block; width: 250px; height: 60px; margin: 10px 0 0 0; background-image: url(../images/bt_orderEng.gif);}
a.bt-order:hover {background-image: url(../images/bt_orderEng_ov.gif);}

a.bt-order-fr {display: block; width: 250px; height: 60px; margin: 10px 0 0 0; background-image: url(../images/bt_orderFr.gif);}
a.bt-order-fr:hover {background-image: url(../images/bt_orderFr_ov.gif);}