/* CSS Document */

#page {
	position: absolute;

	width: 923px;        /* selon la largeur voulue */
	margin-left: -462px; /* moitie de width */
	left: 50%;           /* constant, toujours 50% */

	height: 580px;       /* selon la quantite de texte */
	margin-top: -290px;   /* moitie de height */
	top: 50%;            /* constant, toujours 50% */

	border: 0px solid #333;
	background-color: #FFF;
	text-align:left;
}
#contenu {
	position:relative;
}

#bandeau {
	/*position:absolute;
	top:0;
	left:162px;*/
	width:923px;
	height:134px;
	background: url(../images/h_bandeau.jpg) 0px 0 no-repeat;
	margin-bottom:7px;
}
#bandeau .formulaire {
	position:absolute;
	top:114px;
	left:365px;
	width:405px;
	height:23px;
	text-align:left;
}
#bandeau .formulaire span.extra {
	display:block;
	float:left;
	color:#737373;
	font-weight:bold;
	margin: 4px 5px 0px 10px;
}
#bandeau .formulaire span.log {
	display:block;
	float:left;
	color:#B2B2B2;
	margin: 4px 0px 0px 20px;
}
#bandeau .formulaire input {
	float:left;
	height:14px;
	background:#F0F0F0;
	border:none;
	width:70px;
	margin: 4px 0px 0px 10px;
}
#bandeau .formulaire .ok{
	float:left;
	color:#737373;
	font-weight:bold;
	margin: 4px 0px 0px 5px;
	cursor:pointer;
}
#bandeau .formulaire .ok:hover{
	color:#2C4588;
}
#bandeau #flash {
	position:absolute;
	left:162px;
	width:762px;
	height:134px;
}
#traitrouge{
	position:absolute;
	top:134px;
	left:0;
	width:162px;
	height:6px;
	line-height:0;
	font-size:0;
	background: #C80823;
}
/*************  Menu   ***************/
#menu {
	margin-left:161px;
	background:#3AB330;
	/*background:#EEE;*/
	height:22px;
}
#menu ul li {
	display: block;float:left;
	position:relative;z-index:20;
}
#menu a {
	display:block;
	z-index:10;
	padding:4px 8px 4px 8px;
	margin:0px 0px 0px 0px;
	color:#FFF;/*font-weight:bold;*/
	/*background:#3AB330;*/
	text-transform:uppercase;
}
/*#menu .m1 a{
	width:90px;
	text-align:center;
}
#menu .m2 a{
	width:85px;
	text-align:center;
}#menu .m3 a{
	width:85px;
	text-align:center;
}#menu .m4 a{
	width:185px;
	text-align:center;
}#menu .m5 a{
	width:90px;
	text-align:center;
}#menu .m6 a{
	width:75px;
	text-align:center;
}#menu .m7 a{
	width:65px;
	text-align:center;
}*/
#menu a:hover,#menu a.sel,#menu li:hover a {
	background:#6C8CBD;
	/*background:#7C9CCD;*/
}
#menu ul li div.ssmenu2{
	display:none;
	z-index:900;
	border-left:1px solid #9AAACE;
	border-right:1px solid #9AAACE;
	border-bottom:1px solid #9AAACE;
	background:#FFF;
	text-align:left;
}
#menu ul li:hover div.ssmenu2{
	position:absolute;
	top:22px;
	display:block;
	/*width:100%;*/
}
#menu ul li.m4:hover div.ssmenu2{
	position:absolute;
	top:22px;
	display:block;
	width:140px;
}
#menu ul li div.ssmenu2 a {
	display:block;
	background:#FFF;
	color:#313695;
	white-space: nowrap;
	text-transform:none;text-align:left;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	font-weight:bold;

}#menu ul li div.ssmenu2 a:hover {
	background:#EEF;
	color:#067406;


}

/*************  Gauche   ***************/

