.skiplink {display:none}

/* GENNERALITES */

body, html {
	margin: 0;
	padding: 0px;
	margin-bottom: 5px;
	font-size: 1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#conteneur { 
	width: 900px; 
	margin: 0 auto; 
	text-align: left;
}

#top {
	background-image:  url("../images/francais/fond_top.jpg");
	background-repeat: repeat-x;
}
#contenu { 
	width: 900px; 
	text-align: left;
}
#pied {
	clear: both;
	margin-left: 200px;
	padding-top: 10px;
}

/* TOP */

#top p {
	margin: 0 0 5px 420px;
	padding: 0;
	text-align: center;
	color: #7E4943;
	font-weight: bold;
	font-size: 0.9em;
	font-family: "Trebuchet MS", Verdana;
	width: 500px;
}

#header {
	background-image:  url("../images/francais/header.gif");
	height: 165px;
	background-repeat: no-repeat;
	background-position: left;
}
#ODAPI {
	position: absolute;
	margin: 0px;
	padding:0px;
	margin-left: -5000px;
	line-height: 1px;
	font-size: 1px;
}
#header img {
	margin-top: 60px;
	margin-left: 105px;
}

/* PIED */

#pied p {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	text-align: center;
}

#pied a {
	text-decoration: underline;
	color: #666666;
}
#pied a:hover {
	color: #D77472;
	text-decoration: none;
	}

/*CONTENU */

#contenu h2 {
	background-color:#B8BAAD;
	height: 52px;
	background-repeat:no-repeat;
	font-size: 1.4em;
	margin: 0px;
	font-family: "Trebuchet MS", Verdana;
	font-weight: normal;
	color: #333333;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 350px;
	padding-top: 0px;
	line-height: 2.2em;
}
#contenu h2 a {
	color: #333333;
}
/*MENU */

#menu { /* Partie gauche du site */
	float: left;
	width: 220px;
	margin:0;
	padding:0;
	/*background-image: url("../images/francais/menu.gif");
	*/background-repeat:no-repeat;
}
#menu a {
	display : block;
	padding-left: 67px;
	height: 27px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-weight: bold;
	color: #7E4943;
	text-decoration: none;
	font-size: 0.9em;
	padding-top: 10px;
	font-family: "Trebuchet MS", Verdana;
	background-image: url(../images/francais/menu.gif);
	background-repeat: no-repeat;
	}
a#OdapiActualites
{
	background-position: 0px 0px;
}
a#OdapiPresentation
{
	background-position: 0 -40px;
}
a#OdapiCharte
{
	background-position: 0px -80px;
}
a#OdapiProjets
{
	background-position: 0 -120px;
}
a#OdapiPeuples
{
	background-position: 0 -160px;
}
a#OdapiAider
{
	background-position: 0 -200px;
}
a#OdapiContact
{
	background-position: 0 -240px;
}
a#OdapiPartenaires
{
	background-position: 0 -280px;
}
a#OdapiActualites:hover
{
	background-image: url(../images/francais/menu_over.gif);
}
a#OdapiPresentation:hover
{
	background-image: url(../images/francais/menu_over.gif);
	background-position: 0 -40px;
}
a#OdapiCharte:hover
{
	background-image: url(../images/francais/menu_over.gif);
	background-position: 0px -80px;
}
a#OdapiProjets:hover
{
	background-image: url(../images/francais/menu_over.gif);
	background-position: 0 -120px;
}
a#OdapiPeuples:hover
{
	background-image: url(../images/francais/menu_over.gif);
	background-position: 0 -160px;
}
a#OdapiAider:hover
{
	background-image: url(../images/francais/menu_over.gif);
	background-position: 0 -200px;
}
a#OdapiContact:hover
{
	background-image: url(../images/francais/menu_over.gif);
	background-position: 0 -240px;
}
a#OdapiPartenaires:hover
{
	background-image: url(../images/francais/menu_over.gif);
	background-position: 0 -280px;
}


/* TEXTE */
#contenu p, #contenu ul {
	font-size: 0.75em;
	margin-top: 0px;
}
#ColonneUnique {
	float:left;
	width: 660px;
	background-color:#E5E5DB ;
	padding: 10px;
	}
#ColonneGauche {
	float:left;
	width: 320px;
	background-color:#E5E5DB ;
	padding: 10px;
	margin-right: 20px;
	}
#ColonneDroite {
	float:left;
	width: 300px;
	background-color:#E5E5DB ;
	padding: 10px;
	}

#contenu h3 {
	font-family: "Trebuchet MS", Verdana;
	padding-left: 25px;
	background-image:  url("../images/francais/h3.gif");
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 20px;
	margin-top: 20px;
}
#contenu h4 {
	font-family: "Trebuchet MS", Verdana;
	margin: 10px 0px 0px;
	padding: 0px;
	color: #666666;
}
#ColonneUnique a {
	color: #8B442E;
}

#ColonneGauche h3, #ColonneDroite h3 {
	background-image:url(none);
	margin: 0px;
	padding: 0px 0px 5px;
	font-size: 1em;
	color: #555672;
	line-height: 1em;
}

#ColonneGauche a, #ColonneDroite a {
	color: #555672;
}

#ColonneGauche a:hover, #ColonneDroite a:hover {
	color: #CC85B1;
}


/* H2 */

#H2Aider {
	background-image: url(../images/francais/h2_aider.gif);
}

#H2Qui {
	background-image: url("../images/francais/h2_qui.gif");
}

#H2Partenaires {
	background-image: url(../images/francais/h2_partenaires.gif);
}

#H2Peuples {
	background-image: url(../images/francais/h2_peuples.gif);
}


#H2Charte {
	background-image: url(../images/francais/h2_charte.gif);
}

#H2Contact {
	background-image: url(../images/francais/h2_contact.gif);
}

h2#H2ActuGe {
	background-image: url(../images/francais/h2_actu_gen.gif);
	width: 310px;
	float: left;
	padding: 0 0 0 10px;
	display: inline;
	background-position: right;
	margin-left: 20px;
}

#H2ActuOdapi {
	background-image: url(../images/francais/h2_actu_odapi.gif);
	width: 210px;
	float: left;
	display:inline;
	margin-right: 10px;
}

#H2ProjetPetit {
	background-image: url(../images/francais/h2_projets.gif);
	width: 210px;
	float: left;
	display:inline;
	margin-right: 10px;
}
#H2ProjetGrand {
	background-image: url(../images/francais/h2_projets.gif);
}









/* CLASSES H3 */

.Actualites {
	color: #E0C8B3;
}
.QuiSommesNous {
	color: #FF8E51;
}
.CharteEthique {
	color: #83B027;
}
.Projets {
	color: #70458F;
}
.PeuplesIndigenes {
	color: #CC1853;
}
.NousAider {
	color: #BE7E89;
}
.NousContacter {
	color: #D77472;
}
.NosPartenaires {
	color: #4E7820;
}
.ImgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #333333;
}
.ImgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #333333;
}
.center {
	text-align: center;
}
