body,td,th {font-family:arial; font-size: 11px;background:#CFB5A6;}

body {	margin:0px;	}

#fond{background:url(images/fond.png) #CFB5A6  center 200px repeat-y;}

a {color:#006600;text-decoration: none;}
a:hover {text-decoration: underline;color:#006600;}


.photo{position:absolute;width:513px;height:309px;margin:-60px 0px 0px 0px;border:#FF9900 0px solid;;z-index:1;}

#entete{border:#FFCC00 0px solid;
	position:relative;width:787px;height:165px;	
	left:50%;
	padding:55px 0px 0px 10px;
	margin-left: -381px;
}
#entete a {color:#FFF;text-decoration: none;}
#entete a:hover {text-decoration: underline;color:#FFF;}

.entete1{background:url(images/head_bis.png) no-repeat;}
.entete2{background:url(images/head.png) no-repeat;}

#lien{position:absolute;width:225px;height:60px;margin:0px 10px 0px 495px; border:#FFF 0px solid;}
.lien{width:75px; height:60px;border:#FFF 0px solid;color:#FFFFFF;vertical-align:bottom;display:compact;cursor:pointer;text-align:center}
.hand{width:55px;height:45px; border:#FFF 0px solid;}
#lien1{background:url(images/greenhand.gif) no-repeat top center; margin:0px 0px 0px 0px;}
#lien2{background:url(images/yelhand.gif) no-repeat top center; margin:-60px 0px 0px 85px;}
#lien3{background:url(images/whitehand.gif) no-repeat top center; margin:-60px 0px 0px 170px;}
#lien4{background:url(images/redhand.gif) no-repeat top center; margin:-60px 0px 0px 220px;}



#logo{position:absolute;width:260px;height:60px;margin:20px 0px 0px 20px;cursor:pointer;border:#FFF 0px solid;
}

#slogan{position:absolute;margin:85px 0px 0px 110px;border:#FFF 0px solid;color:#FFFFFF; font:NORMAL 11px arial;
}
#bar_nav{position:absolute;width:500px;height:40px;margin:110px 0px 0px 14px;border:#CC0000 0px solid;color:#FFFFFF; font:NORMAL 11px arial;z-index:2;
}

.nav{width:120px;height:25px; font-weight:bold; text-align:center;display:compact;}
#nav1{margin:0px 0px 0px 0px;background-color:#013662}
#nav2{margin:-25px 0px 0px 120px;background-color:#FE9901}
/* #nav3{margin:-10px 0px 0px 240px;background-color:#CC0000}
#nav4{margin:-32px 0px 0px 360px; background-color:#6A8649}
 */
#nav3{margin:-25px 0px 0px 240px;background-color:#CC0000}
#nav4{margin:-25px 0px 0px 360px; background-color:#6A8649}
#accueil{position:absolute;width:100px;height:20px;margin:110px 0px 0px 10px;font-size:12px;font-weight:bold;padding:0px 0px 0px 0px;}

#central1{
	position:relative;left:50%;margin-left: -393px;
	border:#FFFF66 0px solid;
	width:753px; /*height:700px; 
	background:url(images/_fond.png) #FFF TOP right repeat-y;   */
	display:block; padding:0px 17px  ;
}

#gauche{float:LEFT;width:240px;
	/*margin:0px 0px 0px 8px ; */
}
#gauche img{border:none}
.decal{height:12px;}
	#pres{font:normal 11px arial ; width:240px;margin:0px ; padding:0px; background:url(images/presentation.png) no-repeat top right;color:#B5392D;}
	#pres_resume{color:#006600;}
	#pres H1{font:bold 13px arial ; width:240px; margin:0px 0px 20px 0px;color:#006600;}

