/***************************
FEUILLE DE STYLE DE L'EDITEUR
Défini les éléments de mise en page du contenu modifiable (titre, sous titre, paragraphes, formulaires, tableaux, liens...)
Div nommée "article"
***************************/

div#article {width:670px;margin:20px 0 0 50px;font-family:Arial;color:#666;font-size:11px;}

/*fil d'ariane - chemin*/
div#article span.chemin {color:#000;font-size:9px;}
div#article span.chemin a {color:#000;text-decoration:none;}
div#article span.chemin a:hover {text-decoration:underline;}

/*non ie6 > dommage
ul + h4 {margin-top:30px;}*/

/*titre de la page*/
h1.titre {color:#cd000c;font-size:18px;font-weight:normal;}

/*styles de titres, texte*/
h2{color:#666;font-size:15px;font-weight: bold;padding: 10px 0 15px 0;margin: 0;}
h3{color: #cd000c;font-size: 12px;font-weight: bold;padding: 0 0 5px 0;margin: 0;}
h4{color: #666;font-size: 12px;font-weight: bold;padding: 10px 0 4px 0;margin: 5px 0 0 0;}
h5{color: #958f75;font-size: 13px;font-weight: normal;padding: 0 0 15px 0;margin: 0;}

p, h6 {color:#666;font-size:11px;font-weight:normal;padding: 0;margin: 0 0 15px 0;}

a {color:#cd000c;text-decoration:none;}
a:hover {text-decoration:underline !important;}
a.lien_ext {text-decoration: none;color: #ed1c24;font-weight: normal;background: transparent url(../images/link.gif) no-repeat top left;padding-left: 15px;}

.left {float:left;margin:0 10px 5px 0;}
.right {float:right;margin:0 0 5px 10px;}

div#article ul {margin:0 0 15px 15px; padding:0; list-style:square; font-size:11px}
div#article ul li{color:#666;}

/* --------------- */
.oblig{color: #ED1C24;font-size: 9px;}
#retour{clear: both; visibility: hidden;}
.visuelClear{clear: both; visibility: hidden;}
#cnil{color: #999;font-size: 9px;}
acronym {cursor:help;}

/*pagination*/
#pagination{clear: both;width:100%;height:25px;text-align: center;margin-bottom:20px;}
#pagination a {text-decoration: none;font-weight: normal;background: transparent;padding: 0;}
div#pagination ul li{list-style-type:none;display:inline;background: none ;padding:0;margin:0;}
div#pagination ul li a, div#pagination ul li strong{display:inline;background: none;padding:0;margin:0 10px 0 0;}
div#pagination ul li a:hover {text-decoration:underline;}

/*tableaux*/
table{padding: 2px;	margin-bottom: 5px;border-spacing: 5px;}
#article table
{
	border: none;
}
table thead tr td, table tfoot tr td
{
border: none;
}

table thead, table th{background: #ebebeb;color: #666; font-weight:bold; padding:5px}
table thead td{padding: 5px;}
table tbody td{vertical-align: top;padding: 5px;border: 1px solid #ebebeb;}
table thead td{	vertical-align: top;}


/*---------------- */
input, input.ok, select{
	color : #666;
	font-family:Arial;
	
}
input.ok, input.submit, input.valider{
	color : #666;
	background: #fff;
	color : #666;
	border: 1xp solid #666;
}

/* --------------- */
#presse #tableau .col1{width: 100px;}
#presse #tableau .col2{width: 400px;}
#presse #tableau .col3{width: 50px;}
#presse #tableau .col4{float: right;text-align: center;}

#presse #tableau tbody .case{
	background: transparent;
	color: #958F75;
}
/* --------------- */	
#communique{
	background: #ffffff;
	margin-top: 20px;
	margin-left: 8px;
	width: 140px;
}
/* --------------- */
div#article .entete{
	background: #958F75;
	width: 420px;
	color:#ffffff; 
	padding: 5px;
	display: block;
}
div#article .ligne1{
	background: #E9E5E0;
	width: 420px;
	padding: 5px;
	border-bottom: 1px solid #958F75;
	display: block;
}
div#article .ligne2{
	background: #F3F3F3;
	width: 420px;
	padding: 5px;
	border-bottom: 1px solid #958F75;
	display: block;
}
div#article .colonne1{
	background: #F3F3F3;
	width: 670px;
	float: left;
	padding: 10px;
	display: block;
	font-size:11px;
	margin-bottom:20px;
}
div#article .colonne2{
	background: #F3F3F3;
	width: 670px;
	float: left;
	padding: 10px;
	display: block;
	font-size:11px;
	margin-bottom:20px;
}

div#article a.pictoretour {text-decoration: none;color: #ED1C24;font-weight: normal;background: transparent url(../images/retour.gif) no-repeat top left;padding-left: 15px;}
div#article a.pictocommunique {text-decoration: none;color: #ED1C24;font-weight: normal;background: transparent url(../images/presse.gif) no-repeat top left;padding-left: 15px;}
div#article a.pictoplaquette {text-decoration: none;color: #ED1C24;font-weight: normal;background: transparent url(../images/plaquette.gif) no-repeat top left;padding-left: 15px;}


/* --------------- */
#documentation .titre{
	font-weight: bold;
	color: #ED1C24;
}
#documentation img{
	/*float: right;*/
	border: 1px solid #cccccc;
	padding: 2px;
}

#documentation .docVignette{

    margin-bottom: 20px;
}
#documentation .docVignette .blocDocVignette.select{

    background: #EBEBEB;
}
#documentation .docVignette .blocDocVignette{

    float: left;
    width: 70px;
    text-align: center;
    margin-bottom: 10px;
}
#documentation .docVignette .blocDocVignette a{

    display: block;
}
#documentation .docVignette .blocDocVignette img{

    float: none;
    margin: 10px auto;
}

