*{outline:none;}
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: #e41082; }
a.lien-rouge-plus { padding-top:5px; padding-bottom:5px;text-decoration: underline; color: #e41082; 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: 210px; background: url('../images/header.gif') center no-repeat; margin-bottom: 10px; }

#nav { padding: 0; margin: 0 0 0 0px; height: 30px; width: 897px; list-style: none; }
#nav li { float: left; }

#nav li a { 
	text-decoration:none;
	font-family: 'Exo', sans-serif;
	font-weight:700;
	font-size:15px;
	display: block; 
	background-repeat: no-repeat;
	color:#E52A7C;
	border:1px solid white;
	padding: 1px 5px;	
	margin-top:3px;
	}
#nav li.separateur{
	width:1px;
	border-left:solid 1px grey;
	height:12px;
	margin: 10px 5px;
}
#nav li a:hover, #nav li a.sel { 
	border:1px solid #E52A7C;
}

#nav li a.green {
	color:#00792C;
}

#nav li a.green:hover, #nav li a.green.sel { 
	border:1px solid #00792C;
}


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

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

#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; margin: 0 0 0 230px; }


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

#info-gauche { width: 220px; height: 390px; margin: 0 0 0px 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; }


/*###############################################*/
/*############ ANIMATION HOME  #############*/
/*###############################################*/

#home-anim { width: 652px; height: 376px; margin: 20px 0 20px 0; background-image:url(https://financeresponsable.org/images/bg-home.png);} 

/*###############################################*/
/*############ ANIMATION SIDE  #############*/
/*###############################################*/

#side-anim { width: 216px; height: 388px;margin-bottom:20px; } 
#side-anim2 { width: 216px; height: 388px; float:left;} 


/*###############################################*/
/*### 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: 134px; height: 200px; border: 2px solid #CCC; margin-left: 20px; }





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

#bloc-actualite { width: 650px; margin: 0 0 0 0; float: left;  }
#bloc-actualite h1 { margin: 0 0 10px 0 ; }
#bloc-actualite h2 { font-size: 13px; color: #00792d; margin: 0 0 0 0; letter-spacing: 1px; }
#bloc-actualite p { text-align: justify; }

#toutes-les-actus { float: right;  }

.dernieres-actus { margin: 0 0 10px 0; }

/*###############################################*/
/*########### SLIDER ACTU#                #######*/
/*###############################################*/
#slider { position: relative; overflow: auto; with:649px;display:block;height:200px;z-index:0; }
#slider li { 
	list-style: none; 
	display:block;
	display:table;
	 float: left;
	 height:200px;
}

#slider li .vignette,#slider li .actutxt{
	display:table-cell;vertical-align:top;
}
#slider li .actutxt p{margin-top:5px;font-size:12px; font-weight:bold;margin-bottom:5px;}
#slider li .vignette img{margin-right:20px;margin-left:2px;min-width:3px;}
#slider ul{padding:0}
.slidernav{
	display:block;
	position:absolute;
	z-index:9999;
	margin-top:210px;
	font-size:24px;
	color:#EF94B2;
	text-decoration:none;
	width: 650px;
}

.slidernav img{vertical-align: top; margin-top:2px;margin-right:3px;margin-left:3px;}
.slidernav a{
/*	font-family: 'Exo', sans-serif;*/
	font-size:14px;
	color:#EF94B2;
	font-weight:700;
	text-decoration:none;
}
#toutes-les-actus {padding-right:25px;background-image:url(../images/puce-fleches-vert.gif);background-repeat:no-repeat;background-position:right; font-size:11px;}
.slidernav #toutes-les-actus a{text-decoration:underline;font)size:11px;color:#E52A7C;font-weight:normal;}

.unslider-arrow.prev,.unslider-arrow.next{
	width:11px;
	height:14px;
	display:inline-block;
}

.unslider-arrow.prev{background-image:url(../images/nav-left-11x14.png);}
.unslider-arrow.prev:hover{background-image:url(../images/nav-left-on-11x14.png);}
.unslider-arrow.next{background-image:url(../images/nav-right-11x14.png);}
.unslider-arrow.next:hover{background-image:url(../images/nav-right-on-11x14.png);}


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

#bloc-soutenir { width: 71px; height: 222px; position:fixed; right:0;top: 200px;}


#texte-don { color: #F2EC87; 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;  }
#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;}
#bloc-texte-haut .textrub{font-size:14px;}
#bloc-texte-haut a{ padding-top:5px; padding-bottom:5px;text-decoration: underline; color: #e41082; background: url('../images/puce-carre-rouge.gif') left no-repeat; padding-left: 25px; }
#bloc-texte-haut a:hover { text-decoration: none; }
#bloc-texte-haut a.accordeon {color: #00792d; font-size: 13px; margin: 10px 0; letter-spacing: 1px; text-decoration: none;  margin-top:20px; background-image:none; padding-left:0;}
/*#bloc-texte-haut, #bloc-texte-bas h3, #bloc-texte-bas h3 a { color: #17a244; font-size: 13px; margin: 10px 0; letter-spacing: 1px; text-decoration: none;  margin-top:20px; }*/

