#container {
    width: 961px;
    text-align: left;
    position: relative;
    margin: 0 auto;
}

#header {
    float: left;
    /* TODO : 232px (logo) + 700px (images) = 932px, mais problème sous IE6 */
    width: 100%;
    height: 158px;		/* anciennement : 174px */
    padding:0px 0px 0px 0px;
    line-height:0px;
    background-image:url(../../images/fond_noir.jpg);
    background-repeat:repeat-x;
    display:inline;
}


#header a {
    border:none;
    float:left;
}

#logo {
    margin : 0 auto;
    margin-top: 30px;
    width : 961px;
    overflow : hidden;
}

#logo img
{
    float:left;
}

#espace_logo
{
    margin-left:50px;
    margin-top:15px;
    float:left;
}

#main_menu 
{
    width:100%;
    background-image:url(../../images/fond_orange.jpg);
    background-repeat:repeat-x;
    float: left;
}

#content{
	width : 961px;
    margin : 0 auto;
    
	font: 9px Arial, Helvetica, sans-serif;
	color: #7F7F7F;
	
    clear:both;
    float:none;
    overflow:auto;
    height:100%;
}

#content_left {
    float: left;
    width: 791px; /* ancienne valeur : 805 px, et ça se colle au Sky à droite */
    color: #333;
    text-align : justify;
    font: 11px Microsoft, Arial, Helvetica, Verdana, Sans Serif;
}
#content_left_slide27 {
    float: left;
    width: 805px;
    color: #ADAFAE;
    border: 1px solid #444;
}
#content_right {
    float: right;
    width: 120px;
    /*border : 2px dotted black;*/
}

/* Début - "A La Une" - à virer */
#content_right_text{
    margin-top: 10px;
    width: 53px;
	height: 17px;
	float: left;
	background: url(../../images/right_text.jpg);
}
#content_right_silver_text {
    margin-top: 4px;
    width: 120px;
	float: right;
    font: 10px Arial,Helvetica,sans-serif;
    color: #7F7F7F;
	line-height: 9px;
}
#content_right_link{width: 120px;float: right;margin-top: 10px;}
#content_right_link a {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #3A5AA5; text-decoration: underline;}
#content_right_link a:hover {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #3A5AA5; text-decoration: none;}
/* Fin - "A La Une" - à virer */

/* Début - Simulez, Comparez, Financez */

#content_left_left {
    width: 376px;
    float: left;
}
#content_left_silver {
    width: 376px;
    float: left;
    /*border: 1px solid orange;*/
}
#content_left_silver_content_1 {
    width: 374px;
	float: left;
	border-left: 1px solid #ACACAC;
	border-right: 1px solid #ACACAC;
	background: url(../../images/silver_background.jpg);
	padding: 0;
	height: 62px;
}
#content_left_silver_content_2 {
    width: 374px;
	float: left;
	border: 1px solid #ACACAC;
	background: url(../../images/silver_background.jpg);
	padding-top: 5px;
	height: 57px; /* 60px si padding = 0 */
}
#content_left_silver_content_3 {
    width: 374px;
	float: left;
	border-left: 1px solid #ACACAC;
	border-right: 1px solid #ACACAC;
	background: url(../../images/silver_background.jpg);
	padding-top: 9px;
	height: 53px;
}
.content_image_title {
    width: 94px;
    float: left;
}
.content_text {
    float: left;
    font-size: 1.2em;
}
.content_text h1 {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #FE5820;
    font-weight:bold;
    margin: 0;
}
.content_text p {
    font: 10px Arial,Helvetica,sans-serif;
    width: 270px;
    color: #7F7F7F;
}
/* Fin (??) - Simulez, Comparez, Financez */


/**************************************************************************************/
/* Début - Partie droite du content_left (index) */
#content_left_right {
    float: left;
    width: 370px;
    margin-left: 33px;
    padding : 0;
}

/* Auto-promo (index) */
#content_left_item_promo {
    float: left;
    width: 370px;
    margin-top: 7px;
}
/* Newsletter (index) */
#content_left_item_news {
    float: left;
	width: 370px;
	font: 10px Helvetica, sans-serif;
	background: url(../../images/background_news.jpg) no-repeat;
	/*border: 1px solid black;*/
	margin-top:38px;
	color:#7F7F7F
}
#content_left_item_news input.aDroite {
    float: right;
}
#content_left_item_news p {
    margin: 5px 0 0 18px;
}
/* Fin - Partie droite du content_left (index) */
/**************************************************************************************/

