body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	color: #3F3F3F;
	font-size: 8pt;
	text-align: left;
	background-color: white;
	font-family: verdana;
}

#global {
	position: relative;
	width: 995px;
	height: 609px;
	margin: 0px auto;
}

#container{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	width: 971px;
	background-color: #ebf6fc;
}

a {
	color: #00267F;
	text-decoration: none;	
}

a:visited {
	color: #00267F;
}

a:hover {
	color: #00267F;
	text-decoration: underline;
}

a img {
	border: none;
}

#img_flash {
	position: absolute;
	top: 0;
	left: 47px;
	width: 210px;
	height: 73px;
	text-align: center;
}

#bloc_entete
{
	position: relative;
	width: 971px;
	height: 168px;
	background: #f1f9fc url( '/images/vague-claire-971x112.gif' ) no-repeat;
}

#logoamf 
{	
	position: absolute;
	top: 0;
	left: 47px;
	width: 210px;
	height: 73px;
	z-index: 100;
	text-align: center;
	display:block;
}

#logoamf a
{	
	width: 210px;
	height: 73px;
	z-index: 100;
	text-align: center;
	display:block;
}


#sloganamf {
	position: absolute;
	top: 73px;
	left: 37px;
	width: 250px;
	height: 20px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
	color: #000099;
}

#sloganamf h1 {
	margin: 0px 0px 0px 0px;
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
	color: #000099;
}

#liens_accueil {
	position: absolute;
	left: 504px;
	top: 0;
	width: 470px;
	height: 70px;
	color: #000000;
	font-size: 8pt;
}

#liens_accueil a {
	position: relative;
	float: left;
	display: block;
	height: 34px;
	margin: 0 0 0 0;
	padding: 36px 4px 0 21px;
	font-size: 8pt;
}

#plebleu { background: url('/images/liens1-header-25x70-trans.png') no-repeat; }
#plebleu:hover { background: url('/images/liens1-header-actif-25x70-trans.png') no-repeat; }
#plevert { background: url('/images/liens2-header-25x70-trans.png') no-repeat; }
#plevert:hover { background: url('/images/liens2-header-actif-25x70-trans.png') no-repeat; }
#plejaune { background: url('/images/liens3-header-25x70-trans.png') no-repeat; }
#plejaune:hover { background: url('/images/liens3-header-actif-25x70-trans.png') no-repeat; }
#plerouge { background: url('/images/liens4-header-25x70-trans.png') no-repeat; }
#plerouge:hover { background: url('/images/liens4-header-actif-25x70-trans.png') no-repeat; }

#liens_accueil a {
	color: #00267F;
	text-decoration: none;
}

#liens_accueil a:hover {
	color: #00267F;
	text-decoration: underline;
}

#liens_accueil a:visited {
	color: #00267F;
}

#bloc_tarifs_bureaux {
	position: relative;
	background: url(images/FondPave-Bureaux-155x110.gif) no-repeat 0 0;
	width: 155px;
	height: 110px;
	left: 4px;
	margin-top: 20px;
}

#bloc_tarifs_bureaux form {
	position: absolute;
	left: 10px;
	top: 35px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#bloc_tarifs_bureaux select#dev {
	width: 130px;
	background: #F0F6FD;
	border: 1px solid #000099;
	font-size: 8pt;
	color: #000099;
}

#rub_tarifs {
	position: absolute;
	background: url(images/Bouton-Pave-124x16.gif) no-repeat 0 0;
	width: 124px;
	height: 15px;
	left: 7px;
	top: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 18px;
	padding-top: 1px;
}

#rub_bureaux {
	position: absolute;
	background: url(images/Bouton-LaFrance-132x40.gif) no-repeat 0 0;
	width: 135px;
	height: 46px;
	left: 8px;
	top: 62px;
}

#titre_bureaux {
	position: absolute;
	width: 135px;
	height: 10px;
	left: 1px;
	top: 13px;
}

#titre_bureaux a {
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 15px;
}

#titre_bureaux a:hover {
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: underline;
}

#titre_bureaux a:visited {
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 15px;
}

#recherche {
	position: absolute;
	left: 770px;
	top: 66px;
	width: 200px;
	height: 20px;
	color: #E4F3F9;
	font-size: 8pt;
}

#recherche form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#recherche input#s {
	width: 100px;
	padding-left: 14px;
	background: #fefefb url('./images/search.png') no-repeat 2px 2px;
}

#recherche input#submit {
    	width: 20px;
}

#bloc_cartes {
	position: absolute;
	top: 103px;
	left: 5px;
	width: 965px;
	height: 55px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