#presentation_menu {vertical-align:top;font:bold 10px verdana;margin-bottom:20px;}
#presentation_menu a {display: block; margin-bottom: 1px; padding: 4px; color: #006600;  border-left: 0px solid #B5392D;}
#presentation_menu a:hover {color: #B5392D; text-decoration: none;  border-left: 0px solid #006600;}


	#int_senegal{font:normal 11px arial ; width:240px;margin:0px ; padding: 0px; background:url(images/int_senegal.png) no-repeat top left;color:#6D5041;}
	#int_senegal H1{font:bold 13px arial ; width:240px; margin:0px 0px 10px 0px;}

	#senegal{font:normal 11px arial ; width:240px;margin:0px ; padding: 0px; background:url(images/senegal.png) no-repeat top left;color:#6D5041;}
	#senegal H1{font:bold 13px arial ; width:240px; margin:0px 0px 10px 0px;}

#senegal_menu {vertical-align:top;font:bold 10px verdana;margin-bottom:15px;}
#senegal_menu a {display: block; margin-bottom: 1px; padding: 4px; color: #6D5041;  border-left: 0px solid #CFB5A6;}
#senegal_menu a:hover {color: #A98C57; text-decoration: none;  border-left: 0px solid #6D5041;}
	
/*temoignage*/

#temoignage{font:normal 11px arial ; width:240px;margin:0px ; padding:0px; background:url(images/presentation.png) no-repeat top right;color:#B5392D;}
	#temoignage_resume{color:#006600;}
	#temoignage H1{font:bold 13px arial ; width:240px; margin:0px 0px 20px 0px;color:#006600;}

#temoignage_menu {vertical-align:top;font:bold 10px verdana;margin-bottom:20px;}
#temoignage_menu a {display: block; margin-bottom: 1px; padding: 4px; color: #006600;  border-left: 0px solid #B5392D;}
#temoignage_menu a:hover {color: #B5392D; text-decoration: none;  border-left: 0px solid #006600;}


/*fin temoignage*/

/*participer*/

#participer{font:normal 11px arial ; width:240px;margin:0px ; padding: 0px; background:url(images/int_senegal.png) no-repeat top left;color:#6D5041;}
	#participer H1{font:bold 13px arial ; width:240px; margin:0px 0px 10px 0px;}

	#participer{font:normal 11px arial ; width:240px;margin:0px ; padding: 0px; background:url(images/senegal.png) no-repeat top left;color:#6D5041;}
	#participer H1{font:bold 13px arial ; width:240px; margin:0px 0px 10px 0px;}

#participer_menu {vertical-align:top;font:bold 10px verdana;margin-bottom:15px;}
#participer_menu a {display: block; margin-bottom: 1px; padding: 4px; color: #6D5041;  border-left: 0px solid #CFB5A6;}
#participer_menu a:hover {color: #A98C57; text-decoration: none;  border-left: 0px solid #6D5041;}


/*fin temoignage*/


	
	#int_parrain{font:normal 11px arial ; width:240px;margin:0px ; padding: 0px; background:url(images/int_parrain.png) no-repeat top left;color:#B5392D;}
	#int_parrain H1{font:bold 13px arial ; width:240px; margin:0px 0px 10px 0px;}

#parrain_menu {vertical-align:top;font:bold 10px verdana;margin-bottom:15px;}
#parrain_menu a {display: block; margin-bottom: 1px; padding: 4px; color: #000;  border-left: 0px solid #B5392D;}
#parrain_menu a:hover {color: #B5392D; text-decoration: none;  border-left: 0px solid #000;}
		

	

#milieu{
	float: right;
	width:500px;margin-right:0px;
	/* PADDING:285px 0px 0px 0px; */
}
.milieu{ border:#000 0px solid;}

#milieu_1{border:#6F33FF 0px solid;float:LEFT; background:url(images/actu.png) no-repeat top left; color:#006600;text-align:justify;
}
	#milieu_1 H1{font:bold 14px arial ; width:240px; margin:13px 0px 10px 0px;}
	

.actu {border: 1px dotted #eFe5e0;
	width:237px;display: block;
	padding:3px;
	cursor:pointer;
}
.actu2 {border: 1px solid #CFB5A6;
	width:237px;display: block;
	padding:3px;
	cursor:pointer;
	
}
.actu H1 {text-transform:uppercase; font-size:12px;}
.actu2 H1 {text-transform:uppercase; font-size:12px;}
.actu_resume {width:240px;font:normal 10px verdana;}