/* --------------- */
#presse .fiche{
	border-bottom: 1px solid #958F75;
}
/* --------------- */
#detcommunique #tableau .col1{
	width: 50px;
}
#detcommunique #tableau .col4{
	width: 50px;
}
/* --------------- */
#topentreprise #tableau .col1{
	width: 40%;
	}

#topentreprise #tableau .col4{
	width: 50px;
	}
/* --------------- */
#topgroupe #tableau .col1{
	width: 40%;
	}

#topgroupe #tableau .col4{
	width: 50px;
	}
/* --------------- */
#secteur .titre{
	font-weight: bold;
	color: #ED1C24;
}
/* --------------- */	
div#article #opportunite .detailblock{
	margin-bottom: 10px;
}
div#article #opportunite .detailblock .titre{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	}
div#article #opportunite .detailblock img{
	margin: 5px;
	border: 1px solid #958F75;
	float: left;
	}
div#article #opportunite .detailblock .linkimg{
	background: #ffffff;
	padding: 0;
}
div#article #opportunite .detailblock .lien,div#article #opportunite .detailblock .linktelec{
	margin-right: 10px;
	} 
/* --------------- */	
div#article #reckompass a{
	background: #ffffff;
	padding: 0;
}



/* --------------- */	
#zi #tableau .col1{width: 200px;}
#zi #tableau .col2{width: 450px;}
#zi #tableau .territoire{background: #ebebeb;color: #666;border: 0px;}	
#zi input {display:block; position:relative; left:355px;}


/* --------------- */
#rh img{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
div#article  #rh .detailblock{
	margin-bottom: 5px;
	padding: 10px;
}
#rh h2{margin-bottom: 5px;}
#rh fieldset{border:0}

/* --------------- */

#immobilier .logo{
	padding: 10px;
	float:left;
	border: 0;
}
#immobilier #enpied{
	display: none;
}
	
#immobilier img{
	border: 1px solid #cccccc;
	padding: 2px;
}
#immobilier .linkimg, #immobilier .precedent,#immobilier .suivant{
	background: #ffffff;
	padding: 0;
}
#immobilier .precedent{
	float: left;
}
#immobilier .suivant{
	float: right;
}
#immobilier .cartouche{
	text-align: right;
	display: block;
	font-weight: normal;
}
#texte #immobilier .cartouche h2{
	margin-bottom: 20px;
	font-weight: bold;
}
#texte #immobilier .cartouche h3{
	margin-bottom: 20px;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
#immobilier .cartouche .titre{
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
#immobilier hr{
	margin: 0;
	padding: 0;
	color: #F3F3F3;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 3px;
	border: 2px solid #F3F3F3;
}
#immobilier .soustitre{
	display: block;
	margin: 0;
	padding : 0;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
