#contenu_interne_off {
	float: right;
	width: 760px;
	padding-top: 30px;
	padding-left: 0px;
}
#contenu_interne_on {
	float: right;
	width: 760px;
	padding-top: 70px;
	padding-left: 0px;
}
h1 {
	font-size: 18px;
	/*color: #30302D;*/
	color: #D31616;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	padding: 0px;
	width: 440px; 
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #30302D;
	display: block;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
h3 {
	color: #5A3D1B;
	font-size: 12px;
	padding: 10px 10px 0px 0px;
	margin: 0px 0px 5px 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	display: block;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
h5 {
	position: absolute;
	text-align: right;
	font-size: 11px;
	color: #50808E;
	margin: 0px;
	height: 16px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 1000px;
	font-weight: normal;
	top: -75px;
}
#colonne_gauche {
	float: left;
	width: 440px;
	padding-top: 50px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#colonne_gauche_plus {
	float: left;
	width: 700px;
	padding-top: 50px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
p {
	font-size: 12px;
	color: #000000;
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 5px;
}
.image_article {
	float: right;
	border: 1px solid #A3C380;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
}
.picto_imprimante {
	margin-top: 0px;
	clear: both;
	float: right;
	margin-bottom: 10px;
	margin-left: 25px;
}
#colonne_droite {
	float: left;
	width: 300px;
	margin-left: 18px;
	margin-top: 10px;
}
a {
	color: #990000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#carre {
	height: 250px;
	width: 300px;
	/*border: 1px solid #CCCCCC;*/
	margin-bottom: 10px;
	text-align: center;
}
#bloc_inscription {
	height: 100px;
	width: 300px;
	margin-bottom: 10px;
	margin-top: 40px;
}
#bloc_abonnement {
	height: 150px;
	width: 300px;
	margin-bottom: 10px;
	margin-top: 40px;
}
#lexique {
	background-image: url(../images/interne/haut_lexique.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 40px 0px 10px 0px;
}
#rech_annuaire {
	background-image: url(../images/annuaire/haut_recherche.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 40px;
	padding: 40px 0px 10px 0px;
	
}
#lexique_contenu, #rech_annuaire_contenu {
	background-color: #ffe3c3;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E38D54;
	border-left-color: #E38D54;
	padding-top: 0px;
	margin: 0px;
}
#lexique p, #rech_annuaire p {
	font-size: 13px;
	color: #000000;
	text-align: justify;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#lexique h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #30302D;
	position: relative;
	left: 60px;
}
#lexique a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	background-image: url(../images/interne/puce-lexique.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	height: 20px;
}
#fiche_liste {
	padding-top: 10px;
}
#fiche_liste a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	display: block;
	padding-left: 10px;
	min-height: 17px;
	_height: 17px;
}