#bloc_cartes a {
	display: block;
	width: 104px;
	height: 42px;
	float: left;
	margin: 8px 3px 0 0;
	background-repeat: no-repeat;
}

#bloc_cartes a:hover {
	margin: 0 3px 0 0;
	cursor: pointer;
}

#bloc_cartes span {
	display: none;
}

#carte1 { background: url('/images/Carte-auto-trans.png');  }
#carte2 { background: url('/images/Carte-hab-trans.png'); }
#carte3 { background: url('/images/Carte-fam-trans.png'); }
#carte4 { background: url('/images/Carte-loisirs-trans.png'); }
#carte5 { background: url('/images/Carte-finances-trans.png'); }
#carte6 { background: url('/images/Carte-epargne-trans.png'); }
#carte7 { background: url('/images/Carte-compta-trans.png'); }
#carte8 { background: url('/images/Carte-sante-trans.png'); }
#carte9 { background: url('/images/Carte-jeune-trans.png'); }

#bloc_menu_haut{
	position: absolute;
	top: 145px;
	left: 0;
	width: 971px;
	height: 23px;
	background: url('/images/barre-gris-1x30-trans.png') repeat-x;
}

#bloc_menu_haut a {
	color: #afdff5; 
	text-decoration: none;
}


#bloc_menu_haut a:hover {
	color: #FFFFFF;
}

.menu_haut {
	position: relative;
	float: left;
	/*width: 194px;*/
	width: 161px;
	height: 17px;
	font-weight: bold;
	text-align: center;
	font-size: 8pt;
}

.clearboth {
	clear: both;
}

#footer{
	position: relative;
	width: 550px;
	height: 16px;
	margin: 0px auto;
	text-align: center;
	font-size: 7pt;
}

#menuGauche {
	position: relative;
	float: left;
	background: url('/images/menu-degrade-1x20.gif') repeat-x;
	width: 158px;
	padding: 70px 5px 20px 15px;
}

.eleMenu {
	position: relative;
	background: url('/images/fleche-menu-18x14.gif') no-repeat;
	border-bottom: solid 1px #b1d7fe;
	margin : 10px 0px 0px 0px;
	padding : 0px 0px 6px 25px;
}

.eleMenuEspBas {
	position: relative;
	background: url('/images/fleche-menu-18x14.gif') no-repeat;
	border-bottom: solid 1px #b1d7fe;
	margin : 10px 0px 20px 0px;
	padding : 0px 0px 6px 25px;	
}

.eleMenu a, .eleMenuEspBas a {
	color: #0060B6;
}

.eleMenu a:hover, .eleMenuEspBas a:hover {
	color: #0060B6;
}

.eleMenu a:visited, .eleMenuEspBas a:visited{
	color: #0060B6;	
}

#contenuPage {
	position: relative;
	float: left;
	background: white url('/images/zone-centre-749x449.gif') no-repeat;
	width: 573px;
	padding: 20px 180px 20px 40px;
}

#questionCompte #contenuPage
{
    padding-right : 179px; /* IE6 fait déborder le float:left sur "question sur mon compte" sans ce pixel. */
}

#contenuPageIframeSoc {
	position: relative;
	float: left;
	background: white;
	width: 793px;
	padding: 0;
	z-index: 2;
}

.spotPub {
	position: absolute;
	width: 160px;
	height: 150px;
}
.spotPub div{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}
.spotPub .spotPub_img {
	z-index: 1;
}
#spot_1 {
	top: 0px;
	right: 0px;
}

#spot_2 {
	top: 166px;
	right: 0px;
}

#spot_3 {
	top: 332px;
	right: 0px;
}
#spot_4 {
	top: 498px;
	right: 0px;
}

#sidebar {
	position: absolute;
	top: 54px;
	right: 10px;
	width: 160px;

}

.spotPub .texteSpotPub {
	position: absolute;
	top: 60px;
	left: 6px;
	width: 148px;
	height: 80px;
	color: #00267F;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
}

.spotPub .imgSpotPub {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 150px;
}

.spotPub .imgSpotPub img {
	width: 160px;
	height: 150px;
}

.titre 
{
	border-bottom: 1px solid #0060B6;
	margin : 0px 10px 4px 0px;
}

.titre h1 {
	margin: 0px 0px 0px 0px;
	color: #00267F;
	font-size: 16pt;
	font-weight: normal;
}

.ssTitre {
	position: relative;
	margin : 0px 10px 40px 0px;
}