#gauche {
	position:absolute;
	top:140px;
	left:0;
	width:162px;
	height:262px;
	background: url(../images/h_gauche.jpg) 0 0 no-repeat;
}
#gauche .esp {
	height:94px;
}
#gauche .titre {
	font-size:14pt;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:12px;
	text-align:center;
}
#gauche .texte{
	display:block;
	/*color:#F2F2F2;*/
	color:#EEF;
	text-align:left;
	padding-left:12px;
	padding-right:10px;
	font-size:8pt;
	font-weight:bold;
}
#gauche a.texte:hover {
	color:#FFF;
}
#gauche2 {
	position:absolute;
	top:163px;
	left:162px;
	width:17px;
	height:239px;
	background: url(../images/h_gauche2.jpg) 0 0 no-repeat;
}
#banniere {
	position:absolute;
	top:402px;
	left:0px;
	width:179px;
	height:174px;
	background: url(../images/h_gauche_fla.jpg) 0 0 no-repeat;
	text-align:left;
	padding-top:4px
}
#centre {
	position:absolute;
	top:163px;
	left:179px;
	width:744px;
	height:417px;
	background: url(../images/h_centre.jpg) 0 0 no-repeat;
}
#centre .titre_onglet{
	position:absolute;
	top:22px;
	left:386px;
	width:154px;
	height:20px;
	font-size:11pt;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;text-align:center;
}
#centre #bloc{
	position:absolute;
	top:46px;
	left:14px;
	width:280px;
	height:330px;text-align:left;

}
#bloc h2,#bloc_cr h2{
	font-size:11pt;
	font-weight:normal;
	color:#339D2A;
	padding:3px 0px 3px 0px;
	margin-top:5px;
	text-align:center;
}
#bloc h2,#bloc_cr h2 {
}

#bloc .operation {
	display:block;
	margin:4px 0px 1px 0px;
	height:52px;
	width:268px;
	overflow:hidden;
	padding:3px 5px 3px 5px;
	border:1px solid #3ab330;
	background:#ecf5eb;
}
#bloc .operation .opimg{
	display:block;
	float:left;
	overflow:hidden;
	height:51px;
	width:51px;
	margin:1px 10px 0px 0px;
	text-align:center;

}
#bloc .operation .opimg img{
	height:51px;
}
#bloc .operation span {
	display:block;
}
#bloc .operation span.titre{
	color:#000;
	font-size:8pt;
	font-weight:bold;
	height:14px;
	overflow:hidden;
}
#bloc .operation span.texte{
	color:#000;
	font-size:7pt;
	/*font-weight:bold;*/
}
#centre #bloc .operation span.texte{
	height:auto;
}
#bloc .operation span.lire{
	color:#339D2A;
	font-size:8pt;
	display:inline;
	font-weight:normal;
}
#bloc a.operation:hover{
	padding:3px 5px 3px 5px;
	border:1px solid #3ab330;
	background:#FFF;
	/*background:#ecf5eb;*/
}
#bloc .dispo{
	color:#000;
}
#bloc .all{
	display:block;
	margin-top:5px;
	height:28px;
	width:280px;
	overflow:hidden;
	background:#a6dda2 url(../images/h_voirtout.jpg) 3px 0 no-repeat;
	color:#FFF;
	font-size:7pt;
	line-height:26px;
	text-align:center;
}
#bloc .all:hover{
	background:#a6dda2 url(../images/h_voirtout.jpg) 3px -28px no-repeat;
}

