/***********************************************/
/*		         www.nevot.com		           */
/*    Copyright(c)2008   www.menlog.com        */
/***********************************************/        	

/* background: #00ff00 url(smiley.gif) no-repeat fixed center;*/


* { margin: 0; padding: 0;}

body {
	background: #666666 url(../images/fondPage.gif) repeat-x top ;
	font: 13px/1.5em 'Arial', Helvetica, sans-serif;
	background-color:#F7F4EA;
	text-align: center;
	margin: 0 0 0px 0;	
}

h1{font: bold 1.7em/1.3em Georgia, "Times New Roman", Times, serif; color:#9196CB; padding:20px 0 0 20px;
}

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

/* images */
img {
}
img.nu {border: 0px;padding: 0px;
}
img.float-right {margin: 5px 0px 10px 10px;  
}
img.float-left {margin: 5px 10px 10px 0px;
}


.justifier{ text-align:justify;}

.grand{font-size:1.3em;}
.plusGrand{font-size:22px; line-height:20px;}
.petit{font-size:13px;}

.separer{ border-top: 2px dotted #679EF1; height:20px; text-align:right;}
.separerFin{ border-top: 1px dotted #679EF1; height:2px; width:80%;}
.separerGris{ border-top: 2px dotted #C9C9C9; height:2px; width:80%; margin-top:10px;}

blockquote {
	font: normal 1.1em/1em 'Trebuchet MS', Tahoma, Sans-serif;	
	margin: 10px;
 	padding: 10px 10px 10px 25px;  
	background: #F7F4EA;
	border-left: 3px solid #7F1230;	
	color: #383838;
}


/********************************************
   LAYOUT
********************************************/ 
#page {position: relative;width: 982px;	margin: 0 auto;text-align:left;background: url(../images/ongletDroite.gif)  right ;
}

/*----header-----------------------------------------------------------*/
#header {position: relative;background:url(../images/header-bg.gif)  #7F1230  no-repeat ;height:118px;width:946px;	padding: 0; margin:0px;	
}
#header .logo{width:374px;height:54px;position:absolute;top:24px;left:45px; background-image:url(../images/headerLogo.gif);
}
#header .headerGraph{width:144px;height:91px;position:absolute;top:23px;left:801px;background-image:url(../images/headerGraph.gif);
}
#headerNavig{width:946px;height:122px;
}
/*--------------------------------------------------------------------------------------------headerNavig--Gauche--------*/

/*
#NavigPrincipal{width:651px;height:69px; background-image:url(../images/FDnavigationP.gif); 
}
.btEpargne{float:left; display:block; width:170px; height:69px;}
a.btEpargne:hover { background:url(../images/BTepargne_O.gif) no-repeat;
}
.btImmo{float:left; display:block; width:197px; height:69px;}
a.btImmo:hover { background:url(../images/BTimmo_O.gif) no-repeat;
}
.btImpots{float:left; display:block; width:284px; height:69px;}
a.btImpots:hover { background:url(../images/BTimpo_O.gif) no-repeat;
}

*/

#sousNavigP{width:651px;height:53px; background-color:#FFFFFF;
}
#NavigPrincipal {width:651px; height:69px; background:url(../images/FDnavigationP.gif) no-repeat 0 0px; color:#6699CC;}


.themes {padding:0 0 0 0px; margin:0; list-style:none; height:69px; position:relative; z-index:500;padding:0px; margin:0px;}

.themes li.top {display:block; float:left; padding:0px; margin:0px;}

.themes li a.pos1 {background:url(../images/BTcredit_0.gif) no-repeat; width:101px; height:69px; display:block;text-indent:-99999px;} 
.themes li a.pos2 {background:url(../images/BTepargne_0.gif) no-repeat; width:142px; height:69px; display:block;text-indent:-99999px;} 
.themes li a.pos3 {background:url(../images/BTimmo_0.gif) no-repeat; width:154px; height:69px; display:block;text-indent:-99999px;} 
.themes li a.pos4 {background:url(../images/BTimpo_0.gif) no-repeat; width:254px; height:69px; display:block;text-indent:-99999px;} 

