.styleform {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0066FF;
	text-decoration: none;
	height: 13px;
}
.styleform2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0066FF;
	text-decoration: none;
	height: 17px;
	_height: 13px;
	margin-left : 20px;
	_margin-top : 3px;
}
.txtdate {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #676767;
	text-decoration: none;
}
.txt {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3D3D3D;
	text-decoration: none;
}

.txtb {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D3D3D;
	text-decoration: none;
}

.txtb a:hover{
	text-decoration: underline;
	color: #3D3D3D;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.txt a:hover{
	text-decoration: underline;
}

.txtbleu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #191F9D;
	text-decoration: none;
}

.txtbleub {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #191F9D;
	font-weight: bold;
	text-decoration: none;
}
.txtbleub a:hover{
	text-decoration: underline;
}

.txtbleu a:hover{
	text-decoration: underline;
}

.txt2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3D3D3D;
	text-decoration: none;
	background-color : #DCDCDC;
}

.txt3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3D3D3D;
	text-decoration: none;
	padding-top:3px;
	padding-right:12px;
	text-align:justify;
}

.txtblanc {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.txtblanc a:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

.txtblancb {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.txtgrispale {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #848484;
	text-decoration: none;
}

.titre {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #191F9D;
	text-decoration: none;
	background: url('images/fond-titre.gif') no-repeat;
	height:25px;
	width:670px;
	display:block;
	overflow:hidden;
	_overflow-x:hidden;
	border-width:1px;
	border-style:solid;
	border-color:#FFFFFF;
	margin-right:-670px;
	_padding-right:670px;
	_margin-right:-670px;
	_padding-right:670px;
	padding-left:22px;
	padding-bottom:0px;
	margin-bottom:-3px;
}

.titreblanc {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
/*-------------------*/
/*--- LES CADRES ----*/
/*-------------------*/

BODY
{
margin-top: 0px;
margin-left: 0px;
border-top: 0px;
padding-top : 0px;
background : url("images/deg.jpg") top repeat-x ;
background-color : #5B5B5B ;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
height:100%;
width:100%;

}

IMG
{
border-style : solid;
border-width : 0px;
border-color : #FF0000;
}

.centrer
{
	position:absolute;
    left: 50%; 
    width: 1000px;
	margin-left: -500px; /* moitié de la largeur */
    border: 0px solid #000;
	height:100%;
}

.ensavoirplus
{
margin-top : 7px;
}

.imagenhaut
{
height : auto ;
margin-top : 0px;
background-color : #FFFFFF;
position : relative;
}

.ombreg
{
position:absolute;
height: 100%;
width:2px;
top:0px;
background : url("images/bas_g.gif") top repeat-y ;
left : -2px;
}

.fondzoom
{
width: 306px;
text-align:left;
height:21px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
padding-left:108px;
text-decoration: none;
}

.ombred
{
position:absolute;
height: 100%;
width:2px;
top:0px;
background : url("images/bas_d.gif") top repeat-y ;
left : 1000px;
}

.centreblanc
{
position:absolute;
height: 100%;
width:1000px;
top:0px;
background : url("images/fond.gif") no-repeat bottom center ;
background-color : #E8E8E8;
left : 0px;
}

.barre1
{
height : auto ;
width : 1000px ;
border-style : solid;
border-width : 0px;
margin-top : -0px;
_margin-top : 0px;
position : absolute;
left : 0em;
top : 0em;
}

.barre2
{
height : 3px ;
width : 1000px ;
border : 0px;
margin-top : -0px;
_margin-top : 0px;
position : absolute;
left : 0px;
top : 28px;
}


.centre
{
position : absolute;
top : 5px;
_top : 3px;
left : 5px;
}
.centre2
{
position : absolute;
top : 5px;
_top : 3px;
left : 80px;
}
.centre3
{
position : absolute;
top : 0px;
_top : 0px;
left : 170px;
}
.centre4
{
position : absolute;
top : 5px;
_top : 3px;
left : 202px;
}
.centre5
{
position : absolute;
top : 0px;
_top : 0px;
left : 320px;
}
.centre6
{
position : absolute;
top : 5px;
_top : 3px;
left : 352px;
}
.centre7
{
position : absolute;
top : 0px;
_top : 0px;
left : 452px;
}
.centre8
{
position : absolute;
top : 5px;
_top : 3px;
left : 484px;
}
.centre9
{
position : absolute;
top : 0px;
_top : 0px;
left : 580px;
}
.centre10
{
position : absolute;
top : 5px;
_top : 3px;
left : 612px;
}
.centre11
{
position : absolute;
top : 0px;
_top : 0px;
left : 687px;
}
.centre12
{
position : absolute;
top : 5px;
_top : 3px;
left : 719px;
}
.centre13
{
position : absolute;
top : 2px;
_top : 1px;
left : 790px;
}
.centre14
{
position : absolute;
top : 5px;
_top : 3px;
left : 915px;
}

.centre15
{
position : absolute;
top : 0px;
_top : 0px;
left : 945px;
}

.menuhaut
{
vertical-align : middle;
line-height: 24px;
text-align : left;
word-spacing : 20px;
position : absolute;
left : 290px;
top : 132px;
height : 24px;
}

.menuhaut2
{
vertical-align : middle;
line-height: 24px;
text-align : left;
word-spacing : 20px;
width : 1000px ;
position : absolute;
left : 0em;
top : 3px;
height : 24px;
background-color : #191F9D ;
}

.logoimage
{
width : 1000px ;
margin: 0em;
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
position : absolute;
left : 0px;
top : 31px;
height : 101px;
background-color : #FFFFFF ;
}

.menuder1
{
width : 95px ;
margin: 0em;
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
position : absolute;
left : 0px;
top : 132px;
height : 31px;
background-color : #FFFFFF ;
}

.menuder2
{
width : 195px ;
margin: 0em;
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:3px;
_padding-top:0px;
position : absolute;
left : 95px;
top : 132px;
_top : 132px;
height : 31px;
text-align: left;
background-color : #FFFFFF ;
background : url("images/menu-bandeau_38.gif") top no-repeat ;
}

.ladate
{
width : 246px ;
position : absolute;
left : 0px;
top : 163px;
_top : 163px;
height : 38px;
background : url("images/fond-date.gif") top no-repeat ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-align : center;
}
.ladate2
{
width : 44px ;
position : absolute;
left : 246px;
top : 163px;
_top : 163px;
height : 38px;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : middle;
}

.ladate3
{
width : 710px ;
position : absolute;
left : 290px;
top : 163px;
_top : 163px;
height : 38px;
background : url("images/bas_50.gif") top repeat-x ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #676767;
text-align : middle;
}

.txtdef{
}

.bandeau
{
width : 690px ;
top:11px;
position : relative;
margin-top:0px;
height : 22px;
background-color : #F0F0F0 ;
z-index:1;
overflow: hidden;
_overflow-x:hidden;
_overflow-y:hidden;
}

.bandeau2
{
width : 247px ;
top: 10px;
position : relative;
margin-top:0px;
height : 87px;
background : url('images/partenaires02.gif') ;
z-index:1;
overflow: hidden;
_overflow-x:hidden;
_overflow-y:hidden;
}

#slogan {
height: 20px;
width: 690px;
left:0px;
top:5px;
text-align: left;
overflow: hidden;
_overflow-x:hidden;
_overflow-y:hidden;
}

#slogan2 {
height: 87px;
left:0px;
margin-top:3px;
text-align: left;
overflow: hidden;
_overflow-x:hidden;
_overflow-y:hidden;
}

#texte_defilant{
font-size: 11px;
font-weight: bold;
height: 17px;
_overflow-x:hidden;
_overflow-y:hidden;
position: relative;
bottom:0px;
top:-7px;
_top:5px;
}

