html, body
{
	height	: 100%;
}
body
{
    margin-top			: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
    text-align			: center;
}

/* CONTENEUR PRINCIPAL */
div#main
{
	position	: relative;
	width		: 990px;
	height		: 100%;
	margin		: 0 auto;
    text-align	: left;
}
div#content
{
	position		: absolute;
	left			: 230px;
	top				: 165px;
	width			: 762px;
	padding-top		: 20px;
	padding-bottom	: 10px;
	padding-left	: 15px;
	padding-right	: 15px;
}


/* HAUT DE PAGE */
div#haut
{
	position	: absolute;
	width		: 990px;
	height		: 142px;
}
div#logo
{
	position	: absolute;
	left		: 0px;
	top			: 0px;
	width		: 228px;
	padding-top	: 20px;
}
#date_jour
{
	position	: absolute;
	left		: 50px;
	top			: 125px;
	font-size	: 9px;
}
#date_jour a
{
	color			: #666666;
	text-decoration	: none;
}
div#texte_haut
{
	position			: absolute;
	left				: 228px;
	top					: 0px;
	width				: 762px;
	height				: 142px;
	background-color	: #29509b;
	text-align			: center;
}
div#titre_haut
{
	position		: absolute;
	left			: 15px;
	width			: 310px;
	padding-top		: 20px;
	padding-left	: 5px;
	padding-right	: 10px;
	text-align		: left;
	font-family		: Verdana,Arial, Helvetica, sans-serif;
	font-size		: 18px;
	color			: #ffffff;
}
div#photo_haut
{
	position	: absolute;
	left		: 310px;
	width		: 142px;
	text-align	: center;
}
div#join_us
{
	position		: absolute;
	left			: 452px;
	width			: 310px;
	padding-top		: 20px;
	padding-left	: 15px;
	text-align		: left;
	font-size		: 18px;
	color			: #ffffff;
}
div#join_us_txt
{
	font-size		: 10px;
	font-weight		: bold;
	text-decoration : none;
}
#jackpot
{
	position	: absolute;
	left		: 605px;
	width		: 175px;
}

/* BARRE DE RECHERCHE */
div#rech_news
{
	position			: absolute;
	left				: 0px;
	top					: 142px;
	width				: 990px;
	height				: 28px;
	background-color	: #c1d14a;
	text-align			: center;
}
div#accueil
{
	position		: absolute;
	left			: 0px;
	width			: 228px;
	font-size		: 11px;
	color			: #2856ac;
	text-decoration : none;
}
div#accueil a
{
	color			: #2856ac;
	text-decoration : none;
}
div#form_rech
{
	position		: absolute;
	left			: 250px;
	font-size		: 11px;
	color			: #2856ac;
	font-weight		: bold;
	padding-top		: 1px;
	margin			: 0 auto;
	vertical-align	: middle;
}
div#form_newsletter
{
	position		: absolute;
	left			: 700px;
	font-size		: 11px;
	color			: #2856ac;
	font-weight		: bold;
	padding-top		: 1px;
	margin			: 0 auto;
	vertical-align	: middle;
}


/* MENU GAUCHE */
div#menu_gauche
{
	position			: absolute;
	top					: 170px;
	left				: 0;
	width				: 228px;
    text-align			: left;
	background-color	: #29509b;
}
div.txtblanc12menu
{
	font-size	: 12px;
	color		: #ffffff;
	font-weight	: bold;
	padding-left: 16px;
	margin-top	: 18px;
}
div.sous_menu_gauche
{
	padding-left	: 35px;
}
div.sous_menu_gauche a
{
	color			: #ffffff;
	font-size		: 12px;
	text-decoration	: underline;
}
div.sous_menu_gauche a:visited
{
	color	: #ffffff;
}
div.sous_menu_gauche a:hover
{
	color	: #1E90FF;
}
div.sous_menu_gauche a:active
{
	color	: #993300;
}

/* ACCUEIL */

	/* CAMPAGNE EN COURS */
div#campagne_home
{
	position		: absolute;
	top				: 0px;
	left			: 0px;
	width			: 508px;
	padding-left	: 10px;
	padding-top		: 20px;
    text-align		: left;
}
div#chapeau_home
{
	font-size	: 11px;
	color		: #2856ac;
    text-align	: justify;
}

	/* DOSSIER DU MOIS */