.ssTitre h2 {
	margin: 0px 0px 0px 0px;
	color: #0060B6;
	font-size: 10pt;
	font-weight: normal;
	
}

#bloc_texte select, textarea {
	background: #fefefb;
	border: 1px solid #bfbfe5;
	font-size: 8pt;
	color: #000099;
	margin-top: 5px;
}

.formBleu {
	background: #fefefb;
	border: 1px solid #bfbfe5;
	font-size: 8pt;
	color: #000099;
	margin-top: 5px;
}

.formOr {
	background: #ffeebb;
	border: 1px solid #bfbfe5;
	font-size: 8pt;
	color: #000099;
	margin-top: 5px;
}

.bouton {
	position: relative;
	height: 19px;
	float: left;
	margin: 2px 4px 2px 0px;
}

.bouton a{
	color: white;
}

.bouton a:visited{
	color: white;
}

.bouton a:hover{
	color: white;
}


.boutonG {
	background-image: url(images/bouton-g-12x19.gif);
	float: left;
	width: 12px;
	height: 19px;
}
.boutonC {
	background-image: url(images/bouton-c-1x19.gif);
	float: left;
	padding-top: 2px;
	height: 17px;
}
.boutonD {
	background-image: url(images/bouton-d-12x19.gif);
	float: left;
	width: 12px;
	height: 19px;
}

.infobulle {
	position: relative;
	width: 99%;
	background-color: #F4F8FC;
	border: 1px dotted #5CADD6;
	margin-top: 20px;
	padding : 4px 4px 4px 10px;
	text-align: center;
   
}

.titreCrochet {
	position: relative;
	float: left;
	border: 4px #fed443 solid;
	padding: 0px 5px 0px 5px;
	height: 20px;
	margin: 0px 15px 0px 0px;
}

.titreCrochetBleu {
	position: relative;
	float: left;
	border: 4px #c0e7f6 solid;
	padding: 0px 5px 0px 5px;
	height: 20px;
	margin: 0px 15px 0px 0px;
}

.titreCrochetLib {
	position: relative;
	float: left;
	background: white;
	padding: 6px 6px 0px 6px;
	margin: -4px 0px -4px 0px;
	height: 22px;
	color: #00267F;
	font-size: 9pt;
	font-weight: bold;
}

.puceOrange {
	list-style-image: url('/images/puce-orange-11x11.gif');
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.flecheOrange {
	list-style-image: url('/images/fleche-orange-12x12.gif');
	border-left: 4px solid white;
	border-bottom: 4px solid white;
}

.flecheOrange2 {
	list-style-image: url('/images/puce-orange-13x13.gif');
	margin: 2px 0px 3px 20px;
}

fieldset {
	border: 1px solid #bfbfe5;
	padding: 0px 0px 6px 6px;
}

fieldset legend {
	padding: 0px 10px 0px 10px;
	border-left: 1px #bfbfe5 solid;
	border-right: 1px #bfbfe5 solid;
}

.crochetBleu {
	position: relative;
}

.crochetBleu .crochetG {
	position: absolute;
	left: 0px;
	width: 20px;
	height: 150px;
	border-left: 6px solid #c0e7f6;
	border-top: 6px solid #c0e7f6;
	border-bottom: 6px solid #c0e7f6;
}

.crochetBleu .crochetD {
	position: absolute;
	right: 0px;
	width: 20px;
	height: 150px;
	border-right: 6px solid #c0e7f6;
	border-top: 6px solid #c0e7f6;
	border-bottom: 6px solid #c0e7f6;
}

.crochetBleu .bgOpac {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #2091d2;
	filter: alpha(opacity=6);
	-moz-opacity: 0.06;
	opacity: 0.06;
}

.crochetBleu .texte {
	position: relative;
	margin: 0px 0px 0px 32px;
	padding: 16px 0px 0px 0px;
}

.blocContact {
	position: relative;
	float: left;
	width: 228px;
	padding : 70px 0px 0px 22px;
	margin: 0px 0px 0px 0px;
	
}

#popup-temoignage {
	position: absolute;
	top: 0px;
	left: 0px;
	background: White url(images/Fond-PopUp-380x336.gif) no-repeat;
	width: 284px;
	height: 316px;
	text-align: justify;
	padding: 10px 10px 10px 86px;
}

.TitreMenu {
	color: #00267F;
	font-size: 8pt; 
}

.temoignage {
	position: relative;
	float: left;
	margin: 0px 0px 12px 5px;
	padding: 0px 0px 0px 40px;
	width: 460px;
	border-left: 1px solid #cccccc;
	text-align: justify;
}