#bloc-texte-haut .nav{
	font-family: 'Exo', sans-serif;
	font-size:14px;
	color:#EF94B2;
	font-weight:700;
	float:right;
}
#bloc-texte-haut .nav a{padding:0; background-image:none;text-decoration:none;color:#EF94B2;}
#bloc-texte-haut .nav a.sel,#bloc-texte-haut .nav a:hover{color:#E52A7C;}
#bloc-texte-haut .nav img{vertical-align:middle;}
#bloc-texte-haut .nav a.next,#bloc-texte-haut .nav a.prev {width:11px;height:14px;display:inline-block;vertical-align: middle;}
#bloc-texte-haut .nav a.next{background-image:url(../images/nav-right-11x14.png);}
#bloc-texte-haut .nav a.next:hover{background-image:url(../images/nav-right-on-11x14.png);}
#bloc-texte-haut .nav a.prev{background-image:url(../images/nav-left-11x14.png);}
#bloc-texte-haut .nav a.prev:hover{background-image:url(../images/nav-left-on-11x14.png);}

#accordeons a{ text-decoration: underline; color: #E41082; background: url('../images/puce-carre-rouge.gif') center left no-repeat; padding-left: 28px; }
#accordeons a:hover { text-decoration: none; }

#bloc-texte-bas {clear:both; padding-top:10px;}
#bloc-texte-bas h2 { color: #447a1c; font-size: 15px; margin: 30px 0 0 0; letter-spacing: 1px;}
#bloc-texte-bas h3, #bloc-texte-bas h3 a { color: #17a244; 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 h3 a .titre{margin-bottom:10px;margin-bottom:0px;}
#bloc-texte-bas h3 a .chapo{color:black; letter-spacing:normal;display:inline-block;margin-left:30px;vertical-align:top;width: 483px;text-align: justify;}
#bloc-texte-bas h3 a .chapo.noimg {margin-left:0px;width:650px;}
#bloc-texte-bas h3 a .img {width:147px; display:inline-block;margin-top:7px;text-align:center;}
 #bloc-texte-bas h3 a .img {/*width:147px; height:103px;display:inline-block*/}
#bloc-texte-bas h3 a .chapo .more{font-family:Helvetica, sans-serif;font-size:11px;color:#E52A7C; text-decoration:underline;}

#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; }

/* tableau entreprises */
.banklist{
	width:394px;
	font-weight:bold;
	border-collapse:collapse;
}
.banklist th,.banklist td{padding:5px;}
.banklist th{
	color:white;
	text-transform:uppercase;
	background-color:#949895;
	border:1px solid #949895;
	border-bottom-color:white;
	border-right-color:white;
}
.banklist th.last{border-right-color:#949895;}
.banklist tr.n1{background-color:#48B80E;}
.banklist tr.n2{background-color:#FFB300;}
.banklist tr.n3{background-color:#FE4A00;}
.banklist td a{text-decoration:none; color:black; background-color:transparent;}
.banklist td.impact{background-image:url(../images/banklist-bg-arrow.png); background-repeat:no-repeat; background-position: 10px center;
padding-left: 70px;}
.banklist td{border:solid #949895 1px;}

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

#cherche-entreprise { width: 610px; height: 400px; background: url('../images/fond-cherche-entreprise.gif') no-repeat; padding: 30px 10px 15px 15px; float: left; }
#cherche-entreprise {  padding: 30px 10px 100px 15px;  }
#cherche-entreprise p { margin: 0 0 10px 0; }
#cherche-entreprise p a { color:#E41082; }
#cherche-entreprise p a:hover {text-decoration:none;}
#cherche-label { width: 610px; height: 400px; background: url('../images/fond-cherche-label.gif') no-repeat; padding: 30px 20px 15px 15px; float: left; }
#cherche-label p { margin: 0 0 10px 0; }
#cherche-produit { width: 610px; height: 400px; 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('https://financeresponsable.org/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;
	margin-top: 50px;
	display: inline-block;	
}
#footer address { font-style: normal; margin: 48px 0 0 250px; }
#footer address { font-style: normal; margin: 20px 0 0 250px; }
#footer  .intitule {color:#00792C; }
#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;
}
#footer .footerlinks a {
	text-decoration:none;
	font-family: 'Exo', sans-serif;
	font-weight:700;
	font-size:15px;
	color:#E52A7C;
	margin-top:3px;	
}

/*
#footer { width: 900px; background: #FFF url('../images/footer.gif') center left no-repeat; clear: both; padding: 10px 0; }
#footer address { font-style: normal; margin: 48px 0 0 250px; }*/
* html #footer address { margin-top: 68px;  } /* hack IE6 */
*+html #footer address { margin-top: 68px;  } /* hack IE7 */
.txt-vert{color:#30c825;}
.txt-jaune{color:#e5e20b;}
.txt-jaunefonce{
	color:#B4B203;
}
.txt-orange{color:#F09E00;}
.txt-rouge{color:#f03300;}


#popup{background-color:white; width:700px;padding:50px;}
#popup h1.titre-grand-rouge {
	color: #e11279;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight: bolder;
	padding-left: 30px;
	margin: 15px 0;
	background-image: url(../images/puce-fleches-vert.gif);
	background-repeat: no-repeat;
}
#popup .b-close{
	background: url("../images/popup-fermer.gif") no-repeat scroll 0% 0% transparent;
width: 71px;
height: 25px;
display: block;
position:absolute;
margin-top:-35px;
margin-left:650px;
}


form#fcontact img {
    position: absolute;
    margin-left: 300px;
    margin-top: 120px;
}
form#fcontact input,form#fcontact label{display:block;margin: 10px 0px;}
form#fcontact input,form#fcontact textarea{border:solid grey 1px;padding:5px 0px;}