.themes li.p1 {background:url(../images/BTcredit_1.gif)  no-repeat;padding:0px; margin:0px;}
.themes li.p2 {background:url(../images/BTepargne_1.gif)  no-repeat;padding:0px; margin:0px;} 
.themes li.p3 {background:url(../images/BTimmo_1.gif)  no-repeat;padding:0px; margin:0px;} 
.themes li.p4 {background:url(../images/BTimpo_1.gif)  no-repeat;padding:0px; margin:0px;} 



.themes li.current a.pos1,
.themes li.current a.pos1:hover {background:url(../images/BTcredit_2.gif)  no-repeat;list-style:none;}
.themes li.current a.pos2,
.themes li.current a.pos2:hover {background:url(../images/BTepargne_2.gif)  no-repeat;list-style:none;} 
.themes li.current a.pos3,
.themes li.current a.pos3:hover {background:url(../images/BTimmo_2.gif)  no-repeat;} 
.themes li.current a.pos4,
.themes li.current a.pos4:hover {background:url(../images/BTimpo_2.gif)  no-repeat;} 

.themes table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.themes a:hover {visibility:visible; position:relative; z-index:200; }
.themes li:hover {position:relative; z-index:200;}

.themes li a.top_link:hover {background:transparent;} 
.themes li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.themes ul {position:absolute; left:-9999px; top:-9999px; width:0px; height:0px; margin:0px; padding:0px; list-style:none;}

.themes :hover ul {left:0; top:58px; background-color:#FFFFFF; padding:20px; white-space:nowrap; height:auto; width:auto; z-index:300; border:1px solid #555; margin:0px;}
html > body .themes :hover ul {left:0; top:69px; background-color:#FFFFFF; padding:20px; white-space:nowrap; height:auto; width:auto; z-index:300; border:1px solid #555; margin:0px;}
.themes :hover ul li {display:block; height:20px; position:relative; width:auto;font: bold 15px Georgia, "Times New Roman", Times, serif; }
.themes :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px 0  0; color:#666; background:transparent; text-decoration:none;}
.themes :hover ul li a:hover {text-decoration:none;color:#FF9900; }



/*--------------------------------------------------------------------------------------------headerNavig--Droite--------*/
#NavigDroite{width:295px;height:122px;position:absolute;
	left: 651px;
	top: 118px;
}
#NavigContact{width:295px;height:69px;background-image:url(../images/FDcontact.gif);
}
.btAcc{float:left; display:block; width:90px; height:32px; text-align:center; margin-top:38px;}
a.btAcc:link, a.btAcc:visited, a.btAcc:active {font: normal 1.3em/1.3em 'Arial', Helvetica, sans-serif; color:#fff; text-decoration:none;}
a.btAcc:hover { text-decoration:underline;
}
.btContact{float:left; display:block; width:110px; height:32px; text-align:center; margin-top:38px;}
a.btContact:link, a.btContact:visited, a.btContact:active {font: normal 1.3em/1.3em 'Arial', Helvetica, sans-serif; color:#fff; text-decoration:none;}
a.btContact:hover {text-decoration:underline;
}
.btLiens{float:left; display:block; width:90px; height:32px; text-align:center; margin-top:38px;}
a.btLiens:link, a.btLiens:visited, a.btLiens:active {font: normal 1.3em/1.3em 'Arial', Helvetica, sans-serif; color:#fff; text-decoration:none;}
a.btLiens:hover {text-decoration:underline;
}


#NavigEquipe{width:295px;height:53px;background-image:url(../images/FDequipe.gif); margin:0; padding:0;
}

.btEquipe{float:right; display:block;width:129px; height:45px;background-image:url(../images/BTequipe.gif); margin:0; padding:0;}
a.btEquipe:link, a.btEquipe:visited, a.btEquipe:active {background-image:url(../images/BTequipe.gif);}
a.btEquipe:hover {background-image:url(../images/BTequipe_O.gif);
}
.btDivers{float:right; display:block;width:95px; height:45px;background-image:url(../images/BTdivers.gif); margin:0; padding:0;}
a.btDivers:link, a.btDivers:visited, a.btDivers:active {background-image:url(../images/BTdivers.gif);}
a.btDivers:hover {background-image:url(../images/BTdivers_O.gif);
}

/*-------------------------------------------------contenu-page--------*/

#contenu-page {float: left;width: 946px;display: inline;padding: 0;padding:0 0 0px 0px; background-color:#FFFFFF; background-image:url(../images/FDContPage.gif);
}
#FinPage {width: 982px; height:53px;background:url(../images/finContenuPage.gif) ; padding:0;
}
#FinContPge {width: 939px; height:20px;padding: 0;  
}
/*----------------------------------------------------------------------------------------------Gauche--------*/
#contenuGauche { float:left;margin: 0px 0px 0 0px;background-color:#FFF; width:651px; 
}