.temoignage ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.temoignage li {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.separation {
	position: relative;
	background: #CCCCCC;
	width: 520px;
	height: 2px;
	font-size: 1px;
	margin: 10px 0px 10px 0px;
}

dfn a:link, dfn a:visited, dfn a:active	{
	font-style: normal;
	border-bottom: 1px dashed #999999;
}

dfn a:hover	{
	background: #FFFFCC;
	text-decoration: none;
	cursor: help;
	border-bottom-width:0;
}

.flecheBleu {
	position: relative;
	float: left;
	background: url('/images/fleche-bleu-13x13.gif') no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 20px;
}

.flecheJaune {
	position: absolute;
	left: 20px;
	width: 28px;
	height: 20px;
	/*background: url('/images/fleche-bleu-clair-28x20.gif') no-repeat;*/
	background: url('/images/fleche-jaune-28x30.gif') no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 20px;
}

.guillemet {
	background: url('/images/guillemet-23x19.gif') no-repeat top left;
	width: 404px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 10px 30px;
	color: #0060B6; 
	font-size: 8pt;
	font-style: italic;
}

.coupDOeil {
	float: left;
	width : 280px;
	height: 35px;
	padding: 36px 0px 0px 220px;
	margin: 0px 0px 20px 0px;
	background: url('/images/coupdoeil-214x71.gif') no-repeat;
}

#popup-connexion {
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent;
	width: 600px;
	height: 300px;
	text-align: justify;
}

div#qTip {
	padding: 6px 10px 6px 10px;
	display: none;
	background: #d8e6f6;
	color: #000;
	border: 1px solid #000099;
	font: bold 10px;
	text-align: left;
	position: absolute;
	z-index: 1000;
	opacity:0.94;
	filter: alpha(opacity=94);
	/* Mozilla proprietary */
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
}

div#qTip {
	padding: 6px 10px 6px 10px;
	display: none;
	background: #eff7fd;
	color: #175d9e;
	border: #d6eafa solid 1px;
	font-size: 8pt;
	text-align: left;
	position: absolute;
	z-index: 1000;
	opacity:0.94;
	filter: alpha(opacity=94);
	/* Mozilla proprietary */
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
}


span.dday-title{
  cursor: pointer;
}

#chargeCommune {
	visibility: hidden;
}

.infoconnexion {
	margin: 0 0 20px 0;
}

#iframedeconnexion {
	height:20px;
	position:absolute;
	right:0;
	top:184px;
	width:246px;
	z-index:100;
}

#contenuPageSoc{
	background: white url(/images/zone-centre-soc-794x449.png) no-repeat scroll 0 0;
	float: left;
	height: auto !important;
	height:1000px;
	min-height: 1000px !important;
	padding: 20px 20px 20px 40px;
	position: relative;
	width: 733px;	
}

#menuGauche.menuep {
	background: url('/images/fam-espaceperso-196x72.gif') no-repeat;
}

.formdevis {
	padding: 30px 0 0 0; 
	margin: 20px 0 0 0;
	background: url(/images/votre-devis-106x21.gif) no-repeat top center;
	width: 150px;
	height: 30px;
}

.formprojet {
	padding: 30px 0 0 0; 
	margin: 10px 0 0 0;
	background: url(/images/votre-projet-111x25.gif) no-repeat top center;
	width: 150px;
	height: 30px;
}

.WCB2 {
	background: url(/images/wcb-80x87.gif) no-repeat center top;
	display: block;
	position: relative;
	width: 80px;
	height: 87px;
	margin: 10px 10px 0px 8px;
	float: right;
}

#bulleWCB.bulle
{
	position: absolute;
	top: 250px;
	left: 230px;
	width: 600px;
	height: 400px;
}

#bulleWCB .textbulle, #bulleWCB .bdegh, #bulleWCB .bdegb {
	width: 550px;
}

#bulleWCB .textbulle, #bulleWCB .bdegg, #bulleWCB .bdegd {
	height: 350px;
}

.infoleg {
	background: url(/images/picto-informations-legales-70x60.gif) no-repeat;
	display:block;
	float:right;
	height:60px;
	margin:10px 0 0 8px;
	position:relative;
	width:70px;
}

.alerterouge {
	border: 1px solid rgb(153, 0, 0); 
	text-align: center; 
	padding: 8px; 
	background: rgb(255, 218, 218);
	font-weight: bold;
	color: rgb(153, 0, 0); 
	margin-top: 15px;
}