#milieu_2{border:#66FFFF 0px solid;float: right;width:220px;color:#B5392D;

}

	#milieu_2 h1 {font:bold 14px arial; font-style:italic; margin:0px;}
	#milieu_2 h2 {font:bold 12px arial; margin:0px;}
	#milieu_2 a {color: #000;text-decoration: none;}
	#milieu_2 a:hover {color: #000;text-decoration: underline;}
.separateur{height:9px; background:url(images/separateur.png) no-repeat bottom center;margin:8px 0px;}

/*  PAGES ARTICLE */
	
#article{font:normal 11px arial ; width:98%;margin:10px 0px ; border:#66FFFF 0px solid;}
#article H1{font:bold 18px arial ; margin:13px 0px 10px 0px;color:#B5392D;text-transform:uppercase;}
#logo_art{position:relative; float:left;margin:5px ;}



#footer{border:#66FFFF 0px solid; font-size:12px;color:#FFFFFF;
	position:relative;left:50%;margin-left: -380px;clear:both;
	width:762px;height:91px;
	/*background:url(images/foot.png) no-repeat;*/
	background: #612300;

	 padding:5px 0px 0px 0px ;
}

#footer img{border: none;}
#footer a {color:#FFF;text-decoration: none;}
#footer a:hover {text-decoration: underline;color:#FFF;}

#foot_adresse{float:LEFT;width:500px;position:absolute; margin:0px  0px 0px 20px; border:#6F33FF 0px solid;
	
}

#foot_fr{border:#6F33FF 0px solid;float:LEFT;width:200px;
}


#foot_sn{border:#66FFFF 0px solid;float: right;width:200px; 
}

#foot_link{
	float: right;width:170px; border:#6F33FF 0px solid;
	position:absolute; margin:15px  0px 0px 580px;
	text-align:right
	 /*margin:0px  8px 0px 0px; */
}


/* FORMULAIRES    */
.input{font:bold 11px arial;}
.input input{width:210px; height:18px;margin-bottom:3px;
	-moz-border-radius: 6px;
	border:#B5392D 1px solid;
	background-color:#FFFFFF;
	color:#333;font:NORMAL 11px arial;
}

.bouton{text-align:right;width:100%;}


.bouton input{
	background-color:#B5392D;margin-right:6px;
	border:#B5392D 1px outset;
	-moz-border-radius: 6px;
	color:#FFFFFF;font:bold 10px arial;
	
}
.bouton input:hover{background-color:#DD4400;}

#formulaire {
        border: none;
        margin: 0;
        padding: 0;
        width: 95%;        /*** Largeur du formulaire ***/
        text-align : left;

}

