@charset "utf-8";

/*
sz: Attention à cet appel qui doit avoir lieu sur le serveur d'appel par rapport au fichier html et non par rapport à la css !!!
sz: exemple ci dessous en local

body { _behavior:url("http://geoxia.melisagency.fr/castor/htc/csshover3.htc") }

*/


#panneau
{
	width:700px;
	height:auto;
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 20px
}

#pop_inscription
{ display:none }

#pop_inscription .formFd
{
	height:100%;
	width:525px;
	background:#f0f0f0 url(../images/contenu/09-espaceperso/pop_fd.png) repeat-x 0 0;
	margin:0;
	padding:15px
}

#pop_inscription .formFd p
{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:14px;
	margin:10px 0 0
}

#pop_inscription .formFd ul
{ width:525px }

#pop_inscription .formFd ul li
{
	width:240px;
	float:left;
	list-style:none
}

#pop_inscription .formFd input
{
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:230px;
	margin:0;
	padding:1px 2px
}

#pop_inscription .formFd .choix input
{
	width:50px;
	vertical-align:bottom;
	margin:0 18px 0 8px
}

#pop_inscription .formFd .gratuit
{ font:700 13px "Trebuchet MS", Arial, Helvetica, sans-serif }

#pop_inscription .formFd .grace
{
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 10px
}

#pop_inscription .formFd .civilite
{
	width:90px;
	margin:3px 0 0
}

#pop_inscription .formFd .budgetglobal
{
	width:180px;
	margin:3px 0 0
}

#pop_inscription .formFd a
{ font-size:13px }

#pop_inscription .formFd .geoxia
{
	width:100%;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:14px;
	margin:20px 0
}

#pop_inscription .formFd .geoxia li
{
	float:left;
	margin:0 0 15px
}

#pop_inscription .formFd .ckb
{
	width:20px;
	height:auto;
	clear:left;
	margin:5px 10px 20px 0
}

#pop_inscription .formFd .ckb input
{
	width:auto;
	height:auto
}

#pop_inscription .formFd .txt
{ width:500px }

#pop_inscription .formFd .avert
{
	clear:left;
	font-size:9px
}

#pop_inscription .formFd .disclaim
{
	clear:left;
	font-size:9px;
	color:#666;
	text-align:center;
	margin:20px auto 0
}

#pop_inscription .formFd .pop_ibutt
{
	font-size:14px;
	font-weight:700;
	color:#FFF;
	display:block;
	text-decoration:underline;
	width:197px;
	border:none;
	background:url(../images/contenu/09-espaceperso/pop_ibutt.png) no-repeat center center;
	margin:0 auto;
	padding:9px 0
}

#basique, #basvers, #basagen
{
	width:680px;
	height:auto;
	display:block;
	float:left;
	background:url(../images/contenu/fd_degrade.png) repeat-x 0 32px;
	margin:0 0 0 20px;
	padding:0
}

#basique h1, #basvers h1, #basagen h1, #pave_inscription h1, #pop_inscription h1
{
	font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#C1022B;
	display:block;
	width:640px;
	margin:0;
	padding:5px 20px 4px
}

#pop_inscription h1
{
	width:525px;
	margin:0 0 1px;
	padding:5px 15px 4px
}

#pave_inscription
{
	width:622px;
	height:196px;
	display:block;
	float:left;
	color:#FFF;
	background:#C1022B;
	margin:1px 0 0 40px
}

#pave_inscription h1
{
	width:500px;
	padding:5px 20px 4px
}

#pave_inscription p
{
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:16px;
	padding:25px 20px 0
}

#pave_inscription .ibuttL_txt, #pave_inscription .ibuttR_txt
{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:16px;
	float:left;
	display:block;
	text-align:center;
	height:auto;
	width:274px;
	margin:0 0 0 14px;
	padding:12px 0
}

#pave_inscription .ibuttL, #pave_inscription .ibuttR
{
	background:url(../images/contenu/09-espaceperso/ibutt.png) no-repeat 0 0;
	float:left;
	display:block;
	text-align:center;
	height:49px;
	width:274px;
	margin:0 0 0 14px;
	padding:12px 0
}

#pave_inscription a
{
	color:#000;
	font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif
}

#ep_entete .infocompte
{
	color:#58585A;
	margin:0 20px 5px 40px
}

#ep_container .ombres
{
	background:#FFF url(../images/contenu/09-espaceperso/barre.png) no-repeat 0 0;
	float:left
}

#ep_container .ombres h1
{
	text-transform:uppercase;
	color:#58585A;
	height:17px;
	border-bottom:1px solid #58585A;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-indent:29px;
	margin:0 10px 5px;
	padding:8px 0 0
}

