/* CSS Document */

body { 
	font: 12px/16px arial, helvetica, verdana, sans-serif; 
	color:#333333; 
	margin: 0; 
	padding: 0;
	background:url(/coeurdumonde/images/index/fond.jpg);
	background-repeat: repeat;

}
#page {

     position: absolute;
     width: 850px;        /* selon la largeur voulue */
     margin-left: -425px; /* moitie de width */
     left: 50%;           /* constant, toujours 50% */
     /*height: 120px;       /* selon la quantite de texte */
     /*margin-top: -60px;   /* moitie de height */
     /*top: 50%;            /* constant, toujours 50% */
     /*border: 1px solid #333;*/
}
 
#haut {
	position:absolute;
	width: 850px;
	height: 150px;
	margin:0;
	padding:0;
	top:0;
}

#entete {
	position: absolute;
	left: 100px;
	width: 650px;
	height:120px;
	background-color:#FFFF00;
	font-size: 160%;
	text-align:center;
}



#enteteimage{
	background:url(/coeurdumonde/images/index/entete.bmp) no-repeat;
	height:158px;
	width:850px;
}

#logoCdmG {
	position: absolute;
	width: 100px;
	height: 120px;
	background:url(/coeurdumonde/images/index/logo_H120.jpg);
}

#logoCdmD {
	position: absolute;
	left: 750px;
	width: 100px;
	height: 120px;
	background:url(/coeurdumonde/images/index/logo_H120.jpg);
}

h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	margin-top: 25px;
}

h1 {
    color: #FF0000;	
	text-decoration: underline;
}
	
h2 {
	font: bold;
        color: #000000;
	padding-top:10px;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding: 5px 0px 5px 0px;
}

h4{
 	font-size: 114%;
	padding: 5px 20px 0px 10px;
	text-decoration:underline;
}

h5{
 	font-size: 100%;
 	padding : 5px 0px 0px 0px;
}

h6{
 	font-size: 90%;
}

a:link, a:visited, a:hover {
	color: #210D00;
	text-decoration: none;
	font: bold;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	color: #000066;
}

#barNavig {
	/*background-color:#CCFFCC;*/
	position: absolute;
	top: 145px;
	width: 850px;
	height: 20px;
}
#barNavig img {
	border: 0 px;
	/*border-color:#CCFFCC;*/
}

#gauche {
	position:absolute;
	top: 15px;
	width: 132px;
	/*height: 550px*/
	background:url(/coeurdumonde/images/index/fra_sen.jpg);
	background-repeat: repeat-y;
}

#gauche ul, gaucheVert ul, gaucheJaune ul{
	color: red;
	background-color:#D9D0C1;
	margin: 0px 10px 0px 10px; /*haut, droite, bas , gauche*/
	padding: 0px 10px 0px 20px;
}

#gaucheVert ul{
	color: green;
}

#gaucheJaune ul{
	color: yellow;
}
.cercle{
	list-style-type: circle;
}

#menuGauche  {
	background: url(/coeurdumonde/images/index/brj.gif);
	background-position:center;
	text-align:center;
}

#menuGaucheSelect {
	background:url(/coeurdumonde/images/index/bvj.gif);
	background-position:center;
	text-align:center;
}

#contenu {
	position:absolute;
	top: 154px;
	width: 850px;
	height: 580px;
	margin: 1em; /**/
}

#haut_col1, #haut_col1L, #haut_col2, #haut_col3{
	position:absolute;
	top: 35px; /*15*/
	width: 220px;
	height: 5px;
	background-color:#D8CBB6;
}


#haut_col1 {
    left: 148px;
	background: url(/coeurdumonde/images/accueil/h_blue.gif) ;
}

#haut_col11 {
	position:absolute;
	width: 220px;
	height: 5px;
	background-color:#D8CBB6;
	left: 148px;
	top: 490px; /*570*/
	background: url(/coeurdumonde/images/accueil/h_blue.gif) ;
}

#haut_col1L, #bas_col1L{
	position: absolute;
	width: 456px;
	height: 10px;
	background-color:#D8CBB6;
	left: 148px;
}

#haut_col1L {        /*ajout 2011 09*/
	background: url(/coeurdumonde/images/accueil/h_green_Larg.gif) ;
}

