/* ===================================== *\
|  Style de la page intérieure            |
|  Cration : 12/05/2006                   |
|  Dernière modification : 20/05/2006     |
|  (C) Skalpel 2006                       |
\* ===================================== */

/* Définition du style de la page intérieure */

#page-centrale {
 text-align: left;   
}

h1 {
 margin: 10px;
 padding: 5px;
 padding-left: 70px; 
 background-image: url("../images/int/puce-h1.gif");
 background-repeat: no-repeat;
 background-position: 0 15px;
 color: #971782;
 font-size: 24px;
 font-family: "Arial", helvetica;
 text-align: left;
 border-bottom: 2px solid #971782;
}

h2 {
 margin: 4px;
 padding: 0;
 padding-left: 50px;
 padding-top: 3px;
 background-image: url("../images/int/puce-h2.gif");
 background-repeat: no-repeat;
 background-position: 0 8px; 
 color: #971782;
 font-size: 16px;
 font-family: "Arial", helvetica;    
 text-align: left;
 clear: left;
 height: 20px;
}

h3 {
 background-color: white;   
 margin: 0;
 padding: 5px;
 padding-left: 25px;
 text-align: left;
 font-size: 14px;
 color: #971782;
 margin-bottom: 5px;
 background-image: url("../images/int/puce-h3.gif");
 background-repeat: no-repeat;
 background-position: 0px 10px;
}

h4 {
	font-size: 12px;
}

#left-column div.style-offre a {
	color: #971782;
	text-decoration: none;
	font-weight: bolder;
}

#left-column div.style-offre a:hover {
	color: #000;
	text-decoration: underline;
}

p {
	font-size: 12px;
	text-align: left;
	margin: 10px;
}

img.pave {
	border: 0;
}

#center-column p {
	clear: both;
}
/* Définition d'un encart descriptif d'un site (un div à gauche avec l'illustration, un div à droite avec la "fiche" */

#illustration {
 float: left;
 width: 300px;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left: 10px;
}
#illustration img {
 border: 2px solid #fc0;   
}

#illustration p {
 font-size: 11px;
 font-family: "Arial", helvetica;
 color: #727272;
 margin: 0;
 text-align: left;
 margin-left: 13px;
 margin-top: 5px;
}

#fiche {
 margin-top: 10px;   
 width: 260px;
 float: left;
 font-family: "Arial", helvetica;
 font-size: 12px;
 color: #333; 
 margin-bottom: 20px; 
}

#content-inside {
 font-family: "Arial", helvetica;
 font-size: 12px;
 color: #333; 
 margin: 0px 10px 20px 10px; 
 text-align:left;
}

#content-inside p {
 text-align: justify;
}

#content-inside p strong {
 background-color: #e5faff; 
 font-weight: normal;
}

#content-inside ul {
 list-style-type: none;
 margin: 0;
 margin-left: 5px;
 padding: 0;
}

#content-inside ul li {
 padding-left: 22px;
 background-image: url("../images/int/puce-li.gif");
 background-repeat: no-repeat;
 background-position: 0 3px;
 text-align: left;
}

#content-inside p a {
 color: #900;
 text-decoration: none;
 font-weight: bold;
}

#content-inside p a:hover {
 color: #d50000;
 text-decoration: underline;
}

#content-inside p.breve {
 margin: 10px;
 font-family: "arial", helvetica;
 color: #333;
 font-size: 12px;
 text-align: justify;
}

#content-inside p.exergue {
 color: #d50000;
 font-family: "Arial", helvetica;
 font-size: 18px;
 font-weight: bold;
 margin: 10px;
 border-bottom: 1px solid #454545;
 padding: 2px;
}

#form-style1 {
 margin: 10px;
 font-family: "Arial", helvetica;
 font-size: 12px;
 background-image: url("../images/layout/border-breve.png");
 background-repeat: repeat-x;
 background-position: 0 100%;
 padding-bottom: 20px; 
}

#form-style1 p {
 margin: 4px; 
 text-align: left;
}

#form-style1 p label {
 float: left;
 width: 25%;
 color: #333;
 cursor: pointer;
}