#immobilier .photo{
	float: left;
	
}
#immobilier .photo div{
	float: left;
	margin-right: 2px;
}
#immobilier .photo img{
	clear: both;
	margin-bottom: 5px;
	margin-right: 10px;
}
#immobilier .detail{
	float: left;
	margin: 0;
	padding : 0;
}

#immobilier .ligne{
	margin: 0;
	padding : 0;
	display: block;

}
* html #immobilier .ligne{
	margin-bottom:-12px;
}
#immobilier .ligne .zone{
	display: block;
	float: left;
	width: 430px;
}
#immobilier .photo .detail .ligne .zone{
	width: 260px;
}
#immobilier .libelle{
	margin: 0;
	padding : 0;
	display: block;
	float: left;
	width: 120px;
	background: #F3F3F3;
	margin-right: 5px;
}


#immobilier form fieldset input.ok{
	color : #666;
	background: #fff;
	color : #666;
	border: 1xp solid #666;
	margin-left:308px;
}
#immobilier form fieldset{
	border: none;

}
#immobilier form fieldset label{
	width: 300px;
	display: block;
	float: left;
}

html body #immobilier .retour{
	clear: both; 
	visibility: none;
	margin: 0;
	padding: 0;
	heigth: 0px;
}
/* --------------- */

div#immobilier div.contouroffre{
	width:650px;
	margin:12px;
	padding-top:1px;
	display:block;
	/*background : url(../images/fondAnnoncetop.jpg) no-repeat top left;*/
	border:1px solid #DDD;
	font-size:11px;
}

hr.visualClear{
  visibility: hidden;
  clear: both;
  height:1px;
  margin:0;
  padding:0px;
  * display:none;
  
}

* html div#immobilier div.contouroffre{
width:509px;
}

div#immobilier div.contouroffre2{
	display:block;
	width:640px;
	margin:0;
	padding:0px;
	/*background : url(../images/fondAnnonce.jpg) no-repeat bottom right;*/

	
	padding:0px;
	padding-left:2px;
	padding-top:1px;
	*>padding-bottom:3px;
}
* html div#immobilier div.contouroffre2{
	height:123px;
	padding-bottom:2px;
}

div#immobilier div.colG{
width:450px;
float:left;
display:inline;
background:none;

}

div#immobilier div.colG div.lign{
width:650px;
background:none;
display:block;
line-height:20px;
}

div#immobilier div.colG div.lignfin{
width:650px;
background:none;
display:block;
line-height:20px;
margin-bottom:10px;
}

div#immobilier div.colG span.col1,
div#immobilier div.reference
{
width:252px;
margin:0 30px 0 0;
padding:0px;
background:none;
display:inline;
float:left;
padding-left:5px;
}
div#immobilier div.colG span.col2{
width:200px;
margin:0;
padding:0px;
background:none;
display:inline;
float:left;
}


div#immobilier div.colPhoto img{
padding: 0;
margin:0 0 0 44px;
border: 0;
vertical-align: top;
border:1px solid #FFF;
width: 150px;
}
div#immobilier div.reference{
background:#f3f3f3;
float:left;
}
* html div#immobilier div.reference{
margin-left:0px;
}

div#immobilier div.reference a{
background:none;
padding:0px;
}

div#immobilier div.colPhoto{
padding: 0;
margin:0;
border: 0;
float:left;
width:102px;
display:inline;
margin-bottom:5px;

}


div#immobilier span.alouer{
background:#f3f3f3;
width:194px;
padding-left:1px;
display:block;
text-align:center;
border:1px solid #FFF;
*>border:none;
*>margin-bottom:2px;
}


div#immobilier div.colG span.donnee{
font-weight:bold;

}

/* --------------- */	
div#article  #rh .detailblock fieldset{
	  font-size: 100%;
	  border: 0;
	  border-top: 1px solid #eeeeee;
	  padding: 10px;
}
div#article #rh label{
	clear: both;
	border: 0;
	width: 100%;
	background: #ffffff;
	}
div#article #rh legend{
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #958F75;
}
div#article #rh hr{
	clear: both;
	margin-bottom: 10px;
	visibility: hidden;
}

