* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body, input, textarea, select {
    font-family: "Arial", Verdana, sans-serif;
    color: #333;}
    
body {font-size: 12px; background: #ffffff url(../../images/fondDegrade.gif) repeat-x;}
input, textarea, select {font-size: 12px;}
p { letter-spacing: 1px; }
h4 { padding-top: 5px; }

.margeTop { margin-top: 50px; }

#arianne { list-style: none; }
#arianne li { float: left; }

a.retour { font-weight: bold; color: #b1a56e; }

/**************************************************************************************/
/*                                                                            En-tête */
/**************************************************************************************/
#enTete {width: 980px; height: 105px; margin: auto; position: relative; }
#enTete img#logo {border: 0; position: absolute; left: 0; top: 21px; z-index: 1; float: left;}
#enTete div#slogan {border: 0; position: absolute; left: 90px; top: 18px; z-index: 1; float: left; line-height: 25px; font-size: 14px; margin-top: 38px; color: #b1a56e; }
p.sloganGauche { color: #b1a56e; font-weight: bold;}

#navigation {
   list-style: none;
   position: absolute; top: 70px; right: 0px;}
#navigation li {float: left;}
#navigation li a {
   display: block;
   background-image: url(../../images/btnNav.gif);
   width: 120px; height: 30px;
   margin-left: 5px;
   overflow:hidden;
   text-align:center;
   text-decoration: none;
   color: #000;
   font-weight: bold;
}

#navigation li a:hover { background-position: 0 -31px; }

/**************************************************************************************/
/*                                                                         Col Gauche */
/**************************************************************************************/
#colGauche { width: 260px; display:block; float:left; }

/**************************************************************************************/
/*                                                                        News Ticker */
/**************************************************************************************/
#newsticker {
	background: #c4bc97;
   float: left;
   display: block;
	width: 250px;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
}
#newsticker ul {
	border: 1px solid #ffbf00;
	list-style: none;
	padding: 10px 15px;
	padding-right: 30px;
	min-height: 100px;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error { color: #f00; }
#newsticker ul li a { text-decoration:none; text-align:right; color:#111; font-weight: bold; }

#newsticker #togglenewsticker {
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}

/**************************************************************************************/
/*                                                                        mainContent */
/**************************************************************************************/
#haut { background: url(../../images/haut.png); width: 980px; height: 11px; margin: auto; }
#bas { background: url(../../images/bas.png); width: 980px; height: 11px; margin: auto; }

#mainContent {
   width: 980px;
   padding-bottom: 30px;
   margin: auto;
   background: url(../../images/cotes.png);
}
#zoneContent {width: 960px; margin: auto;}

/**************************************************************************************/
/*                                                                          Recherche */
/**************************************************************************************/
#colRecherche {
   width: 250px;
   background-color: #ffbf00;
   padding: 5px 5px 5px 5px;
}
#colRecherche h2 { font-size: 14px; }
#colRecherche label { margin-top: 10px; display: block;}
#colRecherche select { width: 240px; }

/**************************************************************************************/
/*                                                                            Contenu */
/**************************************************************************************/
#colContenu{
   display:block;
   float: left;
   width: 689px;
   padding: 0px 5px 5px 5px;
}


/**************************************************************************************/
/*                                                                            Accueil */
/**************************************************************************************/
.diapoBanniere {
   position:absolute;
   text-align: left;
   background-color: white;
   width: 689px;
}

.diapoBanniere p { position: absolute; font-size:26px; text-align: left; }
#d0_1_1 p { top: 20px; left: 20px; }
#d1_1_1 p { top: 350px; left: 40px; }
#d2_1_1 p { top: 50px; left: 400px; }
.diapoBanniere p strong { font-size:30px; }


#container { height: 459px; width: 689px; padding-top: 0px; padding-bottom: 0px; }

#edito { margin-top: 10px; }
#edito strong { font-size: 14px; font-weight: bold; }
#edito p { padding-bottom: 10px; }
#edito2 { margin-top: 10px; }
#edito2 strong { font-size: 14px; font-weight: bold; }
#edito2 p { padding-bottom: 10px; }