#form-style1 p strong {
 color: #d50000;   
 font-size: 18px;
}

#form-style1 p span {
 color: #727272;   
 font-size: 11px;
}

#form-style1 p input {
 padding: 2px;   
 width: 200px;    
 border: 1px solid #fc0;
 background-color: #ebebeb;
}

#form-style1 p.focus input {
 border: 1px solid #cd0000;
 background-color: #f9fafb;    
}

#form-style1 p.focus textarea {
 border: 1px solid #cd0000;
 background-color: #f9fafb;       
}

#form-style1 p textarea {
 width: 380px;  
 height: 100px; 
 background-color: #ebebeb;
 border: 1px solid #fc0;
}

#form-style1 p input.submit {
 background-color: black; 
 border: 2px solid #fc0;
 color: white;
 width: 85px;
 font-family: "Arial", helvetica;
 font-size: 11px;
 font-weight: bold;
 padding: 2px;
 cursor: pointer; 
}


/* Définition du style de l'encart de pub 468 */

#iab468 {
 background-image: url("../images/index/fond-iab468.png");
 height: 77px;
 margin-top: 10px;
 padding-top: 13px;
 clear: both;
}

#iab468 a img {
 border: 2px solid #fc0;   
}


/****************************************************************
 * Définition du style de la page des stats pro et particulier *
 ****************************************************************/

/* Cadres de présentation des stats */
div.cadre-stats-gauche, div.cadre-stats-droite {
	margin: 0;
	padding: 0;
	width: 290px;
	height: 325px;
	font-size: 11px;
}

