.divBanniere2 {position:relative;top:0;}
.divBanniere {position:relative;top:0;}
#banniere {position:relative;width:387px;height:100px;overflow:hidden;}

body {
		
	background: url(../images/interface/fond.jpg) repeat-x #87a60e;
	padding:0px;
	margin: auto;
	text-align:center; /* pour résoudre le bug de centrage de IE */
				scrollbar-3dlight-color:    #CCCCCC;
				scrollbar-arrow-color:      #666666;
				scrollbar-base-color:       rgb(255,255,255);
				scrollbar-darkshadow-color: rgb(255,255,255);
				scrollbar-face-color:       #F2F2F2;
}

#c0 {
  	text-align : center;  /* pour résoudre le bug de centrage de IE */
	margin : auto;
	padding-top:15px;
	

		
}


#c1 {
	width:930px;
	margin : auto;
	text-align : left;
	background: transparent repeat-x url(../images/interface/bg-blanc.gif);
	position:relative;
	
}

#c11 {
	height:112px;
	width:826px;
	float:left;
	overflow: hidden;
	background-color:#2f60ae;
	margin:0px;
	padding:0px;

}

#c12 {
	padding:0px;
	margin:0px;
	height:112px;
	width:104px;
	background: #FFFFFF no-repeat top right url(../images/interface/coin-hd.gif);
	float:right;
}

#c2111 {
	height:25px;
	width:927px;
	background:#dbe4f2 no-repeat top left url(../images/interface/menu-fnd-g.gif);
	float:left;
	margin:0px;
	padding:0px;	 
} 

#c2112 {
	height:356px;
	width:927px;
	background: #a7caed repeat-x url(../images/interface/fond-c.jpg);
	float:left;	
	margin:0px;
	padding:0px;
  
}
#c21121 {
	height:356px;
	width:927px;
float:left;	
	background: transparent no-repeat top left url(../images/interface/fnd-img-1.jpg); 
overflow: hidden;
	margin:0px;
	padding:0px;
}



#c2 {

}

#c21 {
	padding:0px;
	margin:0px;
	background: #FFFFFF right top repeat-y url(../images/interface/bord-d-fond.gif);
	float:left;	


}

#c211 {
	margin:0px;
	padding:0px;
	width:930px;
	background: transparent right top no-repeat url(../images/interface/bord-d.gif);
	float:left;	

	
	
}

#c2211{
	padding:5px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;	
	text-align:center;
	width:930px;

}

#c2211 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;	
	text-decoration:none;
	font-weight:bold

}

#c2211 a:hover {
	text-decoration:underline;

}



#c22 {
	background: url(../images/interface/fnd-b.gif) repeat-x;
	float:left;	
	padding:0px;
	margin:0px;
	height:300px;
	width:930px;
	overflow: hidden;
}

#c221 {
	background: right top url(../images/interface/coin-bd.gif) no-repeat;
	padding:0px;
	margin:0px;
	height:100px;
	width:930px;
	float:left;	
}

#contenu{
	height:286px;
	width:97%;
	overflow:auto;
}

.transparent{
	opacity : 0.7; 
	-moz-opacity : 0.7; 
    filter : alpha(opacity=70); 
	background-color: #FFFFFF; 
	padding:5px

}
.transparent90{
	opacity : 0.90; 
	-moz-opacity : 0.90; 
    filter : alpha(opacity=90); 
	background-color: #FFFFFF; 
	padding:5px

}
.transparent95{
	opacity : 0.95; 
	-moz-opacity : 0.95; 
    filter : alpha(opacity=95); 
	background-color: #FFFFFF; 
	padding:5px

}

img.img_1{
	border: 2px solid #061835
}

img.img_1:hover{
	border: 2px solid #a4cd00
}

a.img_1:active{
	border: 2px solid yellow
}


/* -------------------------------------------------------------------- */
#bonneAffaire{
}

#bonneAffaire H3{
	padding:0 5px 0 0;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#c6ff00;
	font-size:12px;	
	float:left;
}

#bonneAffaire H4{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;	
	float:left;
}

#bonneAffaire p{
	padding:5px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	float:left;
		
}


#actualites{
	padding:15px;
	width:200px
}

#actualites H3{
	padding:0 5px 0 0;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#194799;
	font-size:12px;	
	text-align:left;

}

#actualites H4{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00326b;
	font-size:12px;	
	text-align:left;
}

#actualites p{
	padding:5px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#194799;
	font-size:12px;
	float:left;
		
}
#actualites a, #actualites a:visited{
color:#194799;

}

#actualites a:hover{
color:#00326b;
text-decoration:none;
}

#actualites a:active{
color: #333333;
}


#visuel {
	padding :3px;
	margin:0px;
	text-align:center
}

#visuel img{
	border:1px solid #ffffff
}

#tab_1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #000066;
	font-size:10px;
}

#header{
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:22px;
	text-align:right;
	padding:0 5px 5px 5px

}

/* Block -------------------------------------------------------------------- */
#block{
	width:100%;
	border-top:1px solid #c6ff00;
	background-color:#a0b7dc;
	opacity : 0.8; 
	-moz-opacity : 0.8; 
    filter : alpha(opacity=80); 
}

#block ul{
	
	text-align:justify;
	padding:5px 0 10px 26px;
	margin:0px;
	list-style-type: disc;
}