/*------------------------------Gauche--Accueil------*/
#partagPassion{width:651px; height:181px;background-image:url(../images/partagPassion.jpg);
}
#texAccueil{width:620px; margin:10px 0 20px 13px; padding:0; text-align:justify;
}
#texAccueil  a { text-decoration: underline; color: #9196CB; font-weight: bold; font: normal 1.1em/1em "Arial", Helvetica, sans-serif; }
#texAccueil  a:hover { text-decoration: none; }

#texAccueil p{font: normal 1.3em/1.1em 'Arial', Helvetica, sans-serif;text-align:justify; margin:0px; padding:0px;color:#737373;
}
#texAccueil .lettrine{  margin:0px 0 0 0; padding:0px;font: bold 3em/0.8em 'Arial', Helvetica, sans-serif;color:#888;
}
#texAccueil .fonce{font: bold 1.2em 'Arial', Helvetica, sans-serif; color:#333;}
#texAccueil .orange{font: bold 1.2em 'Arial', Helvetica, sans-serif; color:#FF6600;}
#texAccueil .bordeau{font: bold 1.2em 'Arial', Helvetica, sans-serif; color:#AE0000;}

#imgHeaderPge{width:651px; height:70px;
}
#imgIntroPge{width:651px; 
}
/*-------------------Navig--header--------------------------*/
#SousNavigThem{ width:651px; height:91px; padding:0px 0 0px 0; margin:0px; background:url(../images/FDsousNavig.gif) ;
}
#SousNavigThem ul.menuThem{ width:651px; height:70px; margin:0px; padding:0px;}
#SousNavigThem ul.menuThem li{float:left; height:70px; padding:0 10px 0 8px; background:url(../images/vertical.gif) 100% 0 no-repeat; margin-top:20px; }
#SousNavigThem ul.menuThem li a{display:block; color:#3E3E3E; font-size:12px; text-decoration:none; text-align:center; line-height:22px;} 
#SousNavigThem ul.menuThem li a:hover{text-decoration:underline; color:#7F1230;}
.ico{ float:left; margin:0px; padding:0px; width:82px; height:91px; background-image:url(../images/ico4.jpg);}
#SousNavigThem ul.menuThem li { list-style-type:none;}


/*---------------------------------------------------------------*/
#infosGauche{ float:left;width:267px; margin:10px 12px 0 13px; padding:7px 0 0 0; 
}
#infosGauche .adresse{ width:267px; height:151px; background-image:url(../images/FDadresse.gif); background-repeat:no-repeat; padding:30px 0 0 0px;
}
#infosGauche .vitrine{ width:267px; height:187px; background-image:url(../images/vitrine.jpg); background-repeat:no-repeat;
}
#infosGauche .adresse p{font: bold 1.4em/1.3em 'Arial', Helvetica, sans-serif; color:#000000;padding:0px 0 0 25px; 
}
.numTel{font: bold 1.2em/1.2em 'Arial', Helvetica, sans-serif; color:#FFF; background-color:#AE0000;}
/*-------------------

------------------*/
#infosDroite{width:337px; float:left;
}
#infosDroite .titre{width:337px; height:52px; background-image:url(../images/FdtitreAcc.gif); 
}
#infosDroite .titre p{text-align:center;font: bold 1.7em/1.2em Georgia, "Times New Roman", Times, serif; color:#7379B7;padding-top:10px;
}
#infosDroite .contenu{width:320px; background-image:url(../images/FDinfoAcc.gif);background-repeat:repeat-y; padding:0 12px 12px 12px; 
}
#infosDroite h1{font: bold 1.5em/1.3em Georgia, "Times New Roman", Times, serif; color:#333;
}
#infosDroite h2{font: bold 1.3em/1.2em Georgia, "Times New Roman", Times, serif; color:#AE0000; margin-bottom:15px;
}
#infosDroite .texte{ width:315px;font: normal 1.3em/1.2em Georgia, "Times New Roman", Times, serif; color:#333; background-color:#F7F4EA;
border-top:1px solid #555; padding:2px;
}
#infosDroite .bas{ width:340px; height:22px; background:url(../images/basInfoAcc.gif) no-repeat;
}
/*----------------------------------------------------------------------------------------------Droite--------*/
#contenuDroite { float:left;width:295px; background-color:#9B465B;
}
#nouveautes{width:295px;height:152px;background:url(../images/nouveautes.jpg) no-repeat;
}
#edito{width:290px;height:95px;background:url(../images/edito2.gif) no-repeat; margin-bottom:20px;
}
.editoLien{float:right; display:block;width:290px; height:95px;margin:0; padding:0;}
a.editoLien:link, a.editoLien:visited, a.editoLien:active {background-image:url(../images/v.gif);}
a.editoLien:hover {background-image:url(../images/edito2_O.gif);
}