div.cadre-stats-gauche .top, div.cadre-stats-droite .top {
	margin: 0;
	padding: 0;
	height: 83px;
	width: 290px;
	background-image: url(/images/layout/bg_top_cadre_stats.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

div.cadre-stats-gauche .top-sans-prix, div.cadre-stats-droite .top-sans-prix {
	margin: 0;
	padding: 0;
	height: 83px;
	width: 290px;
	background-image: url(/images/layout/bg_top_cadre_offre3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

div.cadre-stats-gauche .top h3, div.cadre-stats-droite .top h3 {
	color: #ffcc00;
	font-size: 16px;
	width: 191px;
	height: 63px;
	float: left;
	margin: 0;
/*
	padding: 20px 15px 0 10px;
*/
    padding : 30px 35px;
	background: none;
	text-align: center;
}

div.cadre-stats-gauche .top-sans-prix h3, div.cadre-stats-droite .top-sans-prix h3 {
	color: #ffcc00;
	font-size: 16px;
	width: 290px;
	height: 53px;
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
	background: none;
	text-align: center;
}

div.cadre-stats-gauche .prix, div.cadre-offre-stats .prix {
	width: 79px;
	height: 66px;
	float: left;
	margin: 0;
	padding: 17px 0 0 5px;
	clear: none !important;
	color: #fff;
	font-size: 34px;
	text-align: center;
	font-weight: bolder;
}

div.cadre-stats-gauche .prix .symbole, div.cadre-stats-droite .prix .symbole {
	font-size: 20px;
}

div.cadre-stats-gauche a, div.cadre-stats-droite a, div.cadre-options a {
	color: #d50000;
	text-decoration: underline;
}

div.cadre-stats-gauche a:hover, div.cadre-stats-droite a:hover, div.cadre-options a:hover {
	text-decoration: none;
}

div.cadre-stats-gauche ul, div.cadre-stats-droite ul {
	margin: 0;
	padding: 0 7px 0 7px;
	color: #000;
	text-align: left;
	width: 267px;
	height: 197px;
	background-image: url(/images/layout/bg_center_cadre_offre2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	list-style: none;
	font-weight: bolder;
	float: left;
}

div.cadre-stats-gauche ul li, div.cadre-stats-droite ul li {
	margin: 0;
	padding: 0 0 7px 20px;
	background-image:  url(/images/layout/puce-header-menu2.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	
}

div.cadre-stats-gauche a.savoir-plus, div.cadre-stats-droite a.savoir-plus {
	margin: 0;
	padding: 6px 0 0 54px;
	height: 39px;
	width: 227px;
	background-image: url(/images/layout/bg_bottom_cadre_offre2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: none;
	text-align: left;
	float: left;
}

div.cadre-stats-gauche a.passer-annonce, div.cadre-stats-droite a.passer-annonce {
	margin: 0;
	padding: 14px 0 0 54px;
	height: 31px;
	width: 227px;
	background-image: url(/images/layout/bg_bottom_cadre_offre2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: none;
	text-align: left;
	float: left;
}

p.savoir-plus {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	height: 21px;
	width: 545px;
	display: block;
	text-align: right;
	background-image: url(/images/layout/bouton-savoir-plus.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

p.savoir-plus a {
	padding-right: 0;
	color: #fff;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: none;
}

div.cadre-stats-gauche a.savoir-plus:hover, div.cadre-stats-droite a.savoir-plus:hover, div.cadre-stats-gauche a.passer-annonce:hover, div.cadre-stats-droite a.passer-annonce:hover, p.savoir-plus a:hover {
	text-decoration: underline;
}

div.cadre-stats-gauche {
	float: left;
	margin: 0 0 10px 8px;
	padding: 0;
}

div.cadre-stats-droite {
	float: right;
	margin: 0 2px 10px 0;
	padding: 0;
}

div.cadre-options {
	margin: 0 10px 0 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
}

/* Cadres de présentation des options */
dl.options-stats {
	margin: 10px;
	padding: 0;
	clear: both;
	text-align: left;
	font-size: 12px;
}

dl.options-stats span.prix {
	float: right;
	margin-right: 5px;
}

dl.options-stats dt {
	margin: 0;
	padding: 5px 0 0 35px;
	height: 20px;
	width: 532px;
	background-image: url(/images/layout/bg_top_cadre_options.jpg); 
	color: #900;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
}

dl.options-stats dd {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	padding-left: 10px;
	height: 25px;
	width: 557px;
	background-image: url(/images/layout/bg_bottom_cadre_options.jpg);
	color: #666;
}

div.options-stats {
	width: 359px;
	height: 85px;
	background-image: url(/images/layout/bg_cadre_options.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 11px 0 40px 120px;
	padding: 0;
	float: left;
	text-align: left;
	display: inline;
}

div.options-stats .prix {
	width: 70px;
	height: 61px;
	float: left;
	margin: 0;
	padding: 24px 0 0 35px;
	color: #fff;
	font-size: 34px;
	font-weight: bolder;
}

div.options-stats .prix .symbole {
	font-size: 20px;
}

div.options-stats dl {
	width: 249px;
	float: left;
	margin: 10px 0 0 5px;
	padding: 0;
	text-align: left;
}

div.options-stats dt {
	font-size: 16px;
	color: #333;
	font-weight: bolder;
	margin: 0;
	padding: 0;
}

div.options-stats dd {
	font-size: 11px;
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0;
}




/****************************************************************
 * Définition du style de la page des offres pro et particulier *
 ****************************************************************/

/* Cadres de présentation des offres */
div.cadre-offre-gauche, div.cadre-offre-droite {
	margin: 0;
	padding: 0;
	width: 290px;
	height: 325px;
	font-size: 11px;
}

div.cadre-offre-centre {
	margin: 0 0 0 160px;
	padding: 0;
	width: 290px;
	height: 325px;
	font-size: 11px;
	float: left;
}

div.cadre-offre-gauche .top, div.cadre-offre-droite .top, div.cadre-offre-centre .top {
	margin: 0;
	padding: 0;
	height: 83px;
	width: 290px;
	background-image: url(/images/layout/bg_top_cadre_offre2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

div.cadre-offre-gauche .top-sans-prix, div.cadre-offre-droite .top-sans-prix, div.cadre-offre-centre .top-sans-prix {
	margin: 0;
	padding: 0;
	height: 83px;
	width: 290px;
	background-image: url(/images/layout/bg_top_cadre_offre3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

div.cadre-offre-gauche .top h3, div.cadre-offre-droite .top h3, div.cadre-offre-centre .top h3 {
	color: #ffcc00;
	font-size: 16px;
	width: 191px;
	height: 63px;
	float: left;
	margin: 0;
	padding: 20px 5px 0 10px;
	background: none;
	text-align: right;
}

div.cadre-offre-gauche .top-sans-prix h3, div.cadre-offre-droite .top-sans-prix h3, div.cadre-offre-centre .top-sans-prix h3 {
	color: #ffcc00;
	font-size: 16px;
	width: 290px;
	height: 53px;
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
	background: none;
	text-align: center;
}

div.cadre-offre-gauche .prix, div.cadre-offre-droite .prix, div.cadre-offre-centre .prix {
	width: 79px;
	height: 66px;
	float: left;
	margin: 0;
	padding: 17px 0 0 5px;
	clear: none !important;
	color: #fff;
	font-size: 34px;
	text-align: center;
	font-weight: bolder;
}

div.cadre-offre-gauche .prix .symbole, div.cadre-offre-droite .prix .symbole, div.cadre-offre-centre .prix .symbole {
	font-size: 20px;
}

div.cadre-offre-gauche a, div.cadre-offre-droite a, div.cadre-offre-centre a, div.cadre-options a {
	color: #ff6600;
	text-decoration: none;
}

div.cadre-offre-gauche a:hover, div.cadre-offre-droite a:hover, div.cadre-offre-centre a:hover, div.cadre-options a:hover {
	color: #c55001;
	text-decoration: underline;
}

div.cadre-offre-gauche ul, div.cadre-offre-droite ul, div.cadre-offre-centre ul {
	margin: 0;
	padding: 0 7px 0 7px;
	color: #000;
	text-align: left;
	width: 267px;
	height: 197px;
	background-image: url(/images/layout/bg_center_cadre_offre2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	list-style: none;
	font-weight: bolder;
	float: left;
}

div.cadre-offre-gauche ul li, div.cadre-offre-droite ul li, div.cadre-offre-centre ul li {
	margin: 0;
	padding: 0 0 6px 20px;
	background-image:  url(/images/layout/puce-header-menu2.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	
}

div.cadre-offre-gauche a.savoir-plus, div.cadre-offre-droite a.savoir-plus, div.cadre-offre-centre a.savoir-plus {
	margin: 0;
	padding: 6px 0 0 54px;
	height: 39px;
	width: 227px;
	background-image: url(/images/layout/bg_bottom_cadre_offre2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: none;
	text-align: left;
	float: left;
}

div.cadre-offre-gauche a.passer-annonce, div.cadre-offre-droite a.passer-annonce, div.cadre-offre-centre a.passer-annonce {
	margin: 0;
	padding: 14px 0 0 49px;
	height: 31px;
	width: 232px;
	background-image: url(/images/layout/bg_bottom_cadre_offre2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: none;
	text-align: left;
	float: left;
}

p.savoir-plus {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	height: 21px;
	width: 545px;
	display: block;
	text-align: right;
	background-image: url(/images/layout/bouton-savoir-plus.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

p.savoir-plus a {
	padding-right: 0;
	color: #fff;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: none;
}

div.cadre-offre-gauche a.savoir-plus:hover, div.cadre-offre-droite a.savoir-plus:hover, div.cadre-offre-gauche a.passer-annonce:hover, div.cadre-offre-droite a.passer-annonce:hover, p.savoir-plus a:hover {
	text-decoration: underline;
}

div.cadre-offre-gauche {
	float: left;
	margin: 0 0 10px 8px;
	padding: 0;
}

div.cadre-offre-droite {
	float: right;
	margin: 0 2px 1px 0;
	padding: 0;
}

div.cadre-options {
	margin: 0 10px 30px 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
}

/* Cadres de présentation des options */
dl.options-offres {
	margin: 0px;
	padding: 0;
	clear: both;
	text-align: left;
	font-size: 12px;
}

dl.options-offres span.prix {
	float: right;
	margin-right: 5px;
}

dl.options-offres dt {
	margin: 0;
	padding: 5px 0 0 5px;
	height: 20px;
	width: 532px;
	background-image: url(/images/layout/bg_top_cadre_options.jpg); 
	color: #900;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
}

dl.options-offres dd {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	padding-left: 10px;
	height: 25px;
	width: 557px;
	background-image: url(/images/layout/bg_bottom_cadre_options.jpg);
	color: #666;
}

div.options-offres {
	width: 575px;
	height: 85px;
	background-image: url(/images/layout/bg_cadre_options.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 11px 0 40px 12px;
	padding: 0;
	float: left;
	text-align: left;
	display: inline;
}

div.options-offres .prix {
	width: 70px;
	height: 61px;
	float: left;
	margin: 0;
	padding: 24px 0 0 35px;
	color: #fff;
	font-size: 34px;
	font-weight: bolder;
}

div.options-offres .prix .symbole {
	font-size: 20px;
}

div.options-offres dl {
	width: 450px;
	float: left;
	margin: 10px 0 0 5px;
	padding: 0;
	text-align: left;
}

div.options-offres dt {
	font-size: 16px;
	color: #333;
	font-weight: bolder;
	margin: 0;
	padding: 0;
}

div.options-offres dd {
	font-size: 11px;
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* style de la zone contenant la liste des départements dans l'annuaire pro */
div#liste_departements {
	width: 570px;
	margin: 10px 10px 10px 10px;
	padding: 0 5px 0 5px;
	border-top: 1px solid #000;
	text-align: left;
}

/* style de la liste des départements dans l'annuaire pro */
div#liste_departements ul {
	width: 190px;
	float: left;
	list-style: none;
	margin: 20px 0 20px 0;
	padding: 0;
	font-size: 12px;
}

/* style d'un élément de la liste des départements dans l'annuaire pro */
div#liste_departements ul li {
	background-image: url(/images/int/puce-li.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

/* d'un lien de la liste des départements dans l'annuaire pro */
div#liste_departements ul li a {
	color: #6e0909;
	text-decoration: underline;
	font-weight: normal;
}

/* d'un lien au survol de la sourie de la liste des départements dans l'annuaire pro */
div#liste_departements ul li a:hover {
	text-decoration: none;
}

/* style de la liste des concessions dans l'annuaire pro */
div ul.liste-concessions {
	list-style: none;
	text-align: left;
	width: 580px;
	margin: 0 10px 0 10px;
	padding: 0;
	font-size: 12px;
}

/* style des liens de la liste des concessions dans l'annuaire pro */
div ul.liste-concessions a {
	color: #990000;
}

/* style d'un element de la liste des concessions dans l'annuaire pro */
div ul.liste-concessions li.concession {
	float: left;
	width: 575px;
	height: 70px;
	border-top: 1px solid #999;
	margin: 0;
	padding: 0;
	background-image: url(/images/int/fond-liste-concessions.png);
	background-position: top left;
	background-repeat: repeat-x;
}

/* style du logo d'une concession dans la liste des concessions */
div ul.liste-concessions li.concession img.logoConcession {
	float: left;
	border: 1px solid #ffcc00;
	margin: 6px 0 0 6px;
}

/* style d'une liste dans les infos d'une concession */
div ul.liste-concessions li.concession ul {
	float: left;
	width: 170px;
	list-style: none;
	margin: 10px 0 0 20px;
	padding: 0;
}

/* style d'un bouton dans les infos d'une concession */
div ul.liste-concessions li.concession a.lienVo {
	width: 69px;
	height: 31px;
	display: block;
	float: right;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background-image: url(/images/int/bouton-lien-vo.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 10px 10px 0 0;
	padding: 0 0 0 20px;
}

p.liste-page {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	clear: both;
}

p.liste-page a {
	color: #000;
	text-decoration: none;
}

p.liste-page a:hover {
	color: #000;
	text-decoration: underline;
}

div p.nbConcessions {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 10px 10px 10px;
	width: 580px;
}

div p.nbConcessions em {
	color: #d50000;
	font-style: normal;
}

div p.retourAnnuaire {
	background-image: url(/images/int/puce-lien.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin: 10px 10px 20px 10px;
	width: 560px;
}

div p.retourAnnuaire a {
	color: #990000;
	text-decoration: underline;
}