#formulaire div#titreForm, div#piedForm {        /*** Mise en forme du titre et du pied de formulaire ***/
        font: bold 1.1em arial, hevetica, sans-serif;
		color: white; /* white */ 
		/*background-color:#C59100;*/
        padding-top: 5px;
        padding-bottom: 13px;	
}
#formulaire #titreForm a {
		margin-left: -165px;
		color: white;
		text-decoration: none;
}
#formulaire #titreForm a:hover {
		text-decoration: under;
}
#formulaire div#piedForm {
	//*	background-color:white;*/
}
#formulaire div#piedForm input {
		margin-right: 30px;
}
#formulaire div#piedForm {
        text-align: right; /*** Les boutons sont alignés à droite ***/
}
#formulaire div#piedForm input {
        font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
        margin-left: 1em;
}
#formulaire div#corpForm {        /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
        color: black;
        /* background-color: #7E8B00;  #DDE2FE #efefef  #9EA5CA #8A91BC  */
        margin: 0;
        padding: 1em;
}
#formulaire div#corpForm fieldset {        /*** Mise en forme des cadres ***/
        margin: 0;
        font-style: normal;
        padding: 0 1em 1em;
}
#formulaire div#corpForm legend {        /*** Mise en forme des titres des cadres ***/
        font-weight: bold;
        color: black;  /* E1EB48 93A012 black  #8A91BC  395DA7*/
        background: transparent;
}
#formulaire div#corpForm p {        /*** Mise en forme des lignes du formulaire ***/
        padding: .2em 0;
        margin: 0 0 .2em 0;
}
#formulaire div#corpForm input, select, textarea {        /*** Mise en forme des checkboxs du formulaire ***/
		background-color: #CFB5A6;
}
#formulaire div#corpForm input.checkbox {        /*** Mise en forme des checkboxs du formulaire ***/
        margin-top : 5px;
}
#formulaire div#corpForm fieldset label {        /*** Mise en forme des intitulés de champs ***/
        float: left;        /*** Très important, ne pas suprimer ! ***/
        width: 30%;        /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
        text-align: right;        /*** ... et ils sont alignés à droite... ***/
        margin: 0;
        padding: 0 .5em 0 0;
        line-height: 1.8;        /*** ... et centrés verticalement. ***/
}
#formulaire div#corpForm  #piedForm input {
        cursor: pointer;        /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#formulaire div#corpForm label.oblig {
        font-weight: normal;        /*** Mise en évidence des champs obligatoires ***/
		color: black;	
}
#formulaire div#corpForm .legende {        /*** Mise en forme des aides contextuelles ***/
        font-style: italic;
        color: #666;
        background: transparent;
        margin: 0;
        padding: 0;
}
#formulaire div#corpForm a.aide {        /*** Mise en forme des bulles d'aide ***/
        text-decoration: none;
}
#formulaire div#corpForm a.aide img {        /*** Mise en forme de l'image des bulles d'aide ***/
        margin: 0;
        padding: 0;
        border: 0;
        margin-bottom : 0.2em;
}
#formulaire div#corpForm a.aide:hover {        /*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
        cursor: help;
}
#formulaire div#corpForm .focus {        /*** Mise en avant des champs en cours d'utilisation ***/
        background: beige;
        color: black;
}
#formulaire div#corpForm .normal {        /*** Retour à l'état normal après l'utilisation ***/
        background: white;
        color: black;
}

/*** Mise en forme des messages d'erreur ***/
#formulaire div#corpForm .alerte {        /*** Mis en évidence des champs mal renseignés ***/
        border: 0px solid red;
}
#formulaire div#corpForm .messageAlerte {        /*** Mise en forme des message d'alerte ***/
        display: block;
        margin: 0 0 .3em .3em;
        padding-left: 2em;
        color: red;
        font-weight: normal;
		font-size:10px;
        /* background: url('./../image/formulaire/icon_alert.gif') no-repeat left center; */
}

#formulaire div#corpForm .noalerte {        /*** Mis en évidence des champs mal renseignés ***/
        border: 0px solid red;
}
#formulaire div#corpForm .nomessageAlerte {        /*** Mise en forme des message d'alerte ***/
        display: none;
}

// Pour les boutons de saut de page
#formulaire div#corpForm input.bigred {
	font-weight: bold; 
	background: #FF6666;
}

#formulaire div#corpForm input.flat {
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
}

/* BALISE DE L ENCAPSULATION DES fieldset */
#form {
        color: black;
        margin: 0;
        padding: 1em;
        width:auto;
        background-color: #white;    /*  999999  C8CEAC  C4C4C4 */
}

#form fieldset {
        font-style: normal;
}
#form legend {
        font-weight: bold;
        background-color: transparent;
        color: #395DA7;  /* #8C9E76 */
        font-family: arial, helvetica, sans-serif;
        font-size: 10pt;
}
/* tableau  */

.table {
         width:100%;
}

.tbody {
		background-color:#FFFFFF;
}

.tfoot {
		background-color:#FFFFFF;
		border:1px solid #6495ed;
}

.th {
		background-color:#395DA7;
		color: white;
		padding-top:5px;
		padding-bottom:5px;
}

.td {
		padding-top:5px;
		padding-bottom:5px;
		text-align:left;
		border-bottom: 1px solid gray;
}

.caption {
		font-family:sans-serif;
}