div#fond_accueil
{
	background-image	: url('http://www.sauvegarde-retraites.org/charte/fond-accueil.jpg');
	background-repeat	: no-repeat;
	width				: 762px;
	height				: 510px;
}
div#dossier_mois
{
	position		: absolute;
	top				: 0px;
	left			: 540px;
	width			: 203px;
	padding-top		: 20px;
	padding-left	: 20px;
    text-align		: left;
}

	/* ACTU ACCUEIL */
div#dossier_home
{
	position		: absolute;
	top				: 235px;
	left			: 0px;
	width			: 508px;
	padding-top		: 20px;
	padding-left	: 30px;
    text-align		: left;
}
.txtbleu11
{
	font-size	: 11px;
	color		: #2856ac;
	text-align	: justify;
}

	/* SONDAGE */
div#sondage
{
	position		: absolute;
	top				: 250px;
	left			: 540px;
	width			: 190px;
	padding-top		: 20px;
	padding-left	: 20px;
    text-align		: left;
}
#txtbleu16
{
	font-size	: 16px;
	color		: #2856ac;
	font-weight	: bolder;
}

/* DOSSIER */
#chapeau
{
	font-size		: 11px;
	color			: #29509b;
	text-align		: justify;
	padding-right	: 20px;
}

div#keywords
{
	font-size		: 12px;
	color			: #e3004f;
	font-weight		: bold;
}
div#keywords a
{
	color			: #2856ac;
	font-size		: 11px;
	text-decoration	: none;
	font-weight		: normal;
}

#keywords_search
{
	float	: left;
	width	: 25%;
}

div#print_link
{
	text-align		: right;
	padding-right	: 20px;
}
div#print_link a
{
	font-size	: 11px;
	color		: #e3004f;
	font-weight	: bold;
}

/* BAS DE PAGE */
div#copyright
{
	text-align		: center;
    margin			: 0 auto;
	color			: #939393;
	font-size		: 10px;
	text-decoration	: none;
	border-top		: 1px #CCCCCC solid;
}
div#aller_essentiel
{
    padding-top		: 30px;
    text-align		: left;
	font-size		: 12px;
	color			: #e3004f;
	font-weight		: bold;
}
div#aller_essentiel a
{
	color			: #2856ac;
	font-size		: 10px;
	text-decoration	: underline;
	font-weight		: normal;
}
div#kdocom
{
	text-align		: right;
    margin			: 0 auto;
	color			: #939393;
	font-size		: 10px;
	text-decoration	: none;
}
div#kdocom a
{
	color	: #939393;
}


/* LIENS */
a.lienrouge25
{
	font-size		: 25px;
	color			: #e3004f;
	font-weight		: bold;
	text-decoration	: underline;
}
a.lienrouge20
{
	font-size		: 20px;
	color			: #e3004f;
	font-weight		: bold;
	text-decoration	: underline;
}
a.lienrouge14
{
	font-size		: 12px;
	color			: #003366;
	font-weight		: bold;
	text-decoration	: underline;
}
a.lienbleu20
{
	font-size		: 20px;
	color			: #2856ac;
	text-decoration	: underline;
}
a.lienbleu14
{
	font-size		: 14px;
	color			: #2856ac;
	text-decoration	: underline;
	font-weight		: bolder;
}
a.lienbleu12
{
	font-size		: 12px;
	color			: #2856ac;
	text-decoration	: underline;
	font-weight		: bolder;
}
a.lienbleub
{
	color			: #2856ac;
	font-size		: 11px;
	text-decoration	: underline;
	font-weight		: bold;
}
a.lienbleu
{
	color			: #2856ac;
	font-size		: 11px;
	text-decoration	: none;
	font-weight		: normal;
}
a.bleutexte
{
	color			: #29509b;
	text-decoration	: none;
}


/* GENERAL */
img { border : 0 }

h1
{
	font-size	: 18px;
	color		: #e3004f;
	font-weight	: bold;
	padding		: 0px;
	margin		: 0px;
}
h2
{
	font-size	: 16px;
	color		: #2856ac;
	font-weight	: bolder;
	font-style	: italic;
	padding		: 0px;
	margin		: 0px;
}
h3
{
	font-size	: 14px;
	color		: #2856ac;
	font-weight	: bolder;
	border-bottom : 1px solid #2856ac;
}

.txtbleu11b
{
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #2856ac;
	font-weight	: normal;
}