#ep_container .ombres .picto_agenda 	{ background:url(../images/contenu/09-espaceperso/picto_agenda.png) no-repeat 0 0 }
#ep_container .ombres .picto_contact 	{ background:url(../images/contenu/09-espaceperso/picto_contact.png) no-repeat 0 1px }
#ep_container .ombres .picto_discut 	{ background:url(../images/contenu/09-espaceperso/picto_discut.png) no-repeat 0 2px }
#ep_container .ombres .picto_fiches 	{ background:url(../images/contenu/09-espaceperso/picto_fiches.png) no-repeat 0 1px }
#ep_container .ombres .picto_offres 	{ background:url(../images/contenu/09-espaceperso/picto_offres.png) no-repeat 0 0 }
#ep_container .ombres .picto_video 		{ background:url(../images/contenu/09-espaceperso/picto_video.png) no-repeat 0 0 }

#ep_container .ombres .contenu
{
	display:block;
	color:#58585A;
	padding:5px 10px
}

#ep_container .ombres .contenu p
{ font-size:10px }

#ep_container .ombres .contenu p strong
{ font-size:11px }

#ep_container .ombres .contenu ul
{
	margin:0;
	padding:0
}

#ep_container .ombres .contenu ul li
{
	width:273px;
	margin:0 0 10px;
	padding:0
}

#ep_container .ombres .contenu .paginate
{
	text-align:center;
	font-size:8px;
	margin:5px auto;
	padding:0
}

#ep_container .ombres .contenu .paginate a
{
	text-decoration:none;
	margin:0 3px
}

#ep_container .ombres .contenu #outils
{
	float:left;
	width:240px;
	height:auto;
	display:block
}

#ep_container .ombres .contenu #outils ul
{
	float:left;
	width:240px;
	height:auto;
	display:block;
	border:1px solid #C1120D;
	border-radius:0 4px 4px 4px;
	-moz-border-radius:0 4px 4px;
	-webkit-border-radius:0 4px 4px 4px;
	padding:10px 0
}

#ep_container .ombres .contenu #outils li
{
	float:left;
	height:30px;
	display:list-item;
	list-style:disc inside;
	margin:5px 0;
	padding:15px 0 0 75px
}

#ep_container .ombres .contenu #outils .outil1 { background:url(../images/contenu/09-espaceperso/outils/1.png) no-repeat 10px 0 }
#ep_container .ombres .contenu #outils .outil2 { background:url(../images/contenu/09-espaceperso/outils/2.png) no-repeat 10px 0 }
#ep_container .ombres .contenu #outils .outil3 { background:url(../images/contenu/09-espaceperso/outils/3.png) no-repeat 10px 0 }
#ep_container .ombres .contenu #outils .outil4 { background:url(../images/contenu/09-espaceperso/outils/4.png) no-repeat 10px 0 }
#ep_container .ombres .contenu #outils .outil5 { background:url(../images/contenu/09-espaceperso/outils/5.png) no-repeat 10px 0 }

#ep_container .ombres .contenu .hrRed, #ep_container .ombres .contenu .hrGray
{
	height:1px;
	border-top:1px solid #C1120D;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:100%;
	margin:0 0 10px
}