#bas_col1L {        /*ajout 2011 09*/
	top: 470px; /*550*/
	background: url(/coeurdumonde/images/accueil/b_green_Larg.gif) ;
}

#haut_col2 {
	left: 384px;
	background: url(/coeurdumonde/images/accueil/h_green.gif) ;
}

#haut_col21 {
	position:absolute;
	width: 220px;
	height: 5px;
	background-color:#D8CBB6;
	left: 384px;
	top: 490px;  /*570*/
	background: url(/coeurdumonde/images/accueil/h_purple.gif) ;
}

#haut_col3 {
	left: 620px;
	background: url(/coeurdumonde/images/accueil/h_purple.gif) ;
}
#bas_col3 {
	position:absolute;
	left: 620px;
	top: 260px; /*450*/
	width: 220px;
	height: 10px;
	background-color:#D8CBB6;
	background: url(/coeurdumonde/images/accueil/b_purple.gif) ;
}

#haut_col31 {
	position:absolute;
	width: 220px;
	height: 5px;
	background-color:#D8CBB6;
	left: 620px;
	top: 400px; /*280px; */
	background: url(/coeurdumonde/images/accueil/h_red.gif) ;
}

#colonne0, #colonne1, #colonne1L, #colonne11, #colonne2, #colonne21, #colonne3, #colonne31{
	position:absolute;
	padding: 3px 0px 5px 0px;
	top: 40px; /*20*/
	width: 220px;
}

#colonne0 {
}
	

#colonne1L {
	width: 456px;
	left: 148px; 
	background: url(/coeurdumonde/images/accueil/m_green_Larg.gif) repeat-y;
}

#colonne0 {
	top: 0px;
	left: 148px;
	width: 680px;
}

#colonne1 {
	left: 148px; 
	background: url(/coeurdumonde/images/accueil/m_blue.gif) repeat-y;
}

#colonne11 {
	left: 148px; 
	background: url(/coeurdumonde/images/accueil/m_blue.gif) repeat-y;
	top: 495px;
}

#colonne2 {
	left: 384px;
	background: url(/coeurdumonde/images/accueil/m_green.gif) repeat-y;
}
#colonne21 {
	position:absolute;
	top: 495px;
	left: 384px;
	background: url(/coeurdumonde/images/accueil/m_purple.gif) repeat-y;
}
#colonne3 {
	left: 620px;
	background:url(/coeurdumonde/images/accueil/m_purple.gif) repeat-y;
}

#colonne31 {
	position:absolute;
	top: 405px; /*355px; */
	left: 620px;
	background: url(/coeurdumonde/images/accueil/m_red.gif) repeat-y;
}

#colonne4 {
	position:absolute;
	top: 270px;
	left: 650px;
	width: 240px;
}

#colonne1 h3, #colonne11 h3, #colonne1L h3, #colonne2 h3, #colonne21 h3, #colonne3 h3, #colonne31 h3, #titreActu h3, #titreAide h3, #titreRencontre h3  {
	letter-spacing: 5px;
	text-indent: 20px;
	margin-right: 30px;
}

/* couleur texte*/
#colonne1 h3, #colonne1L h3, #colonne21 h3, #colonne3 h3, #titreActu h3 {
	color:#F7F300; /* jaune */
}

#colonne2 h3, #colonne31 h3, #titreAction h3 {
	color:#CD0029;  /* rouge */
}

#colonne11 h3, #titreRencontre h3 {
	color:#009046; /* vert */
}

#colonne1 h3, #colonne21 h3, #colonne3 h3, #titreActu h3 {
	background-color:#009046; /* vert */
}

#colonne1L h3, #titreAide h3 {
	background-color:#CD0029; /* rouge*/
}

#colonne11 h3, #colonne2 h3, #colonne31 h3, #titreAction h3, #titreRencontre h3  {
	background-color:#F7F300; /* jaune */
}




p {
	padding: 0px 30px 0px 20px;
}

#colonne1 h4, #colonne11 h4, #colonne2 h4 {
	font-size: 100%;
}
#colonne1 h5, #colonne11 h5, #colonne2 h5, #colonne21 h5, #colonne3 h5, #colonne31 h5 {
	font-size: 100%;
	padding: 0px 30px 0px 10px;
	margin-top : -15px;
	font-weight:normal;
}