/* Début - Témoignages de l'index */
#content_left_opinion {
    float: left;
    width: 373px;
    color: #7F7F7F;
    margin-top: 30px;
    /*border: 1px solid black;*/
}
.content_left_opinion_content {
	 float: left;
	 /*width: 123px;*/
	 width: 122px;
	 /*height: 80px;*/
	 color: #7F7F7F;
	 padding-top: 3px;
	 /*border: 1px solid red;*/
}
.content_left_opinion_content hr {  
	color: #7F7F7F;
	background-color: #AEAEAE;
	width: 90%;
	height: 1px;
}
.content_left_opinion_content p {
    width: 110px;
    height: 40px;
    color: #7F7F7F;
    margin-top: 3px;
    line-height: 9px;
    /*border: 1px solid black;*/
}
.content_left_opinion_content a {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #FE5820;
    text-decoration: underline;
    background: url(../../images/arrow.jpg) no-repeat left;
    padding-left: 10px;
}
.content_left_opinion_content a:hover {
    text-decoration: none;
    color: #aeaeae;
}
/* Fin - Témoignages de l'index */



#line_28{float: left;width: 10px;height: 10px;}

.newsletter_input{
	color: #444;
	background: #FFF;
	border: 1px solid #7E7F81;
	font-size:10px;
	margin-left: 92px;
	margin-top: 3px;
}

#radio{color: #fff;font-size:8px;}
.form{padding: 0; margin: 0;}


