/*regles generales*/
body {
	background-color: #CAD5E8;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	margin:0;
	padding:0;
	height:100%;
}
div, p, lu, h1, h2, h3, h4, dl, dt{ margin:0;padding:0;}
/*div invisible pour referencement*/
.psvue{display: none;}
/*fin div invisible*/
img{border: 0; margin:0; vertical-align: middle;}

/*zone gros titres*/
h1{font-size:120%;color: #21A037; font-weight: normal;
	padding: 4px 24px 4px 24px; }
h2{
	font-size: 90%;
	text-align: justify;
	line-height: 16px;
	font-weight: normal;
	color: #21A037;
	padding:  4px 24px 4px 24px;
}
dfn{
	display: block;
	font-size: 70%;
	text-align: justify;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	color: #364D72;
	padding:  4px 24px 4px 24px;
}
p{	padding: 24px 24px 0 24px; color:#000;}

ul{list-style: none;}
ol{font-size:80%;padding:0; margin: 4px 24px 4px 24px;  list-style-image: url(images/pol.gif);color:#364D72; list-style-position: outside;}
strong{ font-variant: small-caps;}
p strong{ color:red;}
BIG{font-size: 120%;}
small{font-size: 90%;}
blockquote{margin:0;padding:0;}
q,cite{color:#95BF00; font-family:times,courrier;}
cite{font-size:70%;	padding:  4px 24px 4px 24px; text-align: right; display: block;margin-bottom:12px; font-family: Arial, Helvetica, sans-serif;}

a{	color:#21A037; text-decoration: none;}
a:hover{ color:#000; text-decoration: underline;}


/*formulaires generalites*/
form{	display: inline;}
select,
input{ vertical-align: middle; font-size:80%;}
/*fin formulaires generalites*/

/*fin regles globales*/

/*----------- blocs ------------*/
#global{	overflow:hidden;
	background:url(images/fdglobal.jpg) repeat-y;
	position: absolute;
	left: 50%;
	margin-left: -386px;
	width: 772px;
	padding: 0px;
	top: 0;}
#entete{width:100%; background:url(images/fdentete.jpg) no-repeat; height:118px;}
#corps{width: 100%;}
#bottom{ margin: auto; overflow: hidden; clear:both;}
#left{ width: 220px; float: left; margin:0 0 0 4px; display: inline; position:relative;}

#center{width: 324px; background:url(images/fdhcentre.gif) no-repeat #fff; float: left; margin:8px 0 0 0;display:inline; position:relative;}
#centerbig{width: 536px; background:url(images/fdhcentrebig.jpg) no-repeat #fff; float: left; margin:8px 0 0 0;display:inline; position:relative;}

#right{width: 220px; float: right; margin:0 4px 0 0; display: inline; position:relative;}
/*--------- fin blocs ----------*/

/*----------- entete ------------*/

#logo{}

#nav1{clear:both; width:100%; font-size: 80%; margin:4px 0 0 10px; padding: 0; height:28px;}
html>body #nav1{margin:4px 0 4px 10px; }
#nav1 li{width: auto; float:left; text-align: center ; margin:0; line-height: 28px;}
#nav1 li#nav1li1{margin:0 0 0 3px; width:92px; display:inline; background: url(images/fd1.gif) no-repeat}
#nav1 li#nav1li2{margin:0 0 0 3px; width:210px; display:inline; background: url(images/fd2.gif) no-repeat}
#nav1 li#nav1li3{margin:0 0 0 3px; width:154px; display:inline; background: url(images/fd3.gif) no-repeat}
#nav1 li#nav1li4{margin:0 0 0 3px; width:173px; display:inline; background: url(images/fd4.gif) no-repeat}
#nav1 li#nav1li5{margin:0 0 0 3px; width:105px; display:inline; background: url(images/fd5.gif) no-repeat}
#nav1 li a{ margin:0; display:block; color:#364D72; background: url(modele3/btmn1.gif) left no-repeat;}
#nav1 li a:hover{color:#000;}

#nav1 li#nav1li1 a:hover{background: url(images/fd1.gif) no-repeat}
#nav1 li#nav1li2 a:hover{background: url(images/fd2b.gif) no-repeat}
#nav1 li#nav1li3 a:hover{background: url(images/fd3b.gif) no-repeat}
#nav1 li#nav1li4 a:hover{background: url(images/fd4b.gif) no-repeat}
#nav1 li#nav1li5 a:hover{background: url(images/fd5b.gif) no-repeat}


#nav2{clear:both; width:100%; font-size: 70%; margin:4px 0 8px 10px; padding: 0; height:17px; background: url(images/fdbottom.jpg) no-repeat}
#nav2 li{width: auto; float:right; text-align: center ; margin:0 35px 0 0;line-height: 17px;}
#nav2 li a{ margin:0; display:block; color:#fff;}


/*----------- fin entete -----------*/

/*----------- elements colonnes ------------*/
.bloc{margin:8px 0 0 0;padding:0;border:0; clear:both;}

/*regles generales des listes dans les blocs*/
.bloc ul{font-size: 80%; margin:0; padding: 0; list-style-type: none;}
.bloc ul li{clear:both; font-size: 90%; list-style-type:none;}

/*fin regles generales des listes dans les blocs*/
div.bloc ul.bloc-content li a.mn{display:block; width:220px; height:50px; margin:0 0 10px 0;}
div.bloc ul.bloc-content li a#mn1{background: url(images/mn1a.gif) right no-repeat;}
div.bloc ul.bloc-content li a#mn2{background: url(images/mn2a.gif) right no-repeat;}
div.bloc ul.bloc-content li a#mn3{background: url(images/mn3a.gif) right no-repeat;}

div.bloc ul.bloc-content li.plus {text-align:right; margin:2px 6px 12px 0;}
div.bloc ul.bloc-content li.plus a{color: #21A037;}

ul.parts{width: 502px; clear: both; }
ul.parts li{ width: 470px;margin-bottom:20px; clear:both; display: block;}
ul.parts li a img{ float: left; margin: 0 10px 5px 0;}
ul.parts li a span{ font-size:70%; display:block;color: #364D72; text-align: justify; margin:0 10px 0 0;}

/*----------- fin elements colonnes ------------*/

/*------------- corps --------------*/
div#corps{margin:0;}

/*----------- centre ------------*/
div#articles{margin:8px 0 0 0;}
/*----------- article ------------*/

div.article{clear: both;}
div.article div.bloc-titre{margin:0; background:transparent;}
div.article div.bloc-content{ margin: 0; }

div#titresite h1{background: url(images/fdhcentre.gif) no-repeat; height:55px}
div#titreoffres h1{background: url(images/titreoffres.gif) no-repeat; height:55px}
div#titreactualites h1{background: url(images/titreactualites.gif) no-repeat; height:55px}
div#titrecontact h1{background: url(images/titrecontact.gif) no-repeat; height:55px}
div#titrepartenariats h1{background: url(images/titrepartenariats.gif) no-repeat; height:55px}
div#titresupport h1{background: url(images/titresupport.gif) no-repeat; height:55px}

div.article p{	text-align: justify; font-size: 80%;}



/*----------- fin article ------------*/
div.article-bottom{width:100%; height:8px;background: url(images/fdbcentre.gif) bottom no-repeat; clear: both;}
div#centerbig div.article-bottom{background: url(images/fdbcentrebig.gif) bottom no-repeat;}

dl{
	margin: 4px 7px 4px 7px;
	padding:0;
	font-size: 90%;
}
dd{
	clear: both;
	border: 1px solid #D5DDED; border-top:0; margin:0; padding:0;
	display: block; overflow: auto; height: 480px;
}
dt#dtoffres a.onglet{display:block; width:174px; height:37px; float:left;}

dt#dtoffres a#equip{background: url(images/ong1a.gif) no-repeat;}
dt#dtoffres a#flow{background: url(images/ong2a.gif) no-repeat;}
dt#dtoffres a#services{background: url(images/ong3a.gif) no-repeat;}

dt#dtoffres a#equip1{background: url(images/ong1b.gif) no-repeat;}
dt#dtoffres a#flow1{background: url(images/ong2b.gif) no-repeat;}
dt#dtoffres a#services1{background: url(images/ong3b.gif) no-repeat;}

dt#dtoffres a#equip2{background: url(images/ong1c.gif) no-repeat;}
dt#dtoffres a#flow2{background: url(images/ong2c.gif) no-repeat;}
dt#dtoffres a#services2{background: url(images/ong3c.gif) no-repeat;}

dd#smenu2{ height: auto;}

/*----------- fin centre ------------*/

/*--------- particularites ----------*/

/*------- fin particularites --------*/