.parole {
	text-align:center;
}

/* Actions */
#titreAction{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EBE6EB;  /* mauve clair */
	padding: 5px 5px 5px 10px;
}

#titreAction h4{
	color:#660099 ;
}
#titreAction h5{
	color:#88328B;
	font:bold;
}
#titreAction h6{
	text-align:right;
}
#titreAction p{
	color:#472362 ;
}
#titreAction img{
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
}

#refAction {
	font-size: 100%;
	font-variant:small-caps;
	font-weight:bold;
	color: #D4C1E2;
	text-align:center;
	background-color: #472362;	
	padding: 0px 0px 0px 0px;
	background-image: none;
}

#refAction a {
	font-variant:small-caps;
	color: #D4C1E2;
}

#refAction a:visited #lien a:visited{
	color: #E1C2E2;
}

#refAction a:hover #lien a:hover{
	text-decoration: underline;
	color: #E1C2E2;  
}


/* Fin actions */
/* Début ACTU */
#titreActu img{
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
}

#titreActu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EBE6EB;  /* mauve pale */
	padding: 5px 5px 5px 10px;
}
/* Fin actu */
/* Début carte */

#carte{
	background:url(/coeurdumonde/images/carte/cartH420.gif) no-repeat;
	background-position:left bottom;
	height: 540px;
}

#globe{
	background:url(/coeurdumonde/images/carte/globsen.gif) no-repeat;
	background-position:top right;
	height:300px;
}

#drapeau{
	background:url(/coeurdumonde/images/carte/flag_senegal2.gif) no-repeat ;
	width: 450px;
}

#drapeau h3, #drapeaumad h3 {
	text-align:center;
	text-transform:uppercase;
	font-size: 180%;
	padding: 10 0 0 10px;
}

#senegal{
	background:url(/coeurdumonde/images/carte/senegalH60.gif) no-repeat ;
	height: 60px;
}
#grandsenegal{
	background:url(/coeurdumonde/images/carte/carte.gif) no-repeat;
	height:611px;
	width:800px;
}

#dakar{
	background:url(/coeurdumonde/images/carte/dakar.gif) no-repeat ;
	height:250px;
    	width:240px;
	background-position: right;
}

#drapeaumad{
	background:url(/coeurdumonde/images/carte/flag_madagas.gif) no-repeat ;
	width: 450px;
}


#madagascar{
	background:url(/coeurdumonde/images/carte/madagascar.gif) no-repeat ;
	height:473px;
	width:500px;
}

#lien{
	position:absolute;
	left:560px;
	top:400px;
	text-align:center;
}

/*fin carte*/


/*Association */
#titreAsso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px 5px 5px 10px;
	background-color:#FAF5D7;  /* jaune pale */
}

#titreAsso h3 {
	letter-spacing: 5px;
	text-indent: 20px;
	color:#CD0029;
	margin-right: 30px;
	background-color:#F7F300;  /* jaune */
}

#titreAsso h5 {
	margin: 5px 5px 5px 10px;
	font-weight:normal;

}

#titreAsso h6 {
	margin: 0px 5px 0px 50px;
	font-weight:normal;

}

#titreAsso img{
	float: right;
	padding: 0px 10px 0px 10px;
	margin: 0px 5px 0px 5px;
}

/*Fin association*/

/* début Aide*/
#titreAide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px 5px 5px 10px;
	background-color:#FFE0E0;    /* rose clair */
}

/*fin aide*/

/*Rencontre */
#titreRencontre {
	font-family: /*Comic Sans MS;*/ Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 110%;*/
	padding: 5px 5px 5px 10px;
	background-color:#EEFEEE; /* vert clair */
}


#titreRencontre h5 {
	margin: 5px 5px 5px 10px;
	padding: 5px 20px 0px 10px;
  /*font-weight:normal;*/
	font:bold;
}

#titreRencontre h6 {
	margin: 0px 5px 0px 50px;
	font-weight:normal;

}

#titreRencontre img{
	float: right;
	padding: 0px 10px 0px 10px;
	margin: 0px 5px 0px 5px;
}

/*Fin rencontre*/

/*pdf*/
.pdf { 
width : 100%; 
height : 200px; 
} 

/*Fin pdf*/