/* formulaire d'inscription*/
.texte_centre {
	text-align: center;
}
#contenu_bloc_orange {
	width: 412px;
	background-color: #FFE3C2;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E58438;
	border-left-color: #E58438;
	padding: 0px 8px 0px 8px;
}
#bloc_orange {
	width: 430px;
	padding: 0px 0px 0px 0px;
}
#bas_bloc_orange {
	background-image: url(../images/inscription/bas_orange.gif);
	height: 62px;
	background-repeat: no-repeat;
} 
.bt_bloc_orange {
	margin-left: 130px;
	margin-top: 10px;
}
.bt_long_bloc_orange {
	margin-left: 110px;
	margin-top: 10px;
}
.bt_bloc_orange1 {
	margin-left: 50px;
	margin-top: 10px;
}
.bt_bloc_orange2 {
	margin-left: 10px;
	margin-top: 10px;
}
.bt_bloc_orange3 {
	margin-left: 35px;
	margin-top: 10px;
}
.bt_bloc_orange4 {
	margin-left: 145px;
	margin-top: 10px;
}
#bloc_vert {
	width: 293px;
	padding-bottom: 0px;
	background-color: #DCEE98;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A3C380;
	border-left-color: #A3C380;
}
#bloc_rose {
	width: 293px;
	padding-bottom: 0px;
	background-color: #f4c5c5;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #AC908C;
	border-left-color: #AC908C;
} 
#bloc_vert h2, #bloc_rose h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #30302D;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 0px;
}
#bloc_vert p, #bloc_rose p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0px 10px 0px 10px;
}
#bas_bloc_vert {
	background-image:  url(../images/inscription/bas_vert.gif);
	height: 62px;
	background-repeat: no-repeat;
}
#bas_bloc_rose {
	background-image:  url(../images/inscription/bas_rose.gif);
	height: 39px;
	background-repeat: no-repeat;
}
.bt_bloc_vert {
	margin-left: 70px;
	margin-top: 10px;
}
.marge_10 {
	margin-top: 10px;
}
.marge_40 {
	margin-top: 40px;
}
.marge_50 {
	margin-top: 50px;
}
.marge_75 {
	margin-top: 75px;
}
#titre_carriere {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px 5px 30px;
}
.p_saumon {
	background-color: #FFF6EB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 5px 2px 5px;
}
.p_orange {
	background-color: #FFE3C2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 5px 2px 5px;
}
.p_rouge {
	background-color: #D31616;
	font-family: Arial, Helvetica, sans-serif;
	font-color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
.tr_saumon {
	background-color: #FFF6EB;
}
.tr_orange {
	background-color: #FFE3C2;
}
.tr_rouge {
	background-color: #D31616;
	font-color: #FFFFFF;
	font-weight: bold;
}
#colonne_gauche li, #colonne_gauche_plus li, #fiche_liste_actu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-top: 0px;
	padding-left: 10px;
	text-align : justify;
	background-image: url(../images/commun/puce_contenu.jpg);
	background-repeat: no-repeat;
}
.boite_ombre_fiche {
	background-image: url(../images/interne/ombre_fiche_haut.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	width: 440px;
}
.contenu_boite_fiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/interne/ombre_fiche_centre.jpg);
	padding-right: 20px;
	padding-left: 20px;
	margin: 0px;
	background-repeat: repeat-y;
	width: 400px;
}
.contenu_boite_fiche p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.lieu_lettre {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 220px;
}
.adresse_lettre {
	margin-left: 220px;
}
.image_lettre {
	border: 1px solid #A3C380;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	float: right;
}
.bouton_telecharger_lettre {
	margin-left: 5px;
}
#bloc_etape {
	width: 445px;
}
#contenu_etape {
	background-image: url(../images/question_reponse/milieu_bloc_orange.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 10px;
	width: 730px;
}
#contenu_etape2 {
	padding-left: 10px;
	padding-right: 10px;
	width: 730px;
}
#bloc_blanc {
	background-image: url(../images/question_reponse/haut_bloc_blanc.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	width: 500px;
	float: left;
	margin-bottom: 20px;
}
#contenu_bloc_blanc {
	background-image: url(../images/question_reponse/milieu_bloc_blanc.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#contenu_bloc_blanc p {
	margin: 0px;
	padding: 0px;
	color: #000000;
}
.float_left {
	float: left;
}
#contenu_explication_calculette {
	background-image: url(../images/calculette/milieu_gris.jpg);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
	width: 710px;
}
#contenu_explication_calculette p {
	font-size: 14px;
}
.titre_version_imprimable {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.version_imprimable {
	font-size: 18px;
}

/* page question reponse*/
.table {
	margin-bottom: 10px;
}
.table p {
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.bordure {
	border-bottom-color: #990000;
	border-bottom-width: 1px;
}
.bt_poser {
	float: right;
	position: relative;
	left: 55px;
}
#bloc_paiement_question {
	background-image: url(../images/question_reponse/paiement_2.jpg);
	background-repeat: no-repeat;
	height: 470px;
	background-position: 0px 40px;
}
#bloc_paiement_question_un_choix {
	background-image: url(../images/question_reponse/paiement_1.gif);
	background-repeat: no-repeat;
	height: 350px;
	background-position: 0px 40px;
}
.colonne_droite_offre {
	width: 291px;
	height: 110px;
	position: absolute;
	left: 655px;
	top: 243px;
}
.colonne_centre_offre {
	width: 247px;
	height: 110px;
	position: absolute;
	left: 615px;
	top: 180px;
}
.colonne_gauche_offre p, .colonne_droite_offre p, .colonne_centre_offre p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	line-height: 150%;
}
.colonne_gauche_offre {
	width: 297px;
	height: 115px;
	position: absolute;
	left: 264px;
	top: 282px;
}
.noir_21 {
	font-size: 18px;
	margin-top: 0px;
	padding-top: 0px;
}
#info_compl {
	position: absolute;
	left: 239px;
	width: 700px;
	top: 447px;
	height: 34px;
}
.marge_flash_demo {
	margin-left: 10px;
}
.marge_flash_demo2 {
	margin-left:30px;
	margin-top:50px;
	margin-bottom: 16px;
}

/* colonne de droite */
#bloc_droit_mag {
	height: 150px;
	width: 290px;
	background-image: url(../images/commun/fond_mag.gif);
	background-repeat: no-repeat;
	margin-top: 35px;
	padding-top: 10px;
	padding-left: 10px;
}
#bloc_droit_mag p {
	color: #FFFFFF;
	width: 160px;
}
#bloc_droit_mag a {
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	line-height: 150%;
	margin-top: 5px;
}
#vignette_mag_droite {
	padding: 5px 0px 0px 15px;
}
#vignette_mag_droite_dos {
	position: relative;
	left: 179px;
	top: -106px;
}
#bloc_calculette_qr {
	width: 300px;
}
.liste_annuaire {
	float: left;
	width: 145px;
}
#pub_annuaire {
	width: 435px;
	background-color: #FFE3C3;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