.C8N { color: #009CEA; font-size: 8pt; }
.C9B { color: #009CEA; font-size: 9pt; font-weight: bold; }
.C11B { color: #009CEA; font-size: 11pt; font-weight: bold; }
.C13N { color: #009CEA; font-size: 13pt; }
.C13B { color: #009CEA; font-size: 13pt; font-weight: bold; }

.BC7N { color: #0060B6; font-size: 7pt; }
.BC8N { color: #0060B6; font-size: 8pt; }
.BC8B { color: #0060B6; font-size: 8pt; font-weight: bold; }
.BC9N { color: #0060B6; font-size: 9pt; }
.BC9B { color: #0060B6; font-size: 9pt; font-weight: bold; }
.BC10N { color: #0060B6; font-size: 10pt; }
.BC10B { color: #0060B6; font-size: 10pt; font-weight: bold;}
.BC10G { color: #0060B6; font-size: 10pt; font-weight: bold; }
.BC13N { color: #0060B6; font-size: 13pt; }
.BC11G { color: #0060B6; font-size: 11pt; font-weight: bold; }
.BC11N { color: #0060B6; font-size: 11pt;}
.BC14B { color: #0060B6; font-size: 14pt; font-weight: bold;}

.B10B { color: #0066CC; font-size: 10pt; font-weight: bold; }
.B9B { color: #0066CC; font-size: 9pt; font-weight: bold; }
.B8B { color: #0066CC; font-size: 8pt; font-weight: bold; } 
.B7N { color: #0066CC; font-size: 7pt; } 
.B8N { color: #0066CC; font-size: 8pt; } 

.BF8N { color: #00267F; font-size: 8pt; }
.BF9N { color: #00267F; font-size: 9pt; }
.BF9B { color: #00267F; font-size: 9pt; font-weight: bold;}
.BF10N { color: #00267F; font-size: 10pt; }
.BF11N { color: #00267F; font-size: 11pt; }
.BF11B { color: #00267F; font-size: 11pt; font-weight: bold;}
.BF13N { color: #00267F; font-size: 13pt; }
.BF13G { color: #00267F; font-size: 13pt; font-weight: bold; }

.BT9B { color: #23BAFF; font-size: 9pt; font-weight: bold; }

.GB9B { color: #666666; font-size: 9pt; font-weight: bold;}

.G7N { color: #3F3F3F; 	font-size: 7pt; }
.G8N { color: #3F3F3F; 	font-size: 8pt; }
.G9N { color: #3F3F3F; 	font-size: 9pt; }
.G8B { color: #3F3F3F; 	font-size: 8pt; font-weight: bold; }
.G9B { color: #3F3F3F; 	font-size: 9pt; font-weight: bold; }

.GC8N { color: #999999; font-size: 8pt; }
.GC8B { color: #999999; font-size: 8pt; font-weight: bold; }
.GC9N { color: #999999; font-size: 9pt; }
.GC9B { color: #999999; font-size: 9pt; font-weight: bold;}
.GC10B { color: #999999; font-size: 10pt; font-weight: bold;}
.GC13N { color: #999999; font-size: 13pt; }

.O8N { color: #f3800d; font-size: 8pt; }
.O8B { color: #f3800d; font-size: 8pt; font-weight: bold; }
.O9B { color: #f3800d; font-size: 9pt; font-weight: bold; }

.J8B { color: #ffca03; font-size: 8pt; font-weight: bold;}
.J8N { color: #ffca03; font-size: 8pt;}
.J9N { color: #ffca03; font-size: 9pt; }
.J10N { color: #ffca03; font-size: 10pt; }
.J11N { color: #ffca03; font-size: 11pt; }
.J13B { color: #ffca03; font-size: 13pt; font-weight: bold;}
.J16B { color: #ffca03; font-size: 16pt; font-weight: bold;}


.R8N { color: #FF0039; 	font-size: 8pt; }
.R8B { color: #FF0039; 	font-size: 8pt; font-weight: bold; }
.R9B { color: #FF0039; 	font-size: 9pt; font-weight: bold; }

.V9N { color: #009933; 	font-size: 9pt; }
.V9B { color: #009933; 	font-size: 9pt; font-weight: bold; }

.W7N { color: white; font-size: 7pt; font-weight: normal; }
.W8N { color: white; font-size: 8pt; }
.W9N { color: white; font-size: 9pt; }
.W10N { color: white; font-size: 10pt; }
.W13N { color: white; font-size: 13pt; }
.W13B { color: white; font-size: 13pt; font-weight: bold; }
.W16B { color: white; font-size: 16pt; font-weight: bold;}

p.cnil
{
  margin-top : 0px;
  color : #999;
}