.titre
{
	font-size		: 20px;
	color			: #e3004f;
	font-weight		: bold;
	text-decoration	: underline;
	padding-bottom	: 20px;
}
.titrerouge18
{
	font-family	: Verdana,Arial, Helvetica, sans-serif;
	font-size	: 18px;
	color		: #e3004f;
	font-weight	: bold;
}


/* FORMULAIRES */
.textarea
{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	color			: #000000;
	margin			: 0px;
	text-indent		: 2px;
	border-top		: 1px solid #B9B9B9;
	border-right	: 1px solid #B9B9B9;
	border-bottom	: 1px solid #B9B9B9;
	border-left		: 1px solid #B9B9B9;
	height			: 150px;
	width			: 300px;
}
.input
{
	font-size		: 10px;
	color			: #2856ac;
	width			: 120px;
	height			: 20px;
	margin			: 0px;
	text-indent		: 2px;
	border-top		: 2px outset #CFCFCF;
	border-right	: 2px solid #B2B2B2;
	border-bottom	: 0px solid #B2B2B2;
	border-left		: 0px solid #B2B2B2;
	vertical-align	: middle;
}
.inputform2
{
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #000000;
	height		: 18px;
	margin		: 0px;
	text-indent	: 2px;
	border		: 1px solid #B9B9B9;
	width		: 150px;
}
.inputform3
{
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #000000;
	height		: 18px;
	margin		: 0px;
	text-indent	: 2px;
	border		: 1px solid #B9B9B9;
	width		: 100px;
}
#inputform_btn
{
	background		: url('http://www.sauvegarde-retraites.org/charte/btn_envoyer.gif');
	width			: 144px;
	height			: 20px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	color			: #000000;
	font-weight		: bold;
	border			: none;
	border-bottom	: none;
	text-align		: center;
	margin			: 0px;
}
.input_btn
{
	color			: #2856ac;
	background		: url('http://www.sauvegarde-retraites.org/charte/fd_btok.gif');
	width			: 25px;
	height			: 19px;
	font-size		: 10px;
	font-weight		: bold;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	border			: none;
	border-bottom	: none;
	text-align		: center;
	margin			: 0px;
	vertical-align	: middle;
}
.input_btnrouge
{
	color			: #ffffff;
	background		: url('http://www.sauvegarde-retraites.org/charte/btn_votez.gif');
	width			: 66px;
	height			: 20px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	font-weight		: bold;
	border			: none;
	border-bottom	: none;
	text-align		: center;
	margin			: 0px;
}

#form_petition
{
	width		: 600px;
	text-align	: left;
}

#titreForm, #piedForm
{	/*** Mise en forme du titre et du pied de formulaire ***/
	font				: bold 16px arial, hevetica, sans-serif;
	color				: #FFFFFF;
	background-color	: #29509b;
	padding				: 3px;
	margin				: 0;
}
#corpForm
{	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border				: 1px solid #29509b;
	color				: black;
	background-color	: #f5f5f5;	
	margin				: 0;
	padding				: 5px;
}
#corpForm legend
{	/*** Mise en forme des titres des cadres ***/
	font-weight	: bold;
	color		: #e3004f;
	background	: transparent;
}

#corpForm fieldset#coordonnees label
{	/*** Mise en forme des intitulés de champs ***/
	float		: left;	/*** Très important, ne pas suprimer ! ***/
	width		: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align	: right;	/*** ... et ils sont alignés à droite... ***/
	margin		: 0;
	padding		: 0 .5em 0 0;
	line-height	: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label.obligatoire
{
	font-weight	: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .focus
{	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color	: #FFFFCC;
}
#corpForm .normal
{	/*** Retour à l'état normal après l'utilisation ***/
	background-color	: #FFFFFF;
}
#corpForm p
{	/*** Mise en forme des lignes du formulaire ***/
	padding	: 0.2em 0;
	margin	: 0 0 .2em 0;
}

/* PAGINATION */
div#pagination
{
    text-align	: center;
}

#thanks
{
    text-align	: center;
}


/* REVUE DE PRESSE */
.revue
{
	margin-right : 240px;
}
.img_logo
{
	float	: right;
	width	: 240px;
}

/* LIVRES */
.livre
{
	position	: relative;
	width		: 740;
}
.img_livre
{
	position	: absolute;
	width		: 120;
	height		: 140px;
	float		: left;
	left		: 0px;
	padding-left: 3px;
}
.texte_livre
{
	position	: absolute;
	width		: 600;
	height		: 120px;
	left		: 120px;
	top			: 0px;
}