a#rss{
	padding: 0;
	background: none;
	float: right;
}



/*formulaires
form {border:1px solid #eee;}*/
#article select,#article input,#article textarea{background: #fff;color: #666;border: 1px solid #dddddd;padding: 2px;margin: 2px;}
#article fieldset{color: #666;border: 0;}
#article label{width: 350px;float: left;background: #F3F3F3;border: 1px solid #F3F3F3;margin: 2px;}
#article .bouton{background: #F3F3F3;color: #222; margin:10px 0 0 350px;border: 1px solid #F3F3F3;}
#article .ficheprojet{padding: 10px;display: block;border: 1px solid #F3F3F3;}



#article hr {
visibility:hidden;
}

/*menu*/
div#gauche ul {
list-style:none;
margin:0;
padding:0;
width:175px;
}

div#gauche ul li {
font-family:Arial;
border-bottom:7px solid #FFF;
}

div#gauche ul li a span {
background-color: #e5dfd9;
padding:3px 15px 3px 3px;
color:#000;
text-decoration:none;
font-size:10px;
}

div#gauche ul li a:hover span {
text-decoration:underline;
}

div#gauche ul li a.select span {
text-decoration:none !important;
color:#cd000c;
}

div#gauche ul li ul {
list-style:none;
margin:10px 0 0 0;
}

div#gauche ul li ul li a span {
background: #FFF url(../images/puce-collectivite2.gif) no-repeat 20px 6px;
padding:0 0 0 30px;
display:block;
}

div#gauche ul li ul li a.select span {
text-decoration:underline;
}

/*menu entreprise marron*/
div#gauche div#entreprise p {
background-color:#9d8e6d;
color:#FFF;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:3px 5px 3px 10px;
margin:20px 0 0 0;
border-bottom:4px solid #FFF;
}
div#gauche div#entreprise ul li{
width: 200px;
}

div#gauche div#entreprise ul li span {
background-color:#ebebeb;
padding-left:15px;
}

div#gauche div#entreprise ul li a:hover span, div#gauche div#entreprise ul li.select a span, div#gauche div#entreprise ul li a.select span{
background:#ebebeb url(../images/puce-entreprise.gif) no-repeat 2px 6px;
}

div#gauche div#entreprise ul li ul {
margin:10px 0 0 0;
}

div#gauche div#entreprise ul li ul li{
background: url(../images/puce-entreprise2.gif) no-repeat 20px 6px;
padding-left:30px;
width: 180px;
}

div#gauche div#entreprise ul li ul li a span{
color:#000;
font-size:10px;
background:none !important;
margin:0;
padding:0;
}

div#gauche div#entreprise ul li ul li a:hover span {
color:#9d8e6d;
}

div#gauche div#entreprise ul li ul li a.select span {
	text-decoration:none;
	color:#cd000c;
}

/*div#gauche div#entreprise ul li ul li:hover {
	background: url(../images/puce-entreprise.gif) no-repeat 17px 4px;
}*/

/*menu collectivite violet*/
div#gauche div#collectivite, div#gauche div#entreprise{
	background: #fff;
	float: left;
	margin-bottom: 10px;
}

div#gauche div#collectivite p {
background-color:#7d5c76;
color:#FFF;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:3px 5px 3px 10px;
margin:20px 0 0 0;
display:block;
border-bottom:4px solid #FFF;
}
div#gauche div#collectivite ul li, div#gauche div#entreprise ul li{
	margin: 0;
	padding: 0;
	width: 220px;
}

div#gauche div#collectivite ul li span {
background-color:#ebebeb;
padding-left:15px;
}

div#gauche div#collectivite ul li a:hover span, div#gauche div#collectivite ul li.select a span, div#gauche div#collectivite ul li a.select span{
background:#ebebeb url(../images/puce-collectivite.gif) no-repeat 2px 6px;
}

div#gauche div#collectivite ul li ul {
margin:10px 0 0 0;
}

div#gauche div#collectivite ul li ul li{
background: url(../images/puce-collectivite2.gif) no-repeat 20px 6px;
padding-left:30px;
}

div#gauche div#collectivite ul li ul li a span{
color:#000;
font-size:10px;
background:none !important;
margin:0;
padding:0;
}