#ep_container .ombres .contenu .hrGray
{ border-top:1px solid #58585A }

#ep_container .ombres .contenu .conseils
{
	color:#000;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:both;
	float:left;
	height:auto;
	width:100%;
	margin:0 0 20px;
	padding:0
}

#ep_container .ombres .contenu .conseils h2
{
	font:700 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:both;
	float:left;
	margin:10px 0;
	padding:0
}

#ep_container .ombres .contenu .conseils p
{
	clear:left;
	float:left;
	font-size:12px;
	line-height:14px
}

#ep_container .ombres .contenu .videothumbs
{
	float:left;
	width:100%;
	height:auto;
	display:block;
	font-weight:700
}

#ep_container .ombres .contenu .videothumbs li
{
	float:left;
	width:103px;
	height:120px;
	display:block;
	text-align:center;
	clear:none;
	margin:0 20px 20px 0
}

#ep_container .ombres .contenu .videothumbs img
{
	clear:both;
	border:1px solid #000;
	display:block;
	margin:0 auto 5px;
	padding:1px
}

#ep_container .ombres .contenu #player_full
{
	float:left;
	width:597px;
	height:427px;
	display:block;
	margin:0 45px 15px 0
}

#ep_container .ombres .contenu #player
{
	float:left;
	width:370px;
	height:300px;
	display:block
}

#ep_container .ombres .contenu #player .dbutt
{
	font-size:11px;
	font-weight:700;
	color:#FFF;
	display:block;
	text-decoration:underline;
	width:348px;
	border:none;
	text-align:center;
	background:url(../images/contenu/09-espaceperso/dbutt.png) no-repeat center center;
	margin:5px 0;
	padding:9px 0
}

#ep_container .ombres #mesvideosOpen .titre,
.ongletRed, .ongletGray
{
	color:#FFF;
	background:#C1120D;
	font-size:11px;
	font-weight:700;
	width:280px;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	margin:7px 0 0;
	padding:5px 10px
}

.ongletRed, .ongletGray
{
	width:100px;
	text-align:center;
	text-decoration:underline;
	font-size:14px;
	font-weight:700
}

.ongletGray { background:#58585A }

#ep_container .ombres #mescontactsOpen li
{
	width:247px;
	background:url(../images/contenu/09-espaceperso/puce_contact.png) no-repeat -4px 0;
	padding:2px 0 0 26px
}

#ep_container .ombres #mescontactsOpen li a
{ text-decoration:none }

#ep_container .ombres #offresspecialesOpen li
{
	width:273px;
	padding:0
}

#ep_container .ombres #offresspecialesOpen li p:first-child
{
	border:1px solid #58585A;
	width:51px;
	height:51px;
	float:left;
	margin:0 8px 10px 0
}

#ep_container .ombres #monsuiviOpen li
{
	width:273px;
	height:40px;
	background:url(../images/contenu/09-espaceperso/calendar.png) no-repeat 0 0;
	padding:0
}

#ep_container .ombres #monsuiviOpen li .day
{
	color:#FFF;
	float:left;
	width:28px;
	text-align:center;
	font-size:14px;
	font-weight:700;
	margin:0;
	padding:2px 0 0
}

#ep_container .ombres #monsuiviOpen li .mon
{
	color:#000;
	float:left;
	width:28px;
	text-align:center;
	clear:left;
	font-weight:700;
	margin:-4px 0 0
}

#ep_container .ombres #monsuiviOpen li p:first-child
{
	float:right;
	text-align:left;
	width:230px;
	margin:8px 0 0
}

#ep_container .ombres #mesguidesdemontagesOpen ul
{ margin:8px 0 }

#ep_container .ombres #mesguidesdemontagesOpen .pdf
{
	width:239px;
	background:url(../images/contenu/09-espaceperso/pdf.png) no-repeat -4px 0;
	float:left;
	clear:both;
	padding:2px 0 0 34px
}

#ep_container .ombres #mesguidesdemontagesOpen li p
{
	float:left;
	width:180px
}

#ep_container .ombres #mesguidesdemontagesOpen li .stars
{
	float:right;
	height:40px;
	margin:2px 0 0
}

#ep_container li
{
	width:313px;
	clear:left;
	list-style:none;
	margin:0 20px 20px 40px
}

#ep_container .LCol
{
	float:left;
	width:353px
}

#ep_container .LCol li
{ width:293px }

#ep_container .UCol
{
	float:left;
	width:100%
}

#ep_container .RCol
{
	float:right;
	width:627px
}

#ep_container .RCol li
{
	float:left;
	clear:none;
	width:293px;
	margin:0 20px 20px 0
}

#ep_container .RCol li h1 a,
#ep_container .LCol li h1 a,
#ep_container .UCol li h1 a
{
	background:url(../images/contenu/09-espaceperso/barre_close.png) no-repeat 0 0;
	display:block;
	position:absolute;
	height:9px;
	width:9px;
	right:10px;
	top:8px;
	margin:3px 0 0;
	padding:0
}

#ep_container .RCol .wide
{ width:606px }

#ep_container .full
{ width:920px }

#basagen h1 em { font:bold normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif }

#basique h3,
#basvers h3,
#basagen h3,
#basagen .h3Rech
{
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	width:640px;
	margin:0;
	padding:20px
}

#basagen h3
{
	width:202px;
	float:left
}

#basagen .h3Rech
{
	width:289px;
	float:left
}

#basique .article
{
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}

#basique img
{
	float:left;
	margin:0 20px
}

#basique ul
{
	float:right;
	width:405px;
	height:auto;
	list-style:none;
	display:block;
	margin:0 20px 45px 0
}

#basique ul li
{
	float:left;
	width:100%;
	height:auto;
	display:block
}

#basique ul li h2
{
	font-size:16px;
	color:#C1022B;
	width:100%;
	margin:0;
	padding:0
}

#basique ul li h4
{
	font-size:14px;
	color:#000;
	width:100%;
	margin:10px 0 0;
	padding:0
}

#basique ul li .voir
{
	height:35px;
	width:300px;
	float:left;
	display:block;
	list-style:none;
	text-align:center;
	margin:10px 0 0;
	padding:0
}

#basique ul li .voir a
{
	font-size:15px;
	font-weight:700;
	color:#FFF;
	display:block;
	text-decoration:underline;
	padding:5px 0
}

#basique ul li .voir .voir_1,
#basique ul li .voir .voir_3
{
	float:left;
	background:url(../images/contenu/voir/voir_L.png) no-repeat 0 0;
	width:15px;
	height:35px;
	display:block
}

#basique ul li .voir .voir_2
{
	width:auto;
	height:35px;
	background:url(../images/contenu/voir/voir_M.png) repeat-x 0 0
}

#basique ul li .voir .voir_3
{ background:url(../images/contenu/voir/voir_R.png) }

#basique ul li p
{
	font-size:12px;
	margin:5px 0 0
}

#basvers .vbutts
{
	width:100%;
	height:40px;
	display:block;
	clear:both;
	float:left;
	list-style:none;
	margin:0 0 10px;
	padding:0
}

#basvers .vbutts li
{
	height:40px;
	text-align:center;
	float:left;
	display:block
}

#basvers .vbutts li a
{
	font-size:15px;
	font-weight:700;
	color:#FFF;
	display:block;
	text-decoration:underline;
	padding:9px 0
}

#basvers .vbutt1
{
	width:219px;
	background:url(../images/contenu/10-versions/vbutt1.png) no-repeat 0 0
}

#basvers .vbutt2
{
	width:224px;
	background:url(../images/contenu/10-versions/vbutt2.png) no-repeat 0 0;
	/* margin:0 8px 0 9px commenté Melis ? */
}

#basvers .vbutt3
{
	width:219px;
	background:url(../images/contenu/10-versions/vbutt3.png) no-repeat 0 0
}

#basvers .totop
{
	font-size:10px;
	float:right;
	text-decoration:none;
	text-align:right;
	border-bottom:1px solid #999;
	color:#000;
	clear:both;
	display:block;
	width:auto;
	margin:4px 0 16px
}

#basvers .varticle1, #basvers .varticle2, #basvers .varticle3
{
	float:left;
	clear:both;
	display:block;
	width:679px;
	margin:0
}

#basvers .varticle1 { background:#6ECD9A url(../images/contenu/10-versions/vfd1.png) no-repeat left bottom }
#basvers .varticle2 { background:#F2B44F url(../images/contenu/10-versions/vfd2.png) no-repeat left bottom }
#basvers .varticle3 { background:#69B4C9 url(../images/contenu/10-versions/vfd3.png) no-repeat left bottom }

#basvers .varticle1 h1,
#basvers .varticle2 h1,
#basvers .varticle3 h1
{
	float:left;
	clear:both;
	display:block;
	width:663px;
	height:30px;
	margin:0;
	padding:3px 0 0 16px
}

#basvers .varticle1 h1 { background:url(../images/contenu/10-versions/vtitre1.png) no-repeat 0 0 }
#basvers .varticle2 h1 { background:url(../images/contenu/10-versions/vtitre2.png) no-repeat 0 0 }
#basvers .varticle3 h1 { background:url(../images/contenu/10-versions/vtitre3.png) no-repeat 0 0 }

#basvers .LCol
{
	width:260px;
	height:auto;
	display:block;
	float:left;
	color:#FFF
}

#basvers .LCol h2
{
	font:bold 15px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	line-height:16px;
	margin:0;
	padding:5px 10px 0 20px
}

#basvers .LCol p
{
	font-size:12px;
	font-weight:700;
	line-height:16px;
	margin:0;
	padding:0 10px 0 20px
}

#basvers .RCol
{
	width:400px;
	height:auto;
	display:block;
	float:right;
	text-align:left;
	margin:0;
	padding:0
}

#basvers .RCol ul
{
	width:180px;
	height:auto;
	display:block;
	float:left;
	margin:0 20px 0 0
}

#basvers .varticle1 .RCol ul { background-color:#B6E8CA }
#basvers .varticle2 .RCol ul { background-color:#F1DEA4 }
#basvers .varticle3 .RCol ul { background-color:#B7D7E2 }

#basvers .RCol ul li
{
	font-size:11px;
	line-height:15px;
	list-style:disc inside;
	margin:0;
	padding:0 5px
}

#basvers .RCol ul .title
{
	display:block;
	list-style:none;
	color:#FFF;
	font:bold 15px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 0
}

#basvers .varticle1 .RCol ul .title { background:#6ECD9A }
#basvers .varticle2 .RCol ul .title { background:#F2B44F }
#basvers .varticle3 .RCol ul .title { background:#69B4C9 }

#basvers .RCol h3
{
	width:auto;
	height:auto;
	display:block;
	text-decoration:underline;
	margin:20px 0 0;
	padding:0
}

#basvers .etoile
{
	clear:both;
	margin:5px 0 10px 280px
}

#basagen .carteBloc
{
	float:right;
	display:block;
	border:1px solid #000;
	margin:22px 0 20px;
	padding:0
}

#basagen #carteacturegions
{
	width:348px;
	height:308px;
	float:right;
	display:block;
	background:url(../images/contenu/13-acturegions/carte.png) no-repeat 0 0;
	border:1px solid #000;
	margin:22px 0 20px;
	padding:0
}

#basagen #carte
{
	width:436px;
	height:242px;
	float:right;
	display:block;
	background:url(../images/contenu/07-nosagences/carte.png) no-repeat -60px -40px;
	border:1px solid #000;
	margin:22px 0 20px;
	padding:0
}

#basagen #carteRech, #basagen #carteRechParis
{
	width:349px;
	height:310px;
	background:url(../images/contenu/08-rechterrainnoninscrit/carte_full.png) no-repeat 0 0
}

#basagen #carteRechParis
{
	display:none;
	background:url(../images/contenu/08-rechterrainnoninscrit/carte_paris.png) no-repeat 0 0
}

#basagen .formRech
{
	width:294px;
	height:auto;
	text-align:right;
	font-size:10px;
	font-weight:700;
	padding:20px
}

#basagen .formRech p
{
	clear:left;
	margin:0 5px 13px 0;
	padding:3px 0 0
}

#basagen .formRech input
{
	width:161px;
	float:right;
	margin:-3px 0 0 10px;
	padding:2px
}

#basagen .formRech .exemple
{
	font-size:10px;
	color:#999
}

#basagen .formRech .tbuttp
{ margin:0 0 10px }

#basagen .formRech .tbutt
{
	font-size:14px;
	font-weight:700;
	color:#FFF;
	display:block;
	text-decoration:underline;
	width:180px;
	border:none;
	background:url(../images/contenu/08-rechterrainnoninscrit/butt.png) no-repeat center center;
	padding:9px 0
}

#basagen .terrainResult
{
	width:209px;
	height:129px;
	float:left;
	margin:5px 30px 30px 0
}

#basagen .actuResult
{
	width:210px;
	float:left;
	margin:5px 15px 30px
}

#basagen .resultats
{ margin-bottom:20px }

#basagen .resultats,
#basagen .resultats .terrain,
#basagen .resultats .actu
{
	width:100%;
	height:auto;
	display:block;
	clear:both
}

#basagen .resultats .terrain h1,
#basagen .resultats .actu h1
{
	width:625px;
	float:right;
	font-size:14px;
	padding:4px 10px 2px
}

#basagen .resultats .actu h1
{
	width:660px;
	float:left;
	margin:30px 0 20px
}

#basagen .resultats .terrain h1 .date
{
	font-size:12px;
	float:right
}

#basagen .resultats .terrain h2,
#basagen .resultats .actu h2
{
	color:#C1022B;
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	float:left;
	clear:right;
	line-height:16px;
	margin:15px 0;
	padding:0
}

#basagen .resultats .actu h2
{
	color:#000;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 15px;
	padding:0
}

#basagen .resultats .terrain .savoirplus
{ margin:0 0 25px }

#basagen .resultats .terrain .savoirplus a
{ color:#000 }

#basagen .agflag
{
	width:23px;
	height:37px;
	background:url(../images/contenu/07-nosagences/flag_big.png) no-repeat 0 0;
	text-align:center;
	float:left;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:0
}

#basagen .agence
{
	width:23px;
	height:39px;
	background:url(../images/contenu/07-nosagences/flag_little.png) no-repeat 0 0;
	position:relative;
	text-align:center;
	clear:none;
	float:left;
	margin:0;
	padding:0
}

#basagen .agence a, #basagen .agflag a
{
	width:100%;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 2px
}

#basagen .agflag a
{ margin:0 }

#basagen #agenceARech
{
	top:110px;
	left:200px
}

#basagen #agenceBRech
{
	top:120px;
	left:190px
}

#basagen #agenceA
{
	top:100px;
	left:310px
}

#basagen #agenceB
{
	top:110px;
	left:300px
}

#basagen #agenceC
{
	top:40px;
	left:170px
}

#basagen #agenceD
{
	top:115px;
	left:25px
}

#basagen #agenceE
{
	top:55px;
	left:310px
}

#basagen #agenceF
{
	top:200px;
	left:115px
}

#basagen #agenceG
{
	top:150px;
	left:90px
}

#basagen #regions
{
	width:200px;
	font-size:11px;
	margin:30px 20px
}

#basagen .regionsel
{
	text-decoration:underline;
	margin:20px
}

#basagen .TCol
{ margin:0 0 0 20px }

#basagen .TCol h1
{
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	width:100%;
	float:left;
	background:none;
	margin:0 0 10px;
	padding:0
}

#basagen .TCol h2
{
	font-size:11px;
	line-height:14px;
	text-decoration:underline;
	width:170px;
	float:right
}

#basagen .TCol address
{
	font-size:11px;
	line-height:14px;
	font-style:normal;
	width:170px;
	height:auto;
	display:block;
	float:right;
	margin:5px 0 15px
}

#basagen .TCol .fiche
{
	clear:both;
	display:block
}

#basagen .TCol .first.column,
#basagen .TCol .column
{
	border-right:1px solid #999;
	margin:0 10px 0 0
}

#basagen .TCol .last.column
{ border-right:none }

#zone_flash
{
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0
}

/*zzzz*/

#menu_bt
{
	display:block;
	margin:15px 0 0 20px;
	padding:0;
}

#menu_bt li
{
	float:left;
	list-style-type:none;
	display:block;
	padding:73px 0 0 0; /*zzzz*/
	height:51px; /*zzzz*/
	background-repeat:no-repeat;
	background-position:0 0;
	text-align:center;
	color:#333;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu_bt li a
{
	color:#333;
	text-decoration:none;
}

#menu_bt li:hover a,
#menu_bt li:hover #dept_form span
{
	color:#FFF
}

#menu_bt li a strong /*zzzz*/
{
	color:#FFF;text-transform:uppercase;font:normal 9px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;*line-height:20px;_line-height:20px
}

#menu_bt li form
{
	color:#666;font-size:9px
}

#menu_bt li form span
{
	margin:0 0 0 11px;padding:0;float:left;letter-spacing:.5px;letter-spacing:0px\9;font-size:8px /*zzzz*/
}

#menu_bt li.gros_bt_1
{
	width:171px;
	background:url(../images/menu_bt/contactez_agence.png);
}

#menu_bt li.gros_bt_2
{
	width:171px;
	background:url(../images/menu_bt/recevez_documentation.png);
}

#menu_bt li.gros_bt_3
{
	width:169px;
	background:url(../images/menu_bt/recherchez_terrain.png);
}

#menu_bt li.gros_bt_4
{
	width:168px;
	background:url(../images/menu_bt/decouvrez_programmes.png);
}

#menu_bt li form span
{
	margin:0 0 0 5px;padding:0;float:left
}

#dept 		{ font-size:9px;color:#000;text-align:center;float:right;clear:none;background:#FFF;border:1px solid #666;margin:-1px 11px 0 0;width:25px;height:11px;padding:0 }
#dept_bt /*zzzz*/	
{
	color:#FFF;
	text-align:center;
	margin:8px auto 0 auto;
	border:none;
	background:transparent;
	text-transform:uppercase;
	font:normal 9px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
	padding:0;
	width:100px;
	display:block;
	height:16px;
	clear:both;
	display:block;
	position:relative;
	top:2px;
	margin:-3px auto 0 auto;
	line-height:18px\9;
	_line-height:22px;
}

#menu_bt li:hover { background-position:right bottom }

#dept_form_basagen label	{margin:0 0 0 20px}
#dept_form_basagen #dept	{float:none;height:17px;font-size:10px}
#dept_form_basagen #dept_bt	{font-size:12px;color:#FFF;text-align:center;border:none;width:107px;height:23px;background:#C1120D;text-transform:capitalize;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;cursor:pointer;padding:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px } 


#agence_bt
{
	font-size:14px;
	margin:0 0 20px 20px
}

#agence_bt p
{
	text-align:center;
	padding:5px 0 0
}

#agence_bt a
{ color:#FFF }

#actu_bt,
#agence_bt
{
	display:block;
	float:left;
	clear:both;
	height:28px;
	width:100%;
	background:url(../images/contenu/homepage/actualites_fd.png) no-repeat 0 0;
	color:#FFF;
	text-align:left;
	padding:0;
	margin:15px 0 0 20px;
	_margin:15px 0 0 10px;
	_width:679px; /* sz: ie6 */
	_height:20px;
}

#actu_bt:hover,
#agence_bt:hover
{ background-position:0 -28px }

#actu_bt p
{
	font-size:10px;
	padding:9px 10px 6px 10px
}

#actu_bt a, #pave_modeles * a
{
	color:#FFF;
	text-decoration:none
}

#sidebar
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	height:auto;
	width:220px;
	float:right;
	margin:0 20px 0 0;
	padding:0
}

#pave_modeles
{
	display:block;
	float:right;
	height:155px;
	width:220px;
	background:url(../images/sidebar/pave_modeles_fd.jpg) no-repeat left top;
	text-decoration:none;
	margin:0 auto 10px 0;
	padding:0
}

#pave_modeles h1
{
	font-size:15px;
	text-align:center;
	margin:7px 0 0
}

#pave_modeles p
{
	font-size:11px;
	text-align:center;
	padding:0 10px
}

#pave_modeles img
{ margin:7px }


/* sz: classe ajoutée melis qui décale le bloc! ne pas remettre merci , #pave_telecharger */
#pave_acheter, #pave_facilitez, #pave_web, #pave_assurances
{
	width:220px;
	float:right;
	margin:10px auto
}

#pave_acheter
{
	background:url(../images/sidebar/pave_mesures_gouv.gif) no-repeat left top;
	height:110px
}

#pave_facilitez
{
	background:url(../images/sidebar/facilitez_votre_financement.png) no-repeat left top;
	height:120px
}

#pave_web
{
	background:url(../images/sidebar/a_voir_sur_le_web.png) no-repeat left top;
	height:220px
}

#pave_assurances
{
	background:url(../images/sidebar/vos_assurances_environnementales.png) no-repeat left top;
	height:182px
}

#pave_maison
{
	background:url(../images/sidebar/pave_maison_fd.jpg) no-repeat left top;
	height:151px;
	width:220px;
	float:right;
	text-align:center;
	margin:8px 0 20px
}

#pave_maison #pave_ico
{
	display:block;
	height:52px;
	width:210px;
	margin:10px auto
}

#pave_maison #pave_ico li
{
	display:block;
	float:left;
	height:52px;
	width:42px;
	margin:0
}

#pave_maison #pave_ico #ico_1 { background:url(../images/pave_ico/pave_ico_01.png) no-repeat center bottom }
#pave_maison #pave_ico #ico_2 { background:url(../images/pave_ico/pave_ico_02.png) no-repeat center bottom }
#pave_maison #pave_ico #ico_3 { background:url(../images/pave_ico/pave_ico_03.png) no-repeat center bottom }
#pave_maison #pave_ico #ico_4 { background:url(../images/pave_ico/pave_ico_04.png) no-repeat center bottom }
#pave_maison #pave_ico #ico_5 { background:url(../images/pave_ico/pave_ico_05.png) no-repeat center bottom }

#pave_maison #pave_ico #ico_1:hover,
#pave_maison #pave_ico #ico_2:hover,
#pave_maison #pave_ico #ico_3:hover,
#pave_maison #pave_ico #ico_4:hover,
#pave_maison #pave_ico #ico_5:hover
{ background-position:center top }

#pave_maison #pave_ico_txt, #ep_entete #pave_maison #pave_ico_txt
{
	overflow:hidden;
	height:82px;
	width:200px;
	margin:0;
	padding:0 10px
}

#pave_maison #pave_ico_txt h1
{
	font-size:13px;
	color:#FFF;
	margin:10px 0 5px
}

#pave_maison #pave_ico_txt p, #pave_maison .pave_pdf_txt
{
	font-size:11px;
	color:#FFF;
	font-weight:700
}

#pave_maison #pave_ico_txt li
{
	display:none;
	clear:both;
	height:auto;
	text-align:center;
	width:100%;
	margin:0
}

#ep_entete #pave_maison
{
	background:url(../images/contenu/09-espaceperso/pave_pdf.png) no-repeat left top;
	height:202px;
	width:296px;
	margin:0 15px 20px 0
}

#ep_entete #pave_maison #pave_ico_txt
{
	height:86px;
	width:265px;
	margin:12px 0 0 5px
}

#ep_entete #pave_maison #pave_ico_txt #txt_1, #ep_entete #pave_maison #pave_ico_txt #txt_2, #ep_entete #pave_maison #pave_ico_txt #txt_3, #ep_entete #pave_maison #pave_ico_txt #txt_4, #ep_entete #pave_maison #pave_ico_txt #txt_5
{
	height:auto;
	width:100%
}

#pave_maison #pave_ico_txt #txt_1, #pave_maison #pave_ico_txt #txt_2, #pave_maison #pave_ico_txt #txt_3, #pave_maison #pave_ico_txt #txt_4, #pave_maison #pave_ico_txt #txt_5
{
	height:auto;
	width:200px
}

#pave_modeles:hover,
#pave_modeles:focus,
#pave_modeles:active
{ background-position:right bottom }

#basique h3 .super16, #basvers h3 .super16
{ font-size:16px }

#basagen .TCol .dept, #pave_maison #pave_ico_txt #txt_1
{ display:block }

#rechencours
{
	width:100%;
	height:150px;
	background:url(../images/contenu/loading.gif) no-repeat center center
}

#pave_inscription .ibuttR_txt, #pave_inscription .ibuttR
{
	float:right;
	margin:0 14px 0 0
}

#ep_entete .infocompte a, #ep_container .ombres .contenu a
{ color:#58585A }

#ep_entete .infocompte a:hover, #ep_container .ombres .contenu a:hover
{ color:#C1120D }

#ep_container .ombres #mescontactsOpen ul, #ep_container .ombres #offresspecialesOpen ul, #ep_container .ombres #monsuiviOpen ul
{ margin:10px 0 0 }

#basagen .resultats .terrain h3, #basagen .resultats .terrain .savoirplus, #basagen .resultats .actu h3
{
	font-size:11px;
	float:left;
	width:429px;
	margin:0 0 15px;
	padding:0
}

#pave_telecharger
{
	background:url(../images/sidebar/pave_telechargerDoc.gif) no-repeat right top;
	height:110px;
	text-decoration: none;
	float: right;
	display: block;
	width:220px
}




/* ------ specifiques ------ */

#page
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
	width:980px;
	margin:0 auto;
	padding:0
}

#compte
{
	background:url(../images/header/fd_conn.png) no-repeat 0 0;
	display:none;
	height:148px;
	width:196px;
	top:92px;
	right:15px;
	z-index:10;
	position:absolute;
	color:#FFF;
	padding:20px 16px 20px 18px
}

#compte h1
{
	font-size:11px;
	margin-top:3px
}

#compte h5
{
	font-size:9px;
	background:url(../images/header/fleche_0.png) no-repeat left center;
	padding-left:10px;
	margin:2px 0 0 30px
}

#compte input
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	display:block;
	background:url(../images/header/fd_field.png) no-repeat left top;
	border:none;
	margin:0;
	padding:2px 5px 1px
}

#compte h2
{
	font-size:10px;
	text-decoration:underline;
	background:url(../images/header/fleche_0.png) no-repeat left center;
	padding-left:10px;
	clear:left;
	margin:16px 0 0 2px
}

#compte .intitule { margin:10px 0 0 2px }

#compte .butt
{
	height:29px;
	width:49px;
	background:url(../images/header/fd_conn_ok.png) no-repeat;
	border:none;
	display:block;
	float:right;
	cursor:pointer;
	margin:13px 0 0;
	padding:0
}

#header
{
	background:url(../images/header/fd.png) no-repeat top center;
	height:110px;
	width:980px;
	display:block;
	float:left;
	text-align:left;
	position:relative
}

#header #logo
{
	background:url(../images/header/logo_mcastor.png) no-repeat center top;
	display:block;
	height:82px;
	width:66px;
	float:left;
	margin:20px 0 0 20px
}

#header #slogan
{
	background:url(../images/header/slogan_mcastor.png) no-repeat center top;
	display:block;
	height:21px;
	width:244px;
	float:left;
	margin:80px 0 0 15px
}

#header .bt_rouge
{
	display:block;
	height:50px;
	width:150px;
	float:right;
	background:url(../images/header/module.png) no-repeat 0 0;
	margin:55px 0 0;
	padding:0
}

#header .bt_130
{
	display:block;
	width:130px;
	height:22px;
	float:left;
	margin:7px 0 0 10px;
	padding:0
}

/* sz: ajout pour corriger l'absence du bouton voisin */
#header #recherche
{
	margin-right:15px
}

#header #recherche h1
{
	width:130px;
	display:block;
	margin:0;
	padding:0
}

#header #recherche .form_text
{
	width:118px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	float:left;
	display:block;
	background:url(../images/header/fd_field.png) no-repeat left top;
	border:none;
	margin:0;
	padding:2px 5px 1px
}

#header * .form_butt, #header * .form_buttdw, #header * .form_buttup
{
	height:6px;
	width:6px;
	background:url(../images/header/fleche_1.png) no-repeat;
	border:none;
	display:block;
	float:right;
	cursor:pointer;
	margin:3px 0 0;
	padding:0
}

#header .form_butt { background-position:center top }

#header .form_buttup { background-position:left top }

#header .form_buttdw { background-position:right top }

/* sz: modification pour corriger l'absence du bouton voisin */
#header #connexion { margin:55px 15px 0 -11px }

#header #connexion h1
{
	width:130px;
	font-size:10px;
	color:#FFF;
	display:block;
	margin:3px 0 0 3px;
	padding:0
}

#header #connexion #conn1 { display:none }

#menu
{
	background:url(../images/menu/fd.png) no-repeat -1px top;
	height:70px;
	width:100%;
	clear:both;
	display:block; /* sz: compense .melisprotected */
}

#menu a
{
	color:#000;
	text-decoration:none
}

#menu a:hover
{
	color:#C1022B;
	text-decoration:underline
}

#menu #sup { height:37px }

#menu #sup li
{
	display:block;
	float:left;
	height:25px;
	margin-top:12px
}

#menu #sup #sup_1:hover, #menu #sup #sup_2:hover, #menu #sup #sup_3:hover, #menu #sup #sup_4:hover, #menu #sup #sup_5:hover, #menu #sup #sup_6:hover { background-position:0 0 }

#menu #sup #sup_1
{
	background:url(../images/menu/1_devenez_proprietaire.png) no-repeat 0 -26px;
	display:block;
	width:152px;
	margin-left:40px
}

#menu #sup #sup_2
{
	background:url(../images/menu/2_a_chacun_sa_maison.png) no-repeat 0 -26px;
	width:114px;
	margin-left:14px
}

#menu #sup #sup_3
{
	background:url(../images/menu/3_recherchez_votre_terrain.png) no-repeat 0 -26px;
	width:151px;
	margin-left:32px
}

#menu #sup #sup_4
{
	background:url(../images/menu/4_facilitez_votre_financement.png) no-repeat 0 -26px;
	width:158px;
	margin-left:35px
}

#menu #sup #sup_5
{
	background:url(../images/menu/5_actualites.png) no-repeat 0 -26px;
	width:58px;
	margin-left:45px
}

#menu #sup #sup_6
{
	background:url(../images/menu/6_contact.png) no-repeat 0 -26px;
	width:50px;
	margin-left:47px
}

#menu #inf li
{
	display:none;
	color:#000;
	float:left;
	clear:both;
	font-size:11px;
	padding:8px 0 11px
}

#menu #inf #inf_1 { margin:0 0 0 20px }

#menu #inf #inf_2 { margin:0 0 0 55px }

#menu #inf #inf_3 { margin:0 }

#menu #inf #inf_4 { margin:0 0 0 465px }

#menu #inf #inf_5 { margin:0 0 0 660px }

#menu #inf #inf_6 { margin:0 0 0 720px }

#contenu
{
	height:auto;
	width:100%;
	clear:both
}

#footer
{
	height:auto;
	width:100%;
	font-size:9px;
	color:#000;
	text-align:center;
	clear:both;
	margin-top:15px;
	display:block
}

#footer address
{
	font-style:normal;
	border-bottom:1px #000 solid;
	margin:8px 20px 8px 38px;
	padding:10px 0
}

#footer ul
{
	display:block;
	width:100%;
	height:auto;
	list-style:none;
	text-align:left;
	padding:10px 20px 10px 38px
}

#footer ul li
{
	display:block;
	float:left;
	list-style:none;
	color:#999
}

#footer ul li:first-child
{
	font-size:9px;
	color:#000;
	width:150px
}

#footer ul li a
{
	color:#999;
	text-decoration:none
}

#footer ul li a:hover, #footer ul li:first-child a:hover
{
	color:#C1022B;
	text-decoration:underline
}

#footer ul li:first-child a { color:#000 }

#compte * a, #header .bt_130 a
{
	color:#FFF;
	text-decoration:none
}

#header #recherche h2, #header #connexion h2
{
	width:125px;
	display:block;
	font-size:9px;
	color:#FFF;
	float:left;
	margin:5px auto 0 3px;
	padding:0
}