/**************************************************************************************/
/*                                                                           Annonces */
/**************************************************************************************/
#enTeteResultats { margin-top: 10px; padding: 5px; border: 1px solid #50b2cf; }
.unResultat { margin-top: 10px; border: 1px solid #50b2cf; padding: 3px 3px 3px 3px;}
.unResultat h2 { background-color: #c4bc97; color: #FFF; border: 1px solid gray; margin-bottom: 5px; }
.unResultat h3 { color: #FF2222; background-color: #ffbf00; border: 1px solid gray; font-weight: normal; margin-bottom: 5px; }
.unResultat h3.boutiquebureau { background-color: #ffbf00; color: #000; width: 200px; border: 1px solid gray; font-weight: bold;}
.unResultat h3.prix { width: 100px; text-align:center; float:left;}
.unResultat h3.franchise { width: 150px; text-align:center; float: left; margin-left: 10px; background-color: #c4bc97;}
.unResultat h3.boutiqueBureau { width: 120px; text-align: center;}
.unResultat img.miniatureAnnonce { float: left; margin-right: 5px; }
.unResultat .zoneTexte { width: 517px; display: block; float: left; }
.unResultat .zoneTexte ul { list-style: circle; list-style-position: inside; display: block; float:left;}
.unResultat .listeActions { width: 100%; text-align:right; }
.unResultat .ca { width: 100%; display:block; text-align:right; }
.unResultat .loyer { width: 100%; display:block; text-align:right; }
.unResultat .nature_bail { width: 100%; display:block; text-align:right; }
.unResultat ul { width: 330px; text-indent: -14px; padding-left: 14px; }

#ongletsAnnonce { margin-top: 10px; }
#ongletsAnnonce ul { list-style:none; }
#ongletsAnnonce ul li { font-weight:bold; display:block; float: left; background-color: #50b2cf; margin-right: 3px; margin-bottom: 0px; padding: 3px; }
#ongletsAnnonce ul li a { color: black; text-decoration: none; }
#ongletsAnnonce ul li.ongletActif { background-color: #c4bc97; }

.photoAnnonce { width: 300px; height: 225px; float: left; padding-right: 3px; background-repeat: no-repeat;}
#loupe { background: white; opacity: 0.5;}

.detailAnnonce { margin-top: -1px; border: 1px solid #50b2cf; padding: 3px 3px 3px 3px;}
h1.libelleAnnonce { background-color: #c4bc97; color: #FFF; border: 1px solid gray; margin-top: 5px; font-size: 18px; }
.detailAnnonce h3 { color: #FF2222; background-color: #ffbf00; border: 1px solid gray; font-weight: normal; margin-bottom: 5px; }
.detailAnnonce h3.boutiquebureau { background-color: #ffbf00; color: #000; width: 200px; border: 1px solid gray; font-weight: bold;}
.detailAnnonce .zoneTexte h3.prix { width: 96px; float: left;}
.detailAnnonce .zoneTexte h3.franchise { width: 150px; text-align:center; float: left; margin-left: 10px; background-color: #c4bc97;}
.detailAnnonce .zoneTexte h3.prix img.aide { padding-bottom: 1px; border: 0;}
.detailAnnonce img.photoAnnonce { float: left; margin-right: 5px; }
.detailAnnonce .zoneTexte { width: 365px; display:block; float: left;  }
.detailAnnonce .zoneTexte ul { list-style: circle; list-style-position: inside; float: left; display: block;}
.detailAnnonce .zoneTexte ul li { line-height: 17px; }
.detailAnnonce .zoneTexte span { line-height: 17px; }
.detailAnnonce .listeActions { width: 100%; text-align:right; }
.detailAnnonce .ca { width: 100%; display:block; text-align:right; }
.detailAnnonce .loyer { width: 100%; display:block; text-align:right; }
.detailAnnonce .ebe { width: 100%; display:block; text-align:right; }
.detailAnnonce .effectif { width: 100%; display:block; text-align:right; }

#appreciationFdC h4 { width: 80%; background-color:#ffbf00; font-size: 13px; margin-top: 10px; padding: 3px;}
#appreciationFdC p { width: 99%; border: 1px solid #ffbf00; padding: 3px; margin-bottom: 15px;}

.aide { padding-left :10px; padding-right: 5px; vertical-align: bottom; border: 0;}

#listeEffectifs { border: 0px gray solid; width: 670px; }
#listeEffectifs th { border-bottom: 1px gray solid; padding:0;}
#listeEffectifs td { border-bottom: 1px gray solid; padding:0;}

#ca3DernieresAnnees { border: 0px gray solid; width: 670px; }
#ca3DernieresAnnees th { border-bottom: 1px gray solid; padding:0;}
#ca3DernieresAnnees td { border-bottom: 1px gray solid; padding:0;}

/***************************************************************************************/
/*                                                                           Actualité */
/***************************************************************************************/
#actuImg {
border: 0px #95cae6 solid;
display: block;
float: right;
margin: 5px;
padding: 5px;}

/***************************************************************************************/
/*                                                                          Page libre */
/***************************************************************************************/
#pageLibreImg {
border: 0px #95cae6 solid;
display: block;
float: right;
margin: 5px;
padding: 5px;}

/**************************************************************************************/
/*                                                                             footer */
/**************************************************************************************/
#footer { width: 980px; text-align: right; margin: auto; font-size: 11px; }
#footer a { color: #c4bc97; text-decoration:none; font-weight: bold;}


/******************************************************************************************/
/*                                                                                 Contact*/
/******************************************************************************************/
.pageContact fieldset {
border: 1px #95cae6 solid;;
padding: 10px 5px 10px 5px;}

.pageContact legend {
padding: 5px;
font-size: 17px;
color: #fff;}

.pageContact fieldset p {
padding: 0 0 10px 0;}


.pageContact .lineForm {
width: 680px;
display: block; margin-bottom: 5px; float: left; }

.pageContact label {width: 100px; display: block; float: left; text-align: right; padding-right: 5px;}

.pageContact .lineForm input.small {width: 50px !important; }
.pageContact .lineForm input.noSize {width: 20px;margin: 0 5px 0 0;}
.pageContact .lineForm input {width: 400px;}

.pageContact .btnRechercher {
line-height: 20px;
font-size: 13px;
color: #000;
border: 1px #fff solid;
display: block;
width: 90px;
height: 24px;
background-color: #95cae6;}


.pageContact .btnValider {
font-weight: bold;
font-size: 14px;
color: #000;
border: 1px #fff solid;
display: block;
width: 90px;
height: 25px;
background-color: #95cae6;
float: right;}

.pageContact .lineForm #localisation { width: 50px; }
.pageContact #localisation_city { width: 337px; }

/******************************************************************************************/
/*                                                                           Pages libres */
/******************************************************************************************/
#pageDetailPageLibre ul { padding-left: 11px; }

/******************************************************************************************/
/*                                                                                  Login */
/******************************************************************************************/
.loginPage .zoneTexte { width: 100%; }
.loginPage fieldset {border: 1px #95cae6 solid;;padding: 10px 5px 10px 5px;}
.loginPage legend {padding: 5px;font-size: 17px;color: #fff;}
.loginPage p {padding: 0 0 10px 0;}
.loginPage .lineForm {width: 580px;display: block; margin-bottom: 5px; float: left; }
.loginPage label {width: 150px; display: block; float: left; text-align: right; padding-right: 5px;}
.loginPage .lineForm input.small {width: 32px;}
.loginPage .lineForm input.noSize {width: 20px;margin: 0 5px 0 0;}
.loginPage .lineForm input {width: 200px}
#loginSubmitter { padding-left: 10px; padding-right: 10px; margin-left: 155px; }
.errMsg { font-weight: bold; color: #EE3333; }

/******************************************************************************************/
/*                                                                                Contact */
/******************************************************************************************/
.pageContact fieldset {
border: 1px #95cae6 solid;
padding: 10px 5px 10px 5px;}

.pageContact legend {
padding: 5px;
font-size: 17px;
color: #b1a56e;}

.pageContact fieldset p {
padding: 0 0 10px 0;}


.pageContact .lineForm {
width: 670px;
display: block; margin-bottom: 5px; float: left; }

.pageContact label {width: 230px; display: block; float: left; text-align: right; padding-right: 5px;}

.pageContact .lineForm input.small {
width: 32px;}

.pageContact .lineForm input.noSize {
width: 20px;
margin: 0 5px 0 0;}

.pageContact .lineForm textarea {
width: 400px; height: 75px;}

.pageContact .btnValider {
font-weight: bold;
font-size: 14px;
color: #000;
border: 1px #fff solid;
display: block;
width: 90px !important;
height: 25px;
background-color: #b1a56e;
margin-top: 20px;
float: right;}

.validation-advice {
clear: both;
width: 500px;
color: #cc0000;
font-weight: bold;
text-align: left;
padding-top: 3px;
font-size: 11px;
float: left;}