.btNouvo{float:left; display:block; width:147px; height:93px;}
a.btNouvo:link, a.btNouvo:visited, a.btNouvo:active {background-image:url(../images/v.gif);}
a.btNouvo:hover {background-image:url(../images/BTnouveau_O.jpg);
}
.offresAnim{  width:110px; height:80px; background-image:url(../images/offres.gif); margin:0px 0 0 0px;}

#infosOffres{  background: url(../images/FDinfoDroite.gif) #FFFFFF repeat-y;width:263px;}
#nosOffres{width:263px;height:116px;background:url(../images/NosOffres.gif) no-repeat;}
#loffres{ border-bottom:2px dotted #ACACAC;width:220px;margin-left:20px; margin-top:10px;}
.Bblanc{ background:url(../images/FDtitreOff.gif) repeat-y #FFFFFF;width:263px;}
.Bblanc h1{  color:#7F1230;font: bold 1.4em/1.3em Georgia, "Times New Roman", Times, serif; margin-left:15px; padding:5px;}
#loffres h2{  color:#FF6600;font: bold 1.8em/1.7em "Arial", Helvetica, sans-serif; margin:0; padding:0;}
#loffres p{  color:#666;font: bold 1.2em/1em "Arial", Helvetica, sans-serif; }
#loffres .chiffre{  color:#FF6600;font: normal 4em/1.2em Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;}
#finInfoDroite{width:263px;height:51px;background:url(../images/finInfoDroite.gif) no-repeat;
}


#formulaire{width:263px;height:45px;background:url(../images/formulair.gif) no-repeat;}
#infosForm{  background: url(../images/FDfomulair.gif) #FFFFFF repeat-y;width:263px;}
#infosForm .remplir{ color:#333;font: normal 1.1em/1.1em "Arial", Helvetica, sans-serif; margin:0 0 0 20px; padding:0 0 0 0 ; width:230px;}
#finInfosForm{width:263px;height:51px;background:url(../images/finFormulair.gif) no-repeat;
}


/*------------------------------------------------------------------------------*/

#header #logo-img {
	position: absolute; margin: 0; padding: 0; top: 45px; left: 19px;height:147px;width:347px;
	background:  url(../images/logo.gif) no-repeat center ;
}

