/* 
Cols
-----------------------------------------
*/
.simulateur #main .col1  { display:none}
.simulateur #main .col2  {  float:none; margin:0 0 0 80px; padding:0;  width: 600px;}
.simulateur #main .title { padding: 30px 80px 0; margin:0; border-bottom:1px solid #fff; background: url(../i/commun/line-vertical.gif) repeat-x bottom;  }
.simulateur .mainCols {position:relative}
.simulateur .mainCols .col3 {width: 250px; float: none; position:absolute; top:0; right:0; margin:25px 0 0; overflow:hidden; padding:0;}
.simulateur #main .title h2 {margin:0; padding:0 0 0.5em; font-size:14px;  color:#850722;}


/* 
Content
-----------------------------------------
*/

.simulateur .toc { font-size:10px; margin:8px 0; clear:both }
.simulateur .toc .border {padding:8px; border:1px solid #9c9c9c;}
.simulateur .toc ul {padding:0; margin:0;}
.simulateur .toc li { margin:0; padding:1px 0; list-style:none; width:280px; float:left;}
.simulateur .toc li a {font-size:10px; line-height:12px; display:block; text-decoration:none; padding:3px 24px 3px 0; background: url(../i/pictos/f_anchor.gif) no-repeat 230px 3px}
.simulateur .toc li a:hover {background-position:230px -63px; text-decoration:underline}


.simulateur .item {padding-top:5px; clear:both;}
.simulateur .item.gondole {padding-top:0}
.simulateur .item ul.link {padding:0; margin:0 0 10px; list-style:none; }
.simulateur .item ul.link li {padding:1px 0; margin:3px 0;}
.simulateur .item ul.link li a { text-decoration:none; line-height:14px; display:block}
.simulateur .item ul.link li a:hover {text-decoration:underline}
 
.simulateur .item ul.link li img {vertical-align:middle}
.simulateur .item p {margin:0 0 0.5em}

.simulateur .item h2 { font-family:Georgia, "Times New Roman", Times, serif; padding:20px 0 5px;  border-top: 1px solid #D3D3D3}
.simulateur .item.gondole h2 { font-size:32px; border-top:none}
.simulateur .item.gondole p { font-size:14px}
.simulateur .item.gondole ul.link li a { text-align:right}

/* Ajout/Modification 23/07/2007 */
.simulateur .item .illu {}
.simulateur .item .img {width:200px; float:left}
.simulateur .item .text {width:390px; float:right}
.simulateur .item.gondole .img { width:250px;}
.simulateur .item.gondole .text { width:340px;}
.simulateur .item.gondole .img {float:right}
.simulateur .item.gondole .text {float:left}
.simulateur #sim-prevoyance.item .img {float:right}
.simulateur #sim-prevoyance.item .text {float:left}
.simulateur #sim-retraite.item .img {float:right}
.simulateur #sim-retraite.item .text {float:left}
/* Fin Ajout/Modification 23/07/2007 */

/* 
Col droite
-----------------------------------------
*/
.simulateur .col3 .rounded { background:url(../i/commun/rounded_b.gif) left bottom no-repeat; width:244px}
.simulateur .col3 .rounded .in { background:url(../i/commun/rounded_t.gif) left top no-repeat; padding:4px 12px}

.simulateur .col3 h3 { font-size:18px; color:#850722; border-bottom:1px solid #e5e5e5; padding-bottom:4px}
.simulateur .col3 h4 {font-size:11px; padding:6px 0 3px}
.simulateur .col3 table {font-size:11px; border-bottom:1px solid #e5e5e5}
.simulateur .col3 table td {padding:2px}
.simulateur .col3 table td.sepa {}
.simulateur .col3 table td a {text-decoration:none}
.simulateur .col3 table td a:hover {text-decoration:underline}

.simulateur .col3 .devis {padding:6px 0; }
.simulateur .col3 .devis a { height:34px; line-height:30px; display:block; color:#fff; font-weight:bold; font-size:12px; text-decoration:none; padding:0 9px; background:url(../i/bt/bt_or-246.gif) no-repeat}
.simulateur .col3 .devis a:hover {background-position:0 -40px;}