div#gauche div#collectivite ul li ul li a:hover span {
color:#7d5c76;
}

div#gauche div#collectivite ul li ul li a.select span {
	text-decoration:none;
	color:#cd000c;
}

/*div#gauche div#collectivite ul li ul li:hover {
	background: url(../images/puce-collectivite.gif) no-repeat 17px 4px;
}*/



/*recherche*/

form.recherche
{
top: 0;
left: 335px;
}

form.recherche fieldset {
border:none;
/*margin:0 0 0 330px;*/
padding:0;

}

form.recherche fieldset input {
border:1px solid #a8a9ac;
color:#a8a9ac;
font-size:9px;
font-family:Arial;
}

form.recherche fieldset input.ok {
border:none;
font-size:11px;
background-color:#cc0b1e;
font-weight:bold;
font-family:Verdana;
color: #fff;
}



/*bloc sous le menu - recherche - liens qui sommes nous - contact*/
div#gauche div#rapides {
text-align:right;
margin:30px 20px 0 0;
color:#a8a9ac;
}

div#gauche a {
color:#a8a9ac;
text-decoration:none;
font-size:11px;
font-family:Arial;
}

div#gauche a:hover {
text-decoration:underline;
}

/*recherche*/
div#gauche fieldset {
border:none;
margin:5px 0 0 0;
padding:0;
}

div#gauche fieldset input {
border:1px solid #a8a9ac;
color:#a8a9ac;
font-size:9px;
font-family:Arial;
}

div#gauche fieldset input.ok {
border:none;
font-size:11px;
background-color:#FFF;
font-weight:bold;
font-family:Verdana;
}


/*DROITE*/
div#droite{float:left;width:735px;margin-left:-735px;margin-top:-20px; color:#a8a9ac;z-index:500; position:relative;}

div#droite span.accroche {
color:#a8a9ac;
font-size:17px;
position:relative;
top:-20px;
}

div#droite img.bandeau {
margin-left:98px;
}

div#droite div#overFlash {
background:url(../images/over-flash-interieur.gif) no-repeat; 
height:20px; 
width:735px; 
position:absolute; 
z-index:6000;
}

div#droite div#overFlash a span{
visibility:hidden;
}

div#droite div#overFlash a:hover {
text-decoration:none;
}

div#droite div#overFlash a.de{
float:left;
position:relative;
top:3px;
left:330px;
}

div#droite div#overFlash a.gb{
position:relative;
top:3px;
left:285px;
}

div#droite div#overFlash span.date{
color:#FFF;
font-family:Arial;
font-size:9px;
position:relative;
top:3px;
left:442px;
}

div#droite div#overFlash span.outils{
float:right; 
position:absolute; 
top:2px; 
left:600px;
}

div#droite div#overFlash span.outils a{
margin-left:10px;
}

/*** contact Trombi ***/
div.contactTrombi{float:left;display:inline;margin-bottom:1px;margin-right:1px;position:relative;}
div.contactTrombi a{text-decoration: none;padding:0;margin:0;background: none;display:block;width:53px;height:49px;}

* html div.contactTrombi a{text-decoration: none;height:49px;}

div.contactTrombi a:hover{background: #fff;text-decoration: none;}
div.contactTrombi span{display:none;}
div.contactTrombi a:hover span{display:block;position:absolute;top:-75px;left:35px;width:188px;height:71px;z-index:8000;line-height: 13px;font-size:10px;background: url(../images/bulle.gif) no-repeat 0 0;text-align:center;text-decoration: none; padding-top:10px}
div.contactTrombi a img{padding:0;margin:0;vertical-align: baseline;}

html>body  div.contactTrombi{margin-top:-5px;}

/*actus*/
div#article #actualite .detailblock img{	padding:5px;float: left;}
hr.retour {clear:both;}

/*documentation*/
#documentation img{
	/*float: right;*/
	border: 1px solid #cccccc;
	padding: 2px;
	/*margin-left:10px;*/
	vertical-align:middle;
}


#letter {/*background:green;*/}
#letter form fieldset label {width:100px; background:none;margin:0 !important; padding:0 !important; border:none;}
#letter form fieldset input.hidden {display:none;}
#letter form fieldset input {display:inline; margin:0; padding:0;position:relative; top:-5px; left:-50px}