body { margin:0px; background-color:#e6f5ea; font-family: Helvetica, arial, sans-serif; font-size: 12px; }
img { border: 0;}

#global { width: 900px; background-color: #FFF; margin: 0 auto; padding: 0 20px; }

h1, h2, h3 { margin: 0 }
p { margin: 0; text-align: justify; }

a.lien-rouge { text-decoration: underline; color: #bc87b6; }
a.lien-rouge-plus { padding-top:5px; padding-bottom:5px; text-decoration: underline; color: #bc87b6; background: url('../images/puce-carre-rouge.gif') center left no-repeat; padding-left: 28px; }
a.lien-rouge:hover, a.lien-rouge-plus:hover { text-decoration: none; }
.spacer { margin: 0; visibility: hidden; clear: both; }

/*###############################################*/
/*############ Header / navigation  #############*/
/*###############################################*/

#header { width: 900px; height: 30px; padding-top: 192px; background: url('../images/header.gif') center no-repeat; margin-bottom: 10px; }

#nav { padding: 0; margin: 0 0 0 23px; height: 30px; width: 897px; list-style: none; }
#nav li { float: left; }
#nav li a { display: block; height: 30px; margin: 0; background-repeat: no-repeat; }

* html #nav { margin: 0 0 0 44px; } /* Hack IE 6 */

#nav-fleches { width: 34px; height: 30px; background: url('../images/nav-fleches.gif'); }

#nav-qui { width: 177px; background: url('../images/nav-qui-sommes-nous.gif'); }
#nav-enj { width: 128px; background: url('../images/nav-enjeux.gif'); }
#nav-mob { width: 178px; background: url('../images/nav-mobilisons-nous.gif'); }
#nav-lie { width: 120px; background: url('../images/nav-liens-utiles.gif'); }

#nav-qui:hover, #nav-qui-on { width: 177px; background: url('../images/nav-qui-sommes-nous.gif') 0 -30px; }
#nav-enj:hover, #nav-enj-on { width: 128px; background: url('../images/nav-enjeux.gif') 0 -30px; }
#nav-mob:hover, #nav-mob-on { width: 178px; background: url('../images/nav-mobilisons-nous.gif') 0 -30px; }
#nav-lie:hover, #nav-lie-on { width: 120px; background: url('../images/nav-liens-utiles.gif') 0 -30px; }

#lien-accueil { width: 300px; height: 65px; display: block; position: absolute; top: 0; margin-left: 20px; }
* html #lien-accueil { margin-left: 40px; } /* Hack IE6 */

#lien-adt { width: 200px; height: 100px; display: block; position: absolute; top: 110px; margin-left: 695px; }
* html #lien-adt { margin-left: 715px; }



/*###############################################*/
/*############ colonne gauche       #############*/
/*###############################################*/

#colonne-gauche { width: 220px; float: left; }


/*###############################################*/
/*############ colonne droite       #############*/
/*###############################################*/

#colonne-droite { width: 650px; float:left; margin-left:20px; }


/*###############################################*/
/*############ Info  gauche        #############*/
/*###############################################*/

#info-gauche { width: 220px; margin: 0 0 30px 0; }
#info-gauche h1 { margin: 0 0 10px 0; }
#info-gauche p { text-align: justify; margin: 5px 0; }
#info-gauche .info-savoir-plus { text-align: right; }



/*###############################################*/
/*### Flash Recheche info Mini  gauche        ##*/
/*###############################################*/

#flash-recherche-2 { width: 220px; height: 390px; }

/*###############################################*/
/*############ Flash Recheche info  #############*/
/*###############################################*/

#flash-recherche-1 { width: 650px; height: 390px; margin: 20px 0 20px 0; } 


/*###############################################*/
/*### Flash Recheche info  ##*/
/*###############################################*/

#flash-recherche-3 { width: 200px; height: 350px; float: left; margin: 0 10px 0 0; } 


/*###############################################*/
/*############ Bloc photo   #############*/
/*###############################################*/

#bloc-photo { width: 164px; height: 205px; background: url('../images/bloc-photo-barre.gif') left no-repeat; margin-left: 5px; }
#bloc-photo img { width: 140px; height: 200px; border: 2px solid #CCC; margin-left: 20px; }





/*###############################################*/
/*########### Dernieres actualites  #############*/
/*###############################################*/

#bloc-actualite { width: 390px; margin: 0 0 0 0; float: left;  }
#bloc-actualite h1 { margin: 0 0 10px 0 ; }
#bloc-actualite h2 { font-size: 13px; color: #f3a733; margin: 0 0 0 0; letter-spacing: 1px; }
#bloc-actualite p { margin: 0; text-align: justify; }
/*#bloc-actualite a{text-decoration: underline; color: #bc87b6; background: url('../images/puce-carre-rouge.gif') center left no-repeat; padding-left: 28px;}
#bloc-actualite a:hover{text-decoration: none;}*/

#toutes-les-actus { float: right; margin-top: 8px; }

.dernieres-actus { margin: 0 0 10px 0; }
/*.dernieres-actus a{text-decoration: underline; color: #bc87b6; background: url('../images/puce-carre-rouge.gif') center left no-repeat; padding-left: 28px;}
.dernieres-actus a:hover{text-decoration: none;}*/

/*###############################################*/
/*########### Bloc Soutenir         #############*/
/*###############################################*/

/*#bloc-soutenir { width: 225px; height: 222px; background: url('../images/fond-soutenir.gif') top center no-repeat; margin: 0 0 0 410px; }*/
#bloc-soutenir { width: 225px; height: 222px; background: url('../images/fond-soutenir.gif') top center no-repeat; float:right; /*margin:0 0 20px 20px;*/}
#bloc-soutenir p { margin-left: 19px; font-size: 12px; margin-top:10px;}
#texte-don { color: #943120; margin: 0 0 0 0; padding: 10px 0 0 0; width: 185px; font-weight:normal;}
#don-1, #don-2, #don-3 { color: #FFF; }

#don-1 { margin: 13px 0 0 0; width: 185px; }
#don-2 { margin: 11px 0 0 0; width: 180px; }
#don-3 { margin: 9px 0 0 0; width: 170px; }

#autres-dons-cliquer { width: 27px; height: 21px; display: block; margin: 10px 0 0 165px; background: url('../images/fleches-jaunes.gif') no-repeat;}
#bloc-soutenir .fleches { background: url('../images/fleches-jaunes.gif') no-repeat; }

/*#bloc-soutenir { width: 225px; height: 222px; background: url('../images/fond-soutenir.gif') top center no-repeat; float:right; margin:0 0 20px 10px;}
#bloc-soutenir p { margin-left: 20px; font-size: 12px; margin-top:10px;}
#texte-don { color: #943120; margin: 0 0 0 0; padding: 10px 0 0 0; width: 185px; font-weight:normal;}
#don-1, #don-2, #don-3 { color: #FFF; }

#don-1 { margin: 13px 0 0 0; width: 185px; }
#don-2 { margin: 11px 0 0 0; width: 180px; }
#don-3 { margin: 9px 0 0 0; width: 170px; }
#autres-dons-cliquer { width: 27px; height: 21px; display: block; margin: 10px 0 0 165px; background: url('../images/fleches-jaunes.gif') no-repeat; }
#bloc-soutenir .fleches { background: url('../images/fleches-jaunes.gif') no-repeat; }
*/

/*###############################################*/
/*########### Bloc texte            #############*/
/*###############################################*/

#bloc-texte-haut{ float: left; width: 660px; margin: 0 0 0 0; }
#bloc-texte-haut h1 { margin : 5px 0; color: #7e0001; font-size: 16px; }
#bloc-texte-haut p.bloc-texte-haut { text-align: justify; margin: 10px 0;  }
#text-rubrique a{padding-top:5px; padding-bottom:5px; text-decoration: underline; color: #bc87b6; background: url('../images/puce-carre-rouge.gif') center left no-repeat; padding-left: 28px;}
#text-rubrique a:hover{text-decoration: none;}
#text-rubrique-2{margin-left:212px;}
#text-rubrique-2 a{padding-top:5px; padding-bottom:5px; text-decoration: underline; color: #bc87b6; background: url('../images/puce-carre-rouge.gif') center left no-repeat; padding-left: 28px;}
#text-rubrique-2 a:hover{text-decoration: none;}

#bloc-texte-bas {clear:both; padding-top:10px;}
#bloc-texte-bas h2 { color: #f3a733; font-size: 15px; margin: 30px 0 0 0; letter-spacing: 1px; }
#bloc-texte-bas h3, #bloc-texte-bas h3 a { color: #f3a733; font-size: 13px; margin: 10px 0; letter-spacing: 1px; text-decoration: none; margin-top:20px;}
#bloc-texte-bas p { padding: 5px 0; text-align: justify; }
/*#bloc-texte-bas a{text-decoration: underline; color: #bc87b6; background: url('../images/puce-carre-rouge.gif') center left no-repeat; padding-left: 28px;}
#bloc-texte-bas a:hover{text-decoration: none;}*/

#bloc-texte-bas .ligne-visuel { margin: 30px 0; width: 100%; }

#bloc-texte-bas .ligne-visuel .visuel-3, #bloc-texte-bas .ligne-visuel .visuel-2, #bloc-texte-bas .ligne-visuel .visuel-1 { float: left; width: 200px; }
#bloc-texte-bas .ligne-visuel .visuel-3 img, #bloc-texte-bas .ligne-visuel .visuel-2 img, #bloc-texte-bas .ligne-visuel .visuel-1 img { margin: 0; border: 1px dotted #CCC; }
#bloc-texte-bas .ligne-visuel .visuel-3 p, #bloc-texte-bas .ligne-visuel .visuel-2 p, #bloc-texte-bas .ligne-visuel .visuel-1 p { width: 200px; text-align: center; }

/* Cas o il y aurait 3 visuels */
#bloc-texte-bas .ligne-visuel .visuel-3 {  margin-left: 10px; }

/* Cas o il y aurait 2 visuels */
#bloc-texte-bas .ligne-visuel .visuel-2 { margin-left: 84px; }
* html #bloc-texte-bas .ligne-visuel .visuel-2 { margin-left: 50px; } /* Hack IE6 */

/* Cas o il y aurait 1 seul visuel */
#bloc-texte-bas .ligne-visuel .visuel-1 { margin-left: 220px; }
* html #bloc-texte-bas .ligne-visuel .visuel-1 { margin-left: 120px; }



/*###############################################*/
/*########### Bloc Cherche...       #############*/
/*###############################################*/

/*#cherche-entreprise { width: 630px; height: 490px; background: url('../images/fond-cherche-entreprise.gif') no-repeat; padding: 30px 10px 15px 15px; float: left; }
#cherche-entreprise p { margin: 0 0 10px 0; }*/

/*------	Diagnostic	id_rubrique=1	-------*/
#cherche-1 { width: 622px; height: 490px; background: url('../images/fond-cherche-entreprise.gif') no-repeat; padding: 30px 20px 15px 15px; float: left; }
#cherche-1 p { margin: 0 0 10px 0; }
/*------	Technique	id_rubrique=2	-------*/
#cherche-2 { width: 622px; height: 490px; background: url('../images/fond-cherche-produit.gif') no-repeat; padding: 30px 20px 15px 15px; float: left; }
#cherche-2 p { margin: 0 0 10px 0; }
/*------	Materiaux id_rurbique=3		-------*/
#cherche-3 { width: 622px; height: 490px; background: url('../images/fond-cherche-label.gif') no-repeat; padding: 30px 20px 15px 15px; float: left; }
#cherche-3 p { margin: 0 0 10px 0; }
/*------	Montage id_rurbique=9		-------*/
#cherche-9 { width: 622px; height: 490px; background: url('../images/fond-montage-financier.gif') no-repeat; padding: 30px 20px 15px 15px; float: left; }
#cherche-9 p { margin: 0 0 10px 0; }
/*------	Professionel id_rurbique=10		-------*/
#cherche-10 { width: 622px; height: 490px; background: url('../images/fond-les-professionnels.gif') no-repeat; padding: 30px 20px 15px 15px; float: left; }
#cherche-10 p { margin: 0 0 10px 0; }
/*------	Quotidien id_rurbique=11		-------*/
#cherche-11 { width: 622px; height: 490px; background: url('../images/fond-au-quotidien.gif') no-repeat; padding: 30px 20px 15px 15px; float: left; }
#cherche-11 p { margin: 0 0 10px 0; }

/*ul.liste-label{margin-left:90px;}
*+html ul.liste-label{margin-left:135px;}
* html ul.liste-label{margin-left:135px;}
li.liste-label{list-style:none; background-image:url(../images/puce-violette.gif); background-repeat:no-repeat; background-position:80px 5px; padding-left:90px; padding-bottom:5px;}*/
ul.liste-label{margin-left:170px;}
*+html ul.liste-label{margin-left:135px;} /* Hack IE 7*/
* html ul.liste-label{margin-left:135px;} /* Hack IE6 */
li.liste-label{list-style:none; background-image:url(../images/puce-violette.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:10px; padding-bottom:5px;}
*+html li.liste-label{list-style:none; background-image:url(../images/puce-violette.gif); background-repeat:no-repeat; background-position:80px 5px; padding-left:90px; padding-bottom:5px;}  /* Hack IE 7*/
* html li.liste-label{list-style:none; background-image:url(../images/puce-violette.gif); background-repeat:no-repeat; background-position:80px 5px; padding-left:90px; padding-bottom:5px;} /* Hack IE6 */

/*#cherche-produit { width: 631px; height: 490px; background: url('../images/fond-cherche-produit.gif') no-repeat; padding: 30px 10px 15px 15px; float: left; }
#cherche-produit p { margin: 0 0 10px 0; }*/

#colonne-droite-cherche { margin: 0 0 0 260px; }
#colonne-droite-cherche img { border: 0; margin: 0; }

#colonne-droite-cherche .visuel-cherche { margin: 20px 0 0 20px; }

.liste-bouton { width: 139px; height: 10px; background: url('../images/fond-bouton.gif') top center no-repeat;
	display: block; margin: 20px 0 20px 330px; padding: 9px 5px 10px 30px; 
	text-decoration: none; color: #000; }

.liste-bouton span { display: block; width: 130px; text-align: center; cursor: pointer; }

ul#liste-cherche { border: 1px solid #999; width: 175px; height: 200px; overflow-y: scroll; position: absolute; margin: 0 0 0 329px; background: #FFF7E1; list-style: none; padding: 0; }
* html ul#liste-cherche { margin: -24px 0 0 122px; } /* Hack IE6 */
*+html ul#liste-cherche { margin: -20px 0 0 120px; } /* Hack IE 7*/

#cherche-produit #liste-cherche { background-color: #FFF4E9; }
#cherche-label #liste-cherche { background-color: #f4e5dd; }

ul#liste-cherche a { color: #000; display: block; width: 148px; height: 25px; line-height: 25px; padding-left: 10px; text-decoration: none; }
ul#liste-cherche a:hover { color: #000; text-decoration: underline; }

.ligne-1 { background-color: #FFF7E1; }
.ligne-2 { background-color: #FFEDB8; }

#cherche-produit #liste-cherche .ligne-1 { background-color: #FFF4E9; }
#cherche-produit #liste-cherche .ligne-2 { background-color: #F9E4CD; }

#cherche-label #liste-cherche .ligne-1 { background-color: #f4e5dd; }
#cherche-label #liste-cherche .ligne-2 { background-color: #f4dacc; }


/*###############################################*/
/*########### Footer#                ############*/
/*###############################################*/

#footer {
	width: 900px;
	background: #FFF url('../images/footer.gif') top left no-repeat;
	clear: both;
	padding: 20px 0;
	height: 90px;
}
#footer address { font-style: normal; margin: 48px 0 0 250px; }
#footer address { font-style: normal; margin: 20px 0 0 250px; }
#footer  .intitule {color:#CBD307; }
#footer a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
#footer p {
	text-align:left;
	margin-left:250px;
	padding:0;
	float: left;
	width: 800px;
	margin-top: 5px;
}
#footer .nom a {
	color:#000;
	font-weight:normal;
	text-decoration: none;
}
* html #footer address { margin-top: 68px;  } /* hack IE6 */
*+html #footer address { margin-top: 68px;  } /* hack IE7 */

/*###############################################*/
/*########### CLASS	                ############*/
/*###############################################*/
.titre-orange {font-size: 13px; color: #f3a733; margin: 0 0 0 0; letter-spacing: 1px; font-weight:bold;}