.link {font: 9px Arial,Helvetica,sans-serif; color: #3A5AA5; text-decoration: underline;}
.link:hover {font: 9px Arial,Helvetica,sans-serif; color: #3A5AA5; text-decoration: none;}
.link_11 {font: 11px Arial,Helvetica,sans-serif; color: #3A5AA5; text-decoration: underline;}
.link_11:hover {font: 11px Arial,Helvetica,sans-serif; color: #3A5AA5; text-decoration: none;}
.link_12 {font: 9px Arial,Helvetica,sans-serif; color: #3A5AA5; text-decoration: underline;}
.link_12:hover {font: 9px Arial,Helvetica,sans-serif; color: #3A5AA5; text-decoration: none;}


/* TODO : Page des résultats : Blabla Gauche - a virer ? */
.content_left_text{
	float: left; 
	width: 480px;
	height: 132px;
	margin-top: 15px;
	margin-left: 2px;
	color: #7F7F7F;
	font: 11px Arial,Helvetica,sans-serif;
}
.content_left_text h1 {font: 11px Arial,Helvetica,sans-serif;color: #6EB446;font-weight:bold;margin: 0;}

/* TODO : Page des résultats : New recherche - a virer ? */
.content_left_form{
	margin-top: 15px;
	float: left;
	width: 295px;
	height: 132px;
	font: 10px Arial,Helvetica,sans-serif;
	color: #7F7F7F;
}
.content_left_form h1 {font: 10px Arial,Helvetica,sans-serif;color: #6EB446;font-weight:bold;margin: 0;}
.input_left_form{
	color: #444;
	background: #FFF;
	border: 1px solid #7E7F81;
	font: 9px Arial,Helvetica,sans-serif;
	width: 175px;
	height: 12px;
	margin-left: 2px;
	margin-top: 2px;
}
#select_left_form{margin: 0 0 0 0;vertical-align:top;color: #444;background: #FFF;border: 1px solid #7E7F81;font: 9px Arial,Helvetica,sans-serif;width: 180px;height: 13px;}

/* TODO : Page des resultats : Tableau - a virer ? */
.content_left_table{
	margin-top: 15px;
	float: left;
	width: 780px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7F7F7F;
}
.table_content{width: 781px;height: 30px;font-weight:bold;background: #CCC;}
.table_content td {color: #808080;padding-left: 5px;background: #FFF;font: 11px Arial,Helvetica,sans-serif; 

text-align:center;}
.table_content tr {color: #CCC;height: 40px;}
.table_content h1{color: #70C043;font: 10px Arial,Helvetica,sans-serif;font-weight:bold;}
.table_content p{color: #70C043;font: 11px Arial,Helvetica,sans-serif;}

/* TODO : Page des resultats : Mentions legales - a virer ? */
.content_left_sub_table{
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 10px;
	float: left;
	width: 759px;
	height: 70px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #7F7F7F;
	border: 1px solid #CCC;
}

.content_left_text_28{
	margin-top: 2px;
	float: left;
	width: 781px;
	height: 132px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #7F7F7F;
}

.content_left_sub_table_28 h1 { font: 10px Arial,Helvetica,sans-serif;color: #6EB446;font-weight:bold;margin: 0;}
.content_left_sub_table_28_last{
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	width: 770px;
	height: 135px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #7F7F7F;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.content_left_sub_table_28_last h1 { font: 10px Arial,Helvetica,sans-serif;color: #6EB446;font-weight:bold;margin: 0;}
.content_text_29{
    padding-left: 5px;
	padding-right: 10px;
	float: left;
	width: 770px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #7F7F7F;
}
.b1 {font: 11px Arial,Helvetica,sans-serif;color: #FE5820;font-weight:bold;margin: 0;}
.link_3 {font: 11px Arial,Helvetica,sans-serif; color: #3A5AA5; font-weight:bold;text-decoration: underline;}
.link_3:hover {font: 11px Arial,Helvetica,sans-serif; color: #3A5AA5; font-weight:bold; text-decoration: none;}
.link_3:active {color: #7F7F7F;}
.content_link_29{
    padding-left: 5px;
	padding-right: 10px;
	float: left;
	width: 770px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7F7F7F;
}
.content_book_list{
    padding-left: 5px;
	padding-right: 10px;
	float: left;
	width: 770px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7F7F7F;
}
.content_book_list_link{
	float: left;
	width: 30px;
	height: 30px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #7F7F7F;
	text-align: center;
	padding-top: 5px;
	border: 1px solid #444;
}
.content_book_list ul {float: left;width: 780px;list-style: none;margin: 0;}
.content_book_list ul li{float: left; color: #7F7F7F; width: 30px;height: 30px;text-align: center; vertical-align:middle;padding-top: 4px;}
.content_book_list ul a{color: #FE5820;font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;font-weight:bold;width: 20px; height: 16px;vertical-align:middle;}
.content_book_list ul a:hover {color: #aeaeae; font: 11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;font-weight:bold;width: 20px; height: 16px;vertical-align:middle;}
.content_book_list ul a:active {display:block; background-color:#039; color:#FFF; text-decoration: none; width: 20px; height: 16px;}

.espace_press {
    float: left;
    width: 781px;
    height: 23px;
}
.espace_press_title {
	padding-left: 1px;
	padding-right: 1px;
	float: left;
	width: 779px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #333333;
}
.i1{font: 11px Arial,Helvetica,sans-serif;color: #494949;margin: 0;}
.espace_press_link{float: left;width: 230px;height: 23px;padding-left: 550px;}
.espace_press_link_text{
 	float: left;
	width: 570px;
	height: 23px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	font-weight:bold;	
}
.espace_press_link_1{float: right;width: 210px;height: 23px;}
.span_link{float: right;text-align: right; margin-top: 30px;}

/* Les barres de titre à chaque pages (dont le Formulaire) */
/* TODO : bizarre, pourquoi si on met id au lieu de class, ça merde à l'affichage ? */
.sub_menu {
    /*width: 300px;*/
    height: 23px;    
}
.sub_menu img {
    vertical-align : middle; /* Pour régler le problème d'espace sous les ../../images avec IE */
}
.sub_menu_back {
    /*float: left;*/
    width: 781px;
    height: 23px;
    margin-bottom: 10px;
}

.promotion_left{
    margin-top: 5px;
	float: left;
	width:388px;
	height: 200px;
	border-right : 1px solid #AEAEAE;
}
.promotion_right{
    margin-top: 5px;
	padding-left:20px;
	padding-top:20px;
	float: left;
	width:388px;
	height: 200px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #7F7F7F;
	
}
.promotion_main{
	  width:780px;
	  font: 11px Arial,Helvetica,sans-serif;
	  color: #7F7F7F;
}
.promotion_main_image{
     float: left;
	 width:220px;
	 height: 131px;
	 padding-bottom: 7px;
}
.promotion_main_text
{
    margin-left:9px;
    float: left;
    width:551px;
	height: 131px;
}
.promotion_text
{
    margin-left:8px;
	margin-top:8px;
    float: left;
    width:535px;
}
.float_menu{
float:left;
    width:230px;
	height: 20px;
	border: 1px solid #444;

}
.sub_menu_link {font: 10px Arial,Helvetica,sans-serif; color: #3B5BA4; text-decoration: none;}
.sub_menu_link:hover {font: 10px Arial,Helvetica,sans-serif; color: #EBEEF7;text-decoration: none;}
.sub_menu_link:active {color: #EBEEF7;}

#dropmenudiv {
    margin-top: 7px;
    position: absolute;
    border-top: 1px solid #3B5BA4;
    border-bottom-width: 0;
    font-family:  Arial,Helvetica,sans-serif;
    text-decoration: none;
    text-align: left;
    line-height: 18px;
    z-index: 100;
    background-color: #3D5AA6;
}

#dropmenudiv a {
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #3D5AA6;
    padding: 1px 0;
    text-align: left;
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
}

#dropmenudiv a:hover { /*hover background color*/
    background-color: #3D5AA6;
}


/* VERSION EPARGNITY */

.barre-orange
{
    float:left;
    background-image:url(../../images/_barre-orange_781.jpg);
    background-repeat:no-repeat;
    color:White;
    width:761px;
    height:19px;
    padding-top: 4px;
    padding-left: 20px;
    font-family:Arial;
    font-weight:700;
    font-size:12px;
    text-transform : uppercase;
}
.barre-orange-395
{
    float:left;
    background-image:url(../../images/_barre-orange_395.jpg);
    background-repeat:no-repeat;
    color:White;
    width:395px;
    height:19px;
    padding-top: 4px;
    padding-left: 20px;
    font-family:Arial;
    font-weight:700;
    font-size:12px;
    text-transform : uppercase;
}
 .button_finish
{
    margin-right:100px;
}