.pagination {
	text-align: center;
	font-size: 14px;
}
#fond_bloc_note {
	background-image: url(../images/annuaire/fond_bloc_note.gif);
	background-repeat: no-repeat;
	width: 350px;
	margin: 10px 0px 0px 0px;

	padding: 10px 10px 0px 10px;
}
#fond_bloc_note p {
	padding: 0px 10px 0px 10px;
}

/* Page épargne-retraite */
#colonne_droite_partenaire {
	float: left;
	width: 200px;
	margin: 10px 0px 0px 10px;
	padding: 50px 0px 0px 0px;
}
#colonne_gauche550 {
	float: left;
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
}
#carre_gauche_epargne {
	float: left;
	width: 300px;
	height: 250px;
	margin: 20px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.marron {
	color: #70341A;
	line-height: 150%;
}
.logo_partenaire {
	float: left;
	border: 1px solid #CCCCCC;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.marron11 {
	color: #70341A;
	line-height: 120%;
	font-size: 11px;
	text-align: left;
}

/* New home */
#presentation_menu_retraite {
	float: left;
}
#presentation_menu_retraite h3 {
	color: #5A3D1B;
	font-size: 13px;
	margin-bottom: 7px;
	margin-top: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	display: block;
	background-image: url(../images/interne/fleche_marron.gif);
	background-repeat: no-repeat;
	margin-left: 80px;
}
#presentation_menu_retraite h2 {
	color: #D31616;
	font-size: 15px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D31616;
	padding-bottom: 5px;
	width: 430px;
}
#presentation_menu_retraite p {
	line-height: 140%;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0.1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	color: #000000;
}
#epargne_droite {
	float: right;
	width: 300px;
	padding: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#actualite-epargne-retraite h2 {
	color: #D31616;
	font-size: 15px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D31616;
	padding-bottom: 5px;
	margin-top: 20px;
}
#colonne_gauche750 {
	float: left;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
}
.cadre_img {
	float: left;
	border: 1px solid #66461B;
	margin-right: 10px;
	clear: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
#epargne_gauche {
	float: left;
	width: 430px;
}
.menu_liste {
	float: left;
	margin-bottom: 10px;
}
.menu_liste_rose {
	float: left;
	margin-bottom: 10px;
	background-color: #FFF5EE;
	width: 430px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.margin_top {
	margin-top: 10px;
}
#presentation_sous_menu_retraite h2 {
	color: #D31616;
	font-size: 15px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D31616;
	padding-bottom: 5px;
	margin-left: 310px;
}

/* Annuaire */
.vignette_annuaire {
	width: 200px;
	float: left;
	padding-left: 20px;
	margin-top: 10px;
}
.vignette_annuaire_d {
	width: 170px;
	float: left;
	padding-left: 30px;
	margin-top: 10px;
}
.vignette_annuaire img, .vignette_annuaire_d img {
	border: 1px solid #693c15;
	margin-bottom: 10px;
	margin-top: 0px;
}
.lien_annuaire {
	background-image: url(../images/annuaire/fleche_marron.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	display: block;
	color: #653D19;
}

/* page calcul retraite et QR*/
.vignette_gauche {
	float: left;
	margin-right: 10px;
	border: 1px solid #5A3D1B;
	margin-top: 5px;
}
.lien_orange {
	color: #DF3D26;
	text-decoration: underline;
	display: block;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#colonne_750 {
	float: left;
	width: 740px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
#colonne_750 p {
	float: left;
	line-height:150%;
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#colonne_750 h1 {
	font-size: 21px;
	color: #D31616;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	padding: 0px;
	width: 750px;
}
#colonne_750 h3 {
	font-size: 15px;
	color: #C14F02;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	padding: 0px;
}
#etape1 {
	width: 140px;
	padding-top: 40px;
	background-image: url(../images/calculette/etape1.jpg);
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	height: 125px;
	margin-right: 6px;
}
#etape2 {
	width: 140px;
	padding-top: 40px;
	background-image: url(../images/calculette/etape2.jpg);
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	height: 125px;
	margin-right: 6px;
}
#etape3 {
	width: 140px;
	padding-top: 40px;
	background-image: url(../images/calculette/etape3.jpg);
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	height: 125px;
	margin-right: 6px;
}
#etape4 {
	width: 140px;
	padding-top: 40px;
	background-image: url(../images/calculette/etape4.jpg);
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	height: 125px;
	margin-right: 0px;
}
#etape1 a, #etape2 a, #etape3 a, #etape4 a {
	width: 140px;
	color:#63221B;
	text-align: left;
	line-height: 140%;
}
.explication_qr {
	position: absolute;
	left: 563px;
	top: 80px;
}
#colonne_gauche_commentaire {
	float: left;
	width: 430px;
	padding-top: 50px;
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#colonne_gauche_commentaire h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #673A15;
	display: block;
	font-weight: bold;
	padding: 5px;
	background-color: #DCED96;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.lien_marron12 {
	color: #70341A;
	font-size: 12px;
	text-decoration: underline;
}