#block ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#004494;
	font-size:11px;
	list-style-type: disc;
	padding-top:4px
	
}

/* Menu ------------------------------------------------------------------------*/

#menu{
width:100%;
float:left;
}

#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;

}

#menu h2{
color:#1d59a1;
background:transparent url(../images/interface/bullet-1.gif) no-repeat left;
padding:0px 20px 0 10px;
font-size:13px !important;


}



#menu a.stl1{
background:transparent;
text-decoration:none;
color:#194799!important;
font-size:12px !important;
height:16px!important;

}
#menu a.stl1:hover{
color:#ffffff!important;
background:#194799;
}


#menu a{
background:#85bd3c;
text-decoration:none;
font-size:12px !important;
height:18px!important;

}

#menu a, #menu a:visited{
color:#ffffff;

}

#menu a:hover{
color:#333333;
background:#ddd;
}

#menu a:active{
color: #333333;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;

}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
color:#FFFFFF
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#1d59a1;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#ffffff;
background:#1d59a1;
}

#menu a.x:active{
color:#ffffff;
background:#1d59a1;
}

/* Typo */
.Style1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.Style11 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
}

.Style12 {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
}

.Style13 {
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
}

.Style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
}

.Style3 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
}
.Style4 {
	font-size: 14px;
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #A8D8E1;
	color: #FFFFFF;
	padding : 2px 5px 2px 5px
}
.Style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000066;
	color: #FFFFFF;
}

a.btnStl3 {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
		text-align:center;
        color: #ffffff;
        padding:4px;
		height:18px;
        padding-top:4px;
		padding-left:5px;
		padding-right:5px;
		border-right:1px solid #ffffff;
		text-decoration:none;
		background-color: #66CCFF
}

a.btnStl3:hover        {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
		color: #FFFFFF;
        text-decoration:none;
		background-color:#FF6600

}	

a.btnStl2 {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
		text-align:center;
        color: #333333;
        float:left;
        padding:4px;
		height:18px;
        padding-top:4px;
		padding-left:5px;
		padding-right:5px;
		border-right:1px solid #cccccc;
		text-decoration:none;
		background-color: #ffffff 
}

a.btnStl2:hover        {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
		color: #FFFFFF;
        text-decoration:none;
		background-color: #333333

}


a.btnStl1 {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
		text-align:center;
        color: #ffffff;
        float:left;
        padding:4px;
		height:18px;
        padding-top:4px;
		padding-left:5px;
		padding-right:5px;
		border-right:1px solid #ffffff;
		text-decoration:none;
		background-color: #66CCFF
}

a.btnStl1:hover        {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
		color: #FFFFFF;
        text-decoration:none;
		background-color:#FF6600

}



input[type=text] {
	border-style: solid;
	border-color: #ff7214;
	border-width: 1px;
	font-size: 11px;
	
}

input[type=password] {
	border-style: solid;
	border-color: #ff7214;
	border-width: 1px;
	font-size: 11px;
}

input[type=submit] {
	border-style: solid;
	border-color: #ff7214;
	border-width: 1px;
	font-size: 11px;
}

input[type=reset] {
	border-style: solid;
	border-color: #ff7214;
	border-width: 1px;
	font-size: 11px;
}

textarea {
	border-style: solid;
	border-width: 1px;
	width:180px
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #123984;
	text-decoration: none;
}

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

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

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


.noir10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #003300;
	text-decoration: none;
}

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

.orange14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #ff7214;
	text-decoration: none;
}

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

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



/* Tableau ------------------------------------------------------------------------*/


#offresTerrains {
	width: 700px;
	padding: 0;
	margin: 0;
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	padding:5px;
	margin:10px;
}

#offresTerrains caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#offresTerrains th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/tableau/bg_header.jpg) repeat-x;
}

.fond {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/tableau/bg_header.jpg) repeat-x;
}

#offresTerrains td.nobg {
	border:0;
	background: none;
}

#offresTerrains td {
	border: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font-weight:bold
	
}

#offresTerrains td.reference {
	background-color: #FBF5F4;
	color: #797268;
}

#offresTerrains td.surface {
	background-color: #F9FBEC;
	color: #797268;
}

#offresTerrains td.secteur {
	background-color: #F0FBF1;
	color: #797268;
}

#offresTerrains td.contact {
	background-color: #E9F3F3;
	color: #797268;
}

#offresTerrains td.desc {
	background-color: #EFF8F8;
	color: #797268;
}


#offresTerrains th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#offresTerrains td.specalt {
	border:0;
	background: #f5fafa url(../images/tableau/bullet2.gif) no-repeat;
	font:  12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	text-align:left;
}


#offresTerrains td.specalt:hover{
/* background-color:#FAFCDA;*/
}

/* Formulaire ------------------------------------------------------------------------*/

input.submitBleu {
        border: 1px solid  #666666;
        background : #d2e0e6 url(images/degrade_bleu.png) repeat-x 0 100%;
        font-weight : bold;
		cursor:hand;
}

input.submitOrange {
        border: 1px solid  #666666;
        background : #fc3 url(images/degrade_orange.png) repeat-x 0 100%;
        font-weight : bold;
		cursor:hand
}

a.blanc12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.blanc12:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.blanc12:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.blanc12:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}