/* pour mise en page de quelques éléments */
.PR {position:relative;}
.margin01 {margin:0 0 18px;}
.largeur01 {width:100%;}
.largeur02 {width:226px;}
.clearB {clear:both;}

/*************************************************************************************************************************************************************************/
/* HEADER */ 
/*************************************************************************************************************************************************************************/
#element_top {position:relative;top:-15px;left:0;margin:0;z-index:9999;clear:both;}
#element_top.refnathome{top:-15px;}
#logo{    left: 10px;position: absolute;top: 35px;z-index: 1001;}

#accroche{background: url("../../site/images/header/accroche.gif") no-repeat scroll 0 0 transparent;font-size:0; height:18px;left: 210px; line-height: 0;margin: 0;overflow: hidden;padding: 0;position: absolute;top: 5px;width: 350px;z-index: 8;}
#accroche h1{color:#ffa200;font-size:16px;margin:0;padding:0;font-weight:bold;}
#accroche .baseline{color:#4d4325;font-size:12px;line-height:22px;font-weight:normal;}
#txt_pedago p {color: #BBBBBB;font-size: 17px;font-weight: bold;line-height: 20px;}


#top div.numVert00 {height: 32px;left: 660px;position: relative;top: 10px;width: 194px;}
#element_top .numVert00 span {top: 5px;}
#top .numVert00 span {background: url("../../site/images/numVert00.png") no-repeat scroll 0 0 transparent;display: inline-block;font-size: 0;height: 0;line-height: 0;overflow: hidden;padding: 20px 0 0;position: relative;width: 194px}
#top a.logo-service-client-2012{background: url("../../site/images/header/logo-service-client-2012_small.png") no-repeat scroll 0 0 transparent;display: block;height: 46px;left: 880px;position: absolute;top: 37px;width: 46px}


/************ MODIFICATION ESPACE CLIENT *****************/
#baseline_refnat{margin:0 0 0 150px;position:relative;z-index:9999;}
/*********************************************************/

#baseline_refnat span{color:#999999;font-size:11px;}

/* ESPACE CLIENT */ 

/************ MODIFICATION ESPACE CLIENT *****************/
#esp_client {    height: 31px;left: 555px;line-height: 0;margin: 0;padding: 0;position: relative;top: 0;width: 425px;z-index: 600;}
#esp_client a{text-decoration:none;display:block;padding:0;margin:0;}
#esp_client ul {list-style:none;height:31px;padding:0;margin:0;}
#esp_client ul li{display: inline;float: left;margin: 0 0 0 10px;}
#esp_client li a {color:#FFF;font-weight:bold;line-height:26px;padding:0;margin:0;}
#esp_client li:hover a,#esp_client li.sfhover a{color:#FFF;}
/*********************************************************/

/*#esp_client {width:168px;position:relative;margin:0;padding:0;top:-15px;left:780px;height:28px;z-index:600;line-height:0;}
#esp_client a{text-decoration:none;display:block;padding:0;margin:0;}
#esp_client ul {list-style:none;height:28px;background: url(espace-client.jpg) no-repeat top left;padding:0;margin:0;}
#esp_client li a {color:#FFF;font-weight:bold;line-height:26px;padding:0 0 0 8px;margin:0;}
#esp_client li:hover a,#esp_client li.sfhover a{color:#FFF;}*/

#esp_client .ssMenu {position:absolute;left:0;top:24px;list-style:none;display:none;background-color:#FFF;height:auto;width:168px;}
#esp_client .ssMenu ul {bottom:0;left:0;width:100%;}
#esp_client .ssMenu li{display:block;float:none;border:#D6031C 1px solid;border-width:0 1px;background:#fff;position:relative;margin:0;padding:0;}
#esp_client li:hover .ssMenu,#esp_client li.sfhover .ssMenu{display:block;background:#fff;}
#esp_client .ssMenu li.first a {background:none;}
#esp_client .ssMenu li a {background:#FFF;width:166px;font-size:10px;color:#3f3f3f;background:url(ssmenu-separ.gif) no-repeat top center;}
#esp_client .ssMenu li a:hover {color:#D6031C;}
#esp_client .ssMenu li.dernier {height:8px;width:168px;background:url(esp-client-bottom.gif) no-repeat top left;border:0;margin:0;padding:0;}

#esp_client #esp_clt_cat2:hover a,#esp_client #esp_clt_cat2.sfhover a{color:#FFF;}
#esp_client #esp_clt_cat2 .ssMenu li a{color:#251d04;text-align:center;padding:0;}
#esp_client #esp_clt_cat2 .ssMenu li a:hover {color:#D6031C;background-color:#f6dee0;}

/* NAVIGATION TOP */
#nav{font-size:10px;font-weight:bold;list-style:none;margin:0;right:0;position:absolute;top:70px;}
#nav ul {margin:0;clear:both;}
#nav li{float:right;display:inline;margin:0}
#nav a{text-decoration:none;color:#332806;font-size:10px;}
#nav a:hover{text-decoration:none;color:#D6031C;}

/* MENU */ 
#menuTop {width:100%;position:relative;margin:0;padding:0;top:45px;left:0;height:38px;background: url(fondMenuHautL.jpg) no-repeat top left}
#menuTop a{color:#251d04;text-decoration:none;display:block;line-height:37px;}
#menu1 a.active, #menu2 a.active, #menu3 a.active, #menu4 a.active, #menu5 a.active, #menu6 a.active, #menu7 a.active, #menu8 a.active{position:relative;width:100%;height:47px;color:#FFF;}
#menuTop ul {margin:0;list-style:none;height:38px;background: url(fondMenuHautR.jpg) no-repeat top right}
#menuTop li{float:left;display:inline;text-align:center;line-height:38px;padding:0;position:relative;}
#menuTop .sep{background:url(menu-separe.jpg) no-repeat top left;margin:0;padding:0;display:block;}

#menu0 {color:#999999;font-size:11px;width:96px;}

#menu1 {width:69px;font-size:12px;margin:0 0 0 100px;}
html body #menu1 a.active{background:url(bg-accueil.gif) no-repeat;color:#fff;font-weight:normal;}

#menu2 {width:142px;}
#menu2 a.active{background:url(bg-financez.gif) no-repeat;}

#menu3 {width:134px} /* modif' Clément Reynoudt 25/08/2010 */
#menu3 a.active{background:url(bg-reserve.gif) no-repeat;}


#menu4 {width:101px;}
#menu4 a.active{background:url(bg-pret-perso.gif) no-repeat;}

#menu5 {width:114px;}
#menu5 a.active{background:url(bg-rachat.gif) no-repeat;}

#menu6 {width:84px;}
#menu6 a.active{background:url(bg-assurance.gif) no-repeat;}

#menu7 {width:66px;} /* modif' Clément Reynoudt 25/08/2010 */
#menu7 a.active{background:url(bg-paiement.gif) no-repeat;}

#menu8 {width:60px;} /* modif' Clément Reynoudt 25/08/2010 */
#menu8 a.active{background:url(bg-service.gif) no-repeat;}

#menuTop li:hover a,#menuTop li.sfhover a{background:url(bg-menu-hover-a.gif) no-repeat top left;color:#2e9dd8;font-weight:bold;}
#menuTop li:hover a span,#menuTop li.sfhover a span{display:block;background:url(bg-menu-hover-span.gif) no-repeat top right;position:relative;width:100%;height:38px;}

/* Menu deroulant */
#menuTop .sousMenu {position:absolute;left:0;list-style:none;padding:0;margin:0;display:none;border:#aaa89e 1px solid;border-width:0 1px 1px 1px;height:auto;width:149px;}
#menuTop #menu8 .sousMenu {right:0;left:auto;}
#menuTop .sousMenu li{display:block;float:none;background:#fff;position:relative;}
#menuTop li:hover .sousMenu,#menuTop li.sfhover .sousMenu{display:block;background:#fff;}
#menuTop .sousMenu li a {background:#fff;background:url(ssmenu-separ.gif) no-repeat top center;line-height:18px;width:125px;text-align:left;padding:3px 12px;font-size:10px;}
#menuTop .sousMenu li.first a {background:none;}
#menuTop .sousMenu li a strong {font-size:11px;}
#menuTop li.active .sousMenu {margin-top:-10px !important;}

/* Déclinaison couleur menu deroulant */
#menuTop #menu1:hover a,#menuTop #menu1.sfhover a{background:url(bg-accueil.gif) no-repeat;color:#fff;font-weight:normal;height:45px;}

#menuTop #menu2:hover a,#menuTop #menu2.sfhover a{color:#ffa200;}
#menuTop #menu2 .sousMenu li a{color:#251d04;}
#menuTop #menu2 .sousMenu li a:hover {background-color:#fff7d1;}
#menuTop #menu2 .sousMenu li a strong {color:#ffa200;}

#menuTop #menu3:hover a,#menuTop #menu3.sfhover a{color:#63bb00;}
#menuTop #menu3 .sousMenu li a{color:#251d04;}
#menuTop #menu3 .sousMenu li a:hover {background-color:#ecf3d3;}
#menuTop #menu3 .sousMenu li a strong {color:#63bb00;}

#menuTop #menu4:hover a,#menuTop #menu4.sfhover a{color:#966197;}
#menuTop #menu4 .sousMenu li a{color:#251d04;}
#menuTop #menu4 .sousMenu li a:hover {background-color:#f2ecf2;}
#menuTop #menu4 .sousMenu li a strong {color:#966197;}

#menuTop #menu5:hover a,#menuTop #menu5.sfhover a{color:#228bc3;}
#menuTop #menu5 .sousMenu li a{color:#251d04;}
#menuTop #menu5 .sousMenu li a:hover {background-color:#e5f1f8;}
#menuTop #menu5 .sousMenu li a strong {color:#228bc3;}

#menuTop #menu6:hover a,#menuTop #menu6.sfhover a{color:#ffa200;}
#menuTop #menu6 .sousMenu li a{color:#251d04;}
#menuTop #menu6 .sousMenu li a:hover {background-color:#fff7d1;}
#menuTop #menu6 .sousMenu li a strong {color:#ffa200;}

#menuTop #menu7:hover a,#menuTop #menu7.sfhover a{color:#ffa200;}
#menuTop #menu7 ul.sousMenu{width:124px;}
#menuTop #menu7 .sousMenu li a{color:#251d04;width:88px;}
#menuTop #menu7 .sousMenu li a:hover {background-color:#fff7d1;}
#menuTop #menu7 .sousMenu li a strong {color:#ffa200;}

/*#menuTop #menu8:hover a,#menuTop #menu8.sfhover a{color:#ffa200;z-index:900;}
#menuTop #menu8 .sousMenu li a{color:#251d04;}
#menuTop #menu8 .sousMenu li a:hover {background-color:#fff7d1;}
#menuTop #menu8 .sousMenu li a strong {color:#ffa200;}*/

#menuTop #menu8:hover a,#menuTop #menu8.sfhover a{color:#ffa200;z-index:900;}
#menuTop #menu8 .sousMenu li a{color:#251d04;padding:3px 8px 3px 16px;}
#menuTop #menu8 .sousMenu li a:hover {background-color:#fff7d1;}
#menuTop #menu8 .sousMenu li a strong {color:#ffa200;}
#menuTop #menu8 .sousMenu li.cat {color:#000;background:#efede8 url(ssmenu-separ.gif) no-repeat top center;text-align:left;padding:0 0 0 10px;}
#menuTop #menu8 .sousMenu li.first{background:#efede8;}


/*************************************************************************************************************************************************************************/
/* MIDDLE */ 
/*************************************************************************************************************************************************************************/
/* SCROLL BAR */
.scrollgeneric {position:absolute;top:0;left:0;line-height:1px;font-size:1px;}
.vscrollerbase {width:5px;background:url(bg-vscroll.gif) repeat-y 50% 0;}
.vscrollerbar {width:5px;height:12px;background:url(scroll01.gif) no-repeat 50% 0;}
#flex__1_vscrollerbar {height:12px !important;}
.hscrollerbase {height:5px;background-color:#fff;}
.hscrollerbar {height:5px;background-color:#fff;}
.scrollerjogbox {width:10px;height:10px;top:auto;left:auto;bottom:0;right:0;margin:0 10px 0 0;background-color:#fff;}

/* MIDDLE divers */ 
span.bg-chevron{display:inline;background:url(bg-chevron.gif) no-repeat 0 50%;padding:0 0 0 10px;}
span.fleche04{display:inline;color:#4C4C4C;padding:0;}

/* MIDDLE TOP */ 
.titre_categorie{float:left;display:inline;}
h2.texte00_accroche {float:left;display:inline;font-size:15px;padding:7px 0 0 10px;}

/* MIDDLE LEFT */ 
#box02 {background:url(bg-box02Fond.gif) repeat-y left top;width:435px;position:relative;}
#box02Top {background:url(bg-box02Left.gif) no-repeat left top;width:435px;position:relative;}
#box02Bottom {background:url(bg-box02Bottom.gif) no-repeat left bottom;width:435px;min-height:130px;position:relative;padding-bottom:40px;}
* html body #box02 {margin-top:-22px;height:130px;}
#box03 {background:url(bg-box03Left-Fond.gif) repeat-y 0 0;position:relative;} 
#box03Top {background:url(bg-box03Left-Top.gif) no-repeat left top;position:relative;} 
#box03Bottom {background:url(bg-box03Left-Bottom.gif) no-repeat left bottom;width:435px;min-height:286px;position:relative;position:relative;} 
* html body #box03Bottom {height:286px;} 
.box_titre00 {padding:180px 0 0 20px;color:#FFF;font-size:18px;}
.box_titre01 {padding:180px 0 0 20px;color:#000;font-size:18px;}
.box_contenu {padding:20px 0 0 20px;color:#292723;}
.box_lien00 {color:#d6031a;line-height:18px;font-size:11px;font-weight:bold;}
.box_lien00 a {color:#000000;font-size:11px;font-weight:bold;}
.box_lien00 a:hover, a:focus, a:active {color:#d6031a;text-decoration:underline;}
.dispo {float:left;display:inline;padding:0 0 0 10px;}
.box_contenu .dispo span{font-size:16px;}
#dispo1_1 {width:150px;}
#dispo1_2 {width:230px;}
.box_texte00 {line-height:20px;padding:0 0 0 20px;color:#FFF;}
.box_texte01 {line-height:18px;}
.box_texte02 {line-height:20px;padding:0 0 0 20px;color:#000;}
.box_image {text-align:center;padding:30px 0 0;width:100%;}
.box_image img {cursor:pointer}
.box01_infosBD {font-size:13px;text-align:right;padding:0 20px 0 0;color:#4c4c4c;}
span.fleche00 {background:url(fleche01.gif) no-repeat 0 0;padding:0 0 0 10px;}
.box01_infosBD a {font-size:13px;color:#4c4c4c;}

#simulateur {color:#4c4c4c;text-align:center;line-height:50px;font-weight:bold;margin-top:-68px;margin-left:2px;}
#simulateur .texte_sim01{color:#5e5c5c;font-size:11px;}
#simulateur .texte_sim02{color:#5e5c5c;font-size:15px;}
#simulateur .texte_sim03{color:#e2001a;font-size:22px;}
#input_infos ul {margin:0;}
#input_infos ul li {list-style:none;margin:0 0 5px 0;}
* html body #input_infos ul li {margin:0;}
*+html body #input_infos ul li {margin:0;}
#input_infos ul.DoubleCol li {float:left;width:120px}
#input_infos li input {margin:0 2px 0 0;}

/* MIDDLE RIGHT */ 
#middleRight {color:#4c4c4c;}
#middleRight a {color:#4c4c4c;font-weight:bold;text-decoration:none;}
#middleRight a.link00 {color:#4c4c4c;font-weight:normal;text-decoration:none;}


#part1 {position:relative;padding:0 0 10px;width:100%;}

#part1_left {position:relative;float:left;display:inline;width:328px;padding:10px 0 0;}
#part1_left .picto {float:left;display:inline;}
#part1_left .descript {float:left;width:274px;display:inline;margin:0 14px 10px 0px;padding-left:8px;text-align:justify;}

#part1_right {position:relative;float:right;display:inline;width:175px;margin:10px 0 0;font-size:11px;}
#part1_right .part1_titreMontant{float:left;display:inline;width:30%;border-bottom:4px double #adaba2;padding:0 0 4px 4px;font-weight:bold;}
#part1_right .part1_titreMensualité{float:left;display:inline;width:60%;border-bottom:4px double #adaba2;padding:0 0 4px 4px;font-weight:bold;}
#part1_right .part1_contenuMontant{float:left;display:inline;width:30%;border-bottom:1px solid #adaba2;padding:4px 0 4px 4px;}
#part1_right .part1_contenuMensualité{float:left;display:inline;width:64%;border-bottom:1px solid #adaba2;padding:4px 0 4px 4px;}
#part1_right .part1_contenu_dernierMontant{float:left;display:inline;width:30%;padding:4px 0 4px 4px;}
#part1_right .part1_contenu_dernierMensualité{float:left;display:inline;width:64%;padding:4px 0 4px 4px;}

#part2 {position:relative;padding:20px 0 10px;width:100%;background:url(separ-int-right.jpg) no-repeat 0 0;}
.part2_contenu {padding:10px 0 0 0;width:100%}
.picto2 {float:left;display:inline;width:34px;}
.descript2 {float:left;display:inline;width:214px;padding:0 2px 0 0;font-size:11px;}
.recap_sans_bold{font-weight:normal;}

#part3 {padding:0;width:100%;}
#part3 .titr_assurance {background:url(bg-titre-assurance.jpg) no-repeat 0 0;height:25px;width:465px;line-height:25px;padding:0 0 0 40px;}
#part3 .sstitr_assurance {font-size:11px;font-weight:bold;margin:10px 0 0 162px;}
#part3 .part3Left {float:left;display:inline;padding:10px 0 0;font-size:10px;width:145px;text-align:right;}
#part3 .part3Right {float:left;display:inline;width:335px;padding:10px 0 0 18px;font-size:10px;}
#part3 .taille_assurance {overflow-y:auto;height:90px;}
#part3 .contenu_assurance {margin:0 10px 0 0;height:auto;}

/** Modif pour projet Assurance 01/09/09 **/
#part3 .part3Text {font-size:10px;}
#part3 img {float:left;display:inline;margin:0 18px 0 0}
/** FIN Modif pour projet Assurance 01/09/09 **/


/* MIDDLE BOTTOM */
#contact_bottom {margin-bottom:40px;left:0;}
#contact_bottom2 {overflow:hidden;padding:0 0 20px;}
.texte_middleBottom {font-size:12px;padding:0 0 10px;color:#000000}
.texte_middleBottom p{padding:3px 0;}
.logo_bottom {position:relative;float:left;display:none;background:url(cofidis-incrust.jpg) no-repeat 0 0;width:140px;height:140px;margin:10px 40px 3px;}

#infos_bottom {float:left;display:inline;background:url(bg-infos-bottom.jpg) no-repeat 0 0;margin:10px 0;font-size:10px;color:#332806;position:relative;width:735px;border-bottom:1px #e1e1e1 solid;}
#infos_bottom .textbold {font-size:11px;font-weight:bold;}
#infos_bottom .texttel {line-height:35px;color:#d4041c;background:url(bg-chevron.gif) no-repeat 0 50%;padding:0 0 0 10px;}
#infos_bottom .texttel a {color:#d4041c;font-size:10px;}
#infos_bottom .num_vert {padding:20px 0 0;}
#infos_bottom .pictoTel {position:absolute;right:15px;bottom:-5px;}
#infos_bottom .pictoTel2 {position:absolute;right:18px;bottom:-5px;}
.titre_h2 {background:url(titre-h2.gif) no-repeat 0 0;height:0;width:96px;overflow:hidden;padding:16px 0 0;}
.titre_h3 {background:url(titre-h3.gif) no-repeat 0 0;height:0;width:223px;overflow:hidden;padding:16px 0 0;}
.titre_h4 {background:url(titre-h4.gif) no-repeat 0 0;height:0;width:176px;overflow:hidden;padding:16px 0 0;}

#ecoute {position:relative;float:left;display:inline;width:212px;padding:14px 0 30px 15px;background:url(separ-cat-infos-bottom.jpg) no-repeat top right;}
#rappel {position:relative;float:left;display:inline;width:245px;padding:14px 0 0 18px;background:url(separ-cat-infos-bottom.jpg) no-repeat top right;}
#message {position:relative;float:left;display:inline;width:215px;padding:14px 15px 0 15px;}

#news {position:relative;float:right;display:block;width:494px;font-size:10px;color:#332806;margin-top:8px;}
#news .intitule{float:left;display:inline;margin:0 5px 0 0;}
#news .input_text {font-size:10px;color:#332806;}

/* Ajout Seb 20/04/2010 - Nouveau bloc inscription newsletter */
#news_2 {position:relative;float:right;display:block;width:506px;font-size:10px;color:#332806;margin-top:8px;}
#news_2 .intitule{height:28px;float:left;margin:0;}
#news_2 .txt_news{margin:0 0 0 0;width:230px;}
#news_2 .titre_news{margin:0 0 4px 0;}
#news_2 .lien_news{margin:0 0 0 103px;}
#news_2 .img_news{position:absolute;top:6px;left:6px;z-index:9999;}
#news_2 .intitule input{float:left;font-size:10px;width:130px;}
#news_2 .intitule a.bt-news{display:block;position:absolute;left:165px;top:21px;}
#news_2 .input_text {font-size:10px;color:#332806;}
/***/

#dispo1_2 img{margin:10px 0 0 0;}

/*************************************************************************************************************************************************************************/
/* Texte Bottom & footer */ 
/*************************************************************************************************************************************************************************/
#bottom ul {margin:0;padding:0;text-align:center;}
#bottom li {margin:0;padding:0 10px;display:inline;list-style:none;}
#bottom a {font-size:10px;text-decoration:none;color:#584e32;}
#bottom a:hover {text-decoration:underline;}
#bottom .border {border-left:#fae9ac 1px solid;}

#footer{font-size:10px;}
#footer a{font-size:10px;}
#footer h2 {font-size:11px;}
#menufooter {margin:20px 0 0;}
#menufooter h3 {font-size:11px;font-weight:bold;margin:0;color:#999999;}
#menufooter .footer1 {width:413px;float:left;display:inline;}
#menufooter .footer2 {width:166px;padding:0 0 0 65px;float:left;display:inline;border:#dadad7 1px solid;border-width:0 1px 0 1px;}
#menufooter .footer3 {width:260px;padding:0 0 0 60px;float:left;display:inline;}
#menufooter ul li{float:left;display:inline;list-style:none;width:130px;}
#menufooter ul {margin:0;}