.sansStyle {
    display: none;
}

.b_cacher_C {
	background-image: url(../images/boutons/A_cacher.png);
	background-repeat: no-repeat;
	margin-right: 5px; 
	padding-left: 15px; padding-top: 0px;
	cursor: pointer;
}
.b_montrer_C {
	background-image: url(../images/boutons/A_montrer.png);
	background-repeat: no-repeat;
	margin-right: 5px; 
	padding-left: 15px; padding-top: 0px; 
	cursor: pointer;
}

body {
        margin: 0px; padding: 0px;
        background-color: #ffffff;
        font-family:ITCAvantGardeStd,arial,tahoma,sans-serif;
        font-size:12px;
}
#blocPrincipal {
        width: 1024px; height: 800px;
        margin-left:auto;
        margin-right:auto;
}

.BG_general {
        background-image: url(../images/BG/general.png);
	background-repeat: no-repeat;
}
.BG_ressources {
        background-image: url(../images/BG/general_ressources.png);
	background-repeat: no-repeat;
}
.BG_aide {
        background-image: url(../images/BG/general_aide.png);
	background-repeat: no-repeat;
}

.aide {
	position: relative; top: 10px; left: 930px;
	display: block; width: 67px; height: 51px;
	background-image: url(../images/boutons/b_aide.png);
	background-repeat: no-repeat;
}
.aide_hover {
	position: relative; top: 10px; left: 930px;
	display: block; width: 67px; height: 51px;
	background-image: url(../images/boutons/b_aide_on.png);
	background-repeat: no-repeat;
}
.aide:hover {
        background-image: url(../images/boutons/b_aide_on.png);
}

.b_kml {
	background-image: url(../images/boutons/biodiv_kml.png);
	background-repeat: no-repeat;
	margin-right: 5px;
	display: inline-block;
	padding-left: 60px; 
	padding-top: 30px; 
	cursor: pointer;
}
.b_kml:hover {
	background-image: url(../images/boutons/biodiv_kml_hover.png);
	background-repeat: no-repeat;
}

/* MENU ************************************************************************************** */
#menu {
        margin: 0px; padding: 0px;
        list-style-type: none;
        height: 93px;
        position: relative; top: 17px; left: 340px;
}
#menu li {
        float: left;
}
#menu .b1 {
        display: block; width: 201px; height: 93px;
        background-image: url(../images/boutons/b1.png);
	background-repeat: no-repeat;
}
#menu .b1:hover {
        background-image: url(../images/boutons/b1_on.png);
}
#menu .b2 {
        display: block; width: 201px; height: 93px;
        position: relative; left: -45px;
        background-image: url(../images/boutons/b2.png);
	background-repeat: no-repeat;
}
#menu .b2:hover {
        background-image: url(../images/boutons/b2_on.png);
}
#menu .b3 {
        display: block; width: 201px; height: 93px;
        position: relative; left: -85px;
        background-image: url(../images/boutons/b3.png);
	background-repeat: no-repeat;
}
#menu .b3:hover {
        background-image: url(../images/boutons/b3_on.png);
}
#menu .b4 {
        display: block; width: 201px; height: 93px;
                position: relative; left: -128px;
        background-image: url(../images/boutons/b4.png);
	background-repeat: no-repeat;
}
#menu .b4:hover {
        background-image: url(../images/boutons/b4_on.png);
}

#menu .b1_hover {
        display: block; width: 201px; height: 93px;
        background-image: url(../images/boutons/b1_on.png);
	background-repeat: no-repeat;
}
#menu .b2_hover {
        display: block; width: 201px; height: 93px;
        position: relative; left: -40px;
        background-image: url(../images/boutons/b2_on.png);
	background-repeat: no-repeat;
}
#menu .b3_hover {
        display: block; width: 201px; height: 93px;
        position: relative; left: -80px;
        background-image: url(../images/boutons/b3_on.png);
	background-repeat: no-repeat;
}
#menu .b4_hover {
        display: block; width: 201px; height: 93px;
        position: relative; left: -120px;
        background-image: url(../images/boutons/b4_on.png);
	background-repeat: no-repeat;
}

/* CONTENU ************************************************************************************** */

#contenu {
       position: relative;
       padding-left: 10px; padding-right: 10px;
       top: 22px;
}

        /* CORPS ************************************************************************************** */
#corps {
       margin-top: 10px;
}
.affiche { 
        float: left;
        margin-right: 10px;
}

#partenaires {
        background-image: url(../images/BG/partners.png);
	background-repeat: no-repeat;
        height: 217px;
}
#ListePartenaires {
        list-style-type: none;
        position: relative; left: 450px; top: 35px;
        color: #3b1800;
}
#ListePartenaires a{
        font-weight: bold;
        color: #3b1800;
}

        /* RESSOURCES ************************************************************************************** */
#rubLiensListe ul {
        margin-bottom: 5px;
}
#liensListe_0 {
        width: 470px;
        background-image: url(../images/BG/fiche1_top.png);
	background-repeat: no-repeat;
        list-style-type: none;
        padding: 0px; padding-top: 35px; margin: 0px;
}
#rubLiensListe li {
        background-image: url(../images/BG/fiche1_med.png);
	background-repeat: repeat;
        padding-left: 30px; padding-bottom: 3px;
}
#rubLiensListe .fin{
        background-image: url(../images/BG/fiche1_bottom.png);
	background-repeat: no-repeat;
        width: 470px; height: 15px;
}

#liensListe_1 {
        width: 470px;
        background-image: url(../images/BG/fiche2_top.png);
	background-repeat: no-repeat;
        list-style-type: none;
        padding: 0px; padding-top: 35px; margin: 0px;
}

#liensListe_2 {
        width: 470px;
        background-image: url(../images/BG/fiche3_top.png);
	background-repeat: no-repeat;
        list-style-type: none;
        padding: 0px; padding-top: 35px; margin: 0px;
}

#liensListe_3 {
        width: 470px;
        background-image: url(../images/BG/fiche4_top.png);
	background-repeat: no-repeat;
        list-style-type: none;
        padding: 0px; padding-top: 35px; margin: 0px;
}

#rubLiensListe a {
        text-decoration: none;
        font-weight: bold;
        color: #333333;
}
#rubLiensListe a:hover {
        text-decoration: underline;
}

/* ERREUR ************************************************************************************** */
.cadre_error {
        background-image: url(../images/cadre_erreur.png);
	background-repeat: no-repeat;
        width: 800px; height: 350px;
        margin-left: 110px;
}
.cadre_error .message {
        width: 450px;
        color: #ff0000;
        font-size: 14px;
        position: relative;
        left: 210px; top: 70px;
}