#centre #bloc_cr{
	position:absolute;
	top:56px;
	left:307px;
	width:246px;
	height:310px;
	text-align:left;
}
#bloc_cr .visuref{
	display:block;
	border:1px solid #3ab330;

}
#bloc_cr .h_ref{
	display:block;
	background:url(../images/h_onglet_ref.jpg) top right no-repeat;
	text-align:right;
	color:#3ab330;
	font-size:7pt;
	padding:0px 3px 3px 0px;

}
#bloc_cr .enprojet{
	padding:5px 0px 0px 0px;
	border:1px solid #3ab330;
	background:#ecf5eb;
}
#bloc_cr ul{
	height:68px;
}
#bloc_cr ul li{
	background:url(../images/puce3.gif) 0 8px no-repeat;
	padding:0px 0 0px 13px;
	margin-left:5px;
	margin-right:20px;
}
#bloc_cr ul li a{
	display:block;
	color:#363636;
	font-size:8pt;
	padding:4px 0 ;
	border-bottom:1px dotted #3ab330;
}
#bloc_cr ul li.last a{
	border-bottom:none;
}
#bloc_cr ul li a:hover{
	text-decoration:underline;
}
#bloc_cr .enprojet .all{
	display:block;
	margin-top:3px;
	height:27px;
	width:244px;
	overflow:hidden;
	background:#a6dda2 url(../images/h_voirtout2.jpg) 3px 0 no-repeat;
	color:#FFF;
	font-size:7pt;
	line-height:25px;
	text-align:center;
}
#bloc_cr .enprojet .all:hover{
	background:#a6dda2 url(../images/h_voirtout2.jpg) 3px -27px no-repeat;
}
#bloc_cr .contact_btn{
	display:block;
	width:246px;
	height:57px;
	background:transparent url(../images/h_contact.jpg) 0px 0px no-repeat;
}
#bloc_cr .contact_btn:hover{
	background:transparent url(../images/h_contact.jpg) 0px -57px no-repeat;
}
#actu {
	position:absolute;
	top:20px;
	left:592px;
	width:144px;
	height:176px;
	text-align:center;

}
#actu a.titre{
	display:block;
	color:#000;
	font-weight:bold;
	font-size:9pt;
	margin-bottom:10px;
	text-align:center;
}
#actu a:hover{
	text-decoration:underline;
}
#actu a{
	display:block;
	color:#FFF;
	font-size:8pt;
	text-align:left;
}
#actu a.atitre{
	margin-bottom:4px;
}
#actu a.lire{
	display:block;
	color:#acde92;
	font-size:8pt;
	margin-bottom:10px;
	text-align:right;
}
#actu a.all{
	background:transparent url(../images/h_plus.gif) 0px 3px no-repeat;
	padding-left:13px;
}
#suivi {
	position:absolute;
	top:209px;
	left:623px;
	width:118px;
	height:66px;
	text-align:center;
}
#suivi a {
	display:block;
	width:117px;
	height:29px;
	line-height:28px;
	background:transparent url(../images/h_suivi.jpg) 0px 0px no-repeat;
	color:#000;
	font-weight:bold;
	font-size:9pt;
	margin-bottom:3px;
}
#suivi a:hover {
	background:transparent url(../images/h_suivi.jpg) 0px -29px no-repeat;
}
#suivi span {
	color:#FFF;
	font-size:7pt;
	line-height:8pt;
}
#vendre {
	position:absolute;
	top:284px;
	left:592px;
	width:149px;
	height:100px;
	text-align:center;
}
#vendre span {
	display:block;
}
#vendre span.titre{
	color:#000;
	font-weight:bold;
	font-size:9pt;
	padding-top:4px;
	margin-bottom:14px;
}


#vendre a {
	text-align:center;
	display:block;
	width:106px;
	height:23px;
	line-height:22px;
	margin:0 0 7px 20px;
	background:url(../images/h_vendre.gif) 0px 0px no-repeat;
	color:#FFF;
}
#vendre a:hover {
	background:url(../images/h_vendre.gif) 0px -23px no-repeat;
}
#footer {
	position:absolute;
	top:398px;
	left:261px;
	width:473px;
	height:19px;
	text-align:left;
	font-size:8pt;
	color:#999;
	overflow:hidden;
}
#footer a{
	font-size:8pt;
	color:#999;
	cursor:pointer;
}
#footer a:hover{
	font-size:8pt;
	color:#666;
	cursor:pointer;
}