/*------------------------------Gauche--page------*/
#PagesG{width:620px; margin:0 0 0 15px;
}
/*-----------------------Couleurs------*/
.vert{ color:#BCC46D;}
.rouge{ color:#9B465B;}
.rougeG{ color:#9B465B;font: bold 1.3em/1.2em "Arial", Helvetica, sans-serif;}
.rougeGG{ color:#9B465B;font: bold 1.8em/1.8em "Arial", Helvetica, sans-serif;}
.bleuG{ color:#ABB0D8;font: bold 1.8em/1.8em "Arial", Helvetica, sans-serif;}
.bleu{ color:#ABB0D8;font: bold 1.3em/1.3em "Arial", Helvetica, sans-serif;}
.orange{ color:#FF6600;}
.orangeGG{ color:#FF6600;font: bold 2em/2em "Arial", Helvetica, sans-serif;}
.orange2{ color:#E9A900;}
.blanc{ color:#fff;}
/*-----------------------Couleurs------*/
#PagesG h4{color:#9B465B;font: bold 1.6em/1.4em "Arial", Helvetica, sans-serif; margin:0; padding:0;
}
#PagesG h5{color:#383838;font: bold 1.4em/1.3em "Arial", Helvetica, sans-serif; margin:0; padding:0;
}
#encart{ width:580px; background:url(../images/FDpageG.gif) no-repeat; padding:20px;
}

#encart ul li{ font: normal 1.1em/1.1em "Arial", Helvetica, sans-serif; color:#333;
background: url(../images/icoFleche.gif) no-repeat 0 0px 0 10px; list-style:none;
background-image:url(../images/icoFleche.gif); background-repeat:no-repeat; background-position:0 10px ;
padding: 10px 0 8px 25px;
}

#encart .img2{ background-color:#FFFFFF; padding:8px; border:1px solid #808080; margin: 10px ;}

#encart2{ width:580px; background:url(../images/FDpageG2.gif) no-repeat; padding:20px;
}
#encart p{ color:#383838;font: normal 1.1em/1em "Arial", Helvetica, sans-serif; margin:10px 0 10px 0; padding:0;
}
#encart p.justifier{ text-align:justify;
}
#encart .grand{ font-size:1.5em; text-align:justify;
}
#encart  a { text-decoration: underline; color: #999900;  font: bold 1.2em/1.2em "Arial", Helvetica, sans-serif; }
#encart  a:hover { text-decoration: none; }

.perfClass{ float:left; width:276px; border-left:1px solid #DFDFDF; padding-left:10px;}
.titrEncart{ width:555px;;text-align:right; margin-bottom:30px;
}
.titrEncart2{ width:555px;;text-align:right; margin-bottom:30px;
}
/*---------------------------------------------------------Equipe--------*/
#fdBeigeTitre{ background-color:#F7F4EA; padding:15px; margin:0px;}
#fdBeigeInfo{ background-color:#DBD5C5; padding:15px; margin:0px;}
#fdBeigeTitre h3{ color:#9B465B;font: bold 1.8em/1.6em "Arial", Helvetica, sans-serif;}
.fdphoto{ width:203px; height:291px; background-image:url(../images/FDphoto.gif); float:left;}
.photo{ width:160px; margin:35px 0 0 30px;}
.photo h2{ font: bold 1.1em/1em Georgia, "Times New Roman", Times, serif; color:#383838; margin-top:15px;}
.photo h3{ font: bold 1em/1em Georgia, "Times New Roman", Times, serif; color:#9B465B; margin:0px; padding:0px;}
/*---------------------------------------------Contact--------*/
#fdBeigeInfo p{ text-align:center ;font: bold 1.4em/1.3em Georgia, "Times New Roman", Times, serif; color:#383838;}
#fdBeigeInfo  a { text-decoration: underline; color: #fff; font-weight: bold; font-size:20px; }
#fdBeigeInfo  a:hover { text-decoration: none; }


/* haut-page */
#haut-page {width:600px;font-size: 95%;padding: 10px 0;text-align: right; border-top: 1px dotted #333;}

/*----------------------------------------------------------------------------------------------Footer--------*/
#footer-page {clear: both; width: 982px;padding: 0px 0; background-color:#7F1230; background-image:url(../images/FDfooter.gif); 
}
#footer-page a {text-decoration: none;color:#F0EEDF;
}
#footer-page a:hover { text-decoration:underline;	
}
#footer-page p {padding: 10px 0; color:#D4B7B3; text-align:center;
}
#footer-page h2 {margin: 0;padding: 0 10px; 
}
#footer-page .finFooter {margin: 0 0 0px 0px;width:982px;height:19px;background: url(../images/finFooter.gif) no-repeat 0px 0px;
}


/* alignement classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/********************************************
   TABLEAU
********************************************/

table {border-collapse: collapse;margin: 0px; padding:0px;}
th strong {color: #fff;}
th {
	background: #FFE48E ;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
tr {height: 30px;}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align:left;
}
td.first,th.first {border-left: 0px;}
td.firstTitre,th.firstTitre {border-left: 0px;background: #679EF1; color:#FFFFFF;}

tr.row-a {background: #F7D6DE;}
tr.row-b {background: #E9BEC9;}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}