#texte_defilant2{
font-size: 11px;
font-weight: bold;
height: 77px;
_overflow-x:hidden;
_overflow-y:hidden;
position: relative;
bottom:0px;
top:2px;
}

.bandeautxt
{
width : 690px ;
top:5px;
position : relative;
margin-top:0px;
height : 17px;
z-index:2;
}

.bandeaug
{
width : 100px ;
position : relative;
margin-top:10px;
_margin-left:-690px;
height : 22px;
z-index:3;
}

.bandeaud
{
width : 100px ;
position : relative;
margin-top:-22px;
margin-left:590px;
_margin-left:500px;
height : 22px;
z-index:3;
}

.pnews
{
margin-top:10px;
margin-bottom:10px;
font-weight: bold;
}


.gauchedroite
{
width : 1000px ;
position : absolute;
left : 0px;
top : 201px;
_top : 201px;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : middle;
height:auto;
}

.cadregauche
{
width : 290px ;
position : relative;
height : 100%;
float : left;
background : url("images/gauche_68.jpg") right repeat-y ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : left;
}

.cadredroite
{
width : 710px ;
_width : 710px ;
position : relative;
left:-44px;
_left:-44px;
float : right;
height : 100%;
background : url("images/gauche_68.jpg") left repeat-y ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : middle;
padding-left : 44px;
_padding-left : 44px;
margin-right : -44px;
_margin-right : -44px;
}

.contenupage
{
width : 710px ;
_width : 710px ;
position : relative;
left:-44px;
_left:-44px;
float : right;
height : 100%;
background : url("images/gauche_68.jpg") left repeat-y ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : left;
padding-left : 24px;
_padding-left : 24px;
margin-right : -44px;
_margin-right : -44px;
margin-top : 0px;
padding-right:20px;
overflow:hidden;
_overflow-x:hidden;
}

.pictotitre
{
margin-bottom : -7px;
margin-right : 5px;
}

.actualites
{
width : 289px ;
position : relative;
background : url("images/centre_91.jpg") left repeat-y ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : left;
margin-top : 390px;
}

.titrecat
{
width : 289px ;
position : relative;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : middle;
_margin-left : -0px;
}

.titrecat2
{
width : 240px ;
height : 361px ;
position : relative;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : middle;
_margin-left : -0px;
}

.villas
{
width : 289px ;
position : relative;
background : url("images/centre_91.jpg") left repeat-y ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : middle;
_float:left;
}

.nouveautes
{
width : 289px ;
position : relative;
margin-right:60px;
background : url("images/centre_91.jpg") left repeat-y ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : middle;
_margin-left : -44px;
}

.offres
{
width : 350px ;
position : relative;
margin-right:60px;
background : url("images/centre_91.jpg") left repeat-y ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : middle;
_float:left;
}

.nosmarques
{
width:319px;
position:relative;
background:url('images/centre_91.jpg') left repeat-y;
background-color:#FFFFFF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#676767;
text-align:left;
_margin-left:-44px;
float:left;
margin-bottom:15px;
}

.emploi
{
width : 289px ;
position : relative;
margin-right:160px;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : left;
margin-left : 0px;
}

.zoomsur
{
width : 306px ;
position : relative;
float:right;
background : url("images/centre_91.jpg") left repeat-y ;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
margin-right:50px;
_margin-right:25px;
text-align : middle;
}

.zoomsur2
{
width : 306px ;
position : relative;
float:right;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
margin-right:50px;
_margin-right:25px;
text-align : middle;
}

.chiffrescles
{
width : 289px ;
position : relative;
float:right;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
margin-right:15px;
_margin-right:0px;
}

.chantier
{
width : 274px ;
position : relative;
float:right;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
margin-right:25px;
_margin-right:15px;
text-align : middle;
}

.menugauche
{
width : 246px ;
position : relative;
background-color : #FFFFFF ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : left;
}

.menugauche2
{
width : 246px ;
position : relative;
background-color : #FFFFFF ;
margin-top : 0px;
}

.menugauche3
{
width : 246px ;
position : relative;
background-color : #FFFFFF ;
margin-top : 5px;
}

.menugauche4
{
width : 246px ;
height:255px;
position : relative;
background : url("images/fond-extranet.gif") bottom no-repeat ;
background-color : #FFFFFF ;
margin-top : 0px;
vertical-align:bottom;
}

.bas
{
width : 1000px ;
position : relative;
float : right;
background-color : #191F9D ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #676767;
text-align : center;
}

.1css
{
background-color : #FF0000 ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
font-color: #FF0000;
padding-left:10px;
}

.2css
{
background-color : #FF0000 ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
font-color: #676767;
padding-left:20px;
}

.3css
{
background-color : #FF0000 ;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-color: #676767;
padding-left:30px;
}

.ds_box {
	background-color: #FFF;
	z-index: 32767;
	_margin-left:-52px;
	_padding-left:52px;
}

.ds_tbl {
	background-color: #FFF;
	border: 1px solid #000;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */