/* ===================================== *\
|  Style des pages particulier            |
|  Cration : 26/07/2006                   |
|  Dernire modification : 01/09/2006     |
|  (C) Skalpel 2006                       |
\* ===================================== */

/* Définition du style des pages perso */

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;
}
*/

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

caption {
	background-color: #fff;
	width: 570px;
	margin: 5px;
	font-family: "Arial", helvetica;
	font-size: 12px;
}

caption strong {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	background-image: url("../images/layout/puce-li.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

table {
	/*background-color: #fff;*/
	width: 570px;
	margin: 5px;
	font-family: "Arial", helvetica;
	font-size: 12px;
	/*border: 1px solid #a7a7a7;*/
	border-spacing: 1px;
}

table tr.pair {
	background-color: #e8e8e8;
}

table tr.impair {
	background-color: #ededed;
}

table th {
	background-color: #a7a7a7;
	color: #fff;
	text-align: left;
	padding-left: 5px;
}

table td {
	text-align: left;
	padding-left: 5px;
}

table td.picto {
	text-align: center;
	width: 25px;
}

table td.modifie {
	width: 80px;
	padding: 0;
	text-align: center;
}

table td.miniature {
	padding: 0;
	margin: 0;
	width: 65px;
	text-align: center;
}

table td.miniature img {
	cursor: pointer;
}

table td.miniature div {
	height: 55px;
	width: 65px;
	margin: 0;
	overflow: hidden;
}

table a {
	text-decoration: none;
	font-weight: normal;
	color: #9a0103;
}

table a:hover {
	text-decoration: underline;
}

table a img {
	border: 0;
}

table p {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

#center-column a {
	color: #971782;
	text-decoration: none;
	font-weight: bolder;
}

#center-column a:hover {
	color: #000;
	text-decoration: underline;
}

#center-column {
 float: left;
 width: 580px !IMPORTANT;
 background-color: white;
 font-size:12px;
 text-align:left;
 padding:0 10px 0 10px;
}

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

#center-column ul li {
 text-align: left;
 padding-left: 20px;
 background-image: url("../images/layout/puce-li.gif");
 background-repeat: no-repeat;
 background-position: 0 8px;
}

/* Définition du cadre actu pro */

#actualites-pro {
	font-family: "Arial", helvetica;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#actualites-pro div.actu-contenu {
	margin: 0 50px 20px 50px;
	padding: 10px;
	width: 480px;
	background-color: #ededed;
	clear: both;
}

#actualites-pro p.actu-date {
	margin: 0 50px 5px 0;
	padding: 0;
	float: right;
	font-size: 10px;
}

#actualites-pro p.actu-dossier {
	margin: 0;
	margin-right: 10px;
	padding: 0;
	float: right;
	font-size: 10px;
	font-style: italic;
}

.pagination {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Arial", helvetica;
	font-size: 12px;
}

/* Définition du cadre de l'espace perso */

#espace {
	font-family: "Arial", helvetica;
	font-size: 12px;
	text-align: left;
	padding: 10px;
}

/* Définition du cadre d'authentification */

#connexion {
 margin: 0;
 padding: 0;
 text-align: center;
}

#connexion form {
	margin: 0;
	padding: 10px;
	font-size: 12px;
	background-color: transparent;
}
/*
#connexion form p {
 margin: 6px;
 text-align: left;
 clear: both;
 padding: 0;
}

#connexion form p label {
 margin: 0;
 padding: 0;
 float: left;
 width: 110px;
 color: #333;
 cursor: pointer;
}

#connexion form p input {
 padding: 2px;   
 width: 140px;    
 border: 1px solid #fc0;
 background-color: #ffffff;
}

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

#connexion form p input.submit {
 background-color: black; 
 border: 2px solid #fc0;
 color: white;
 width: 120px;
 font-family: "Arial", helvetica;
 font-size: 11px;
 font-weight: bold;
 padding: 2px;
 margin-top: 5px;
 cursor: pointer; 
}
*/
/* Définition du cadre des liens */
#liens {
	margin-bottom: 50px;
	font-size: 12px;
	text-align: center;
}

.passPerdu {
	margin-top: 50px;
	font-size: 14px;
}

.passPerdu a {
	font-size: 14px;
}

/* Définition du cadre du formulaire d'inscription*/

#inscriptionParticulier {
 font-family: "Arial", helvetica;
 margin: 10px;
 text-align: left;
 font-size: 12px;
}

#inscriptionParticulier form {
	width: 480px;
}

#inscriptionParticulier h3 {
 background-color: white;   
 margin: 0;
 font-size: 14px;
 color: #900;
 padding: 5px;
 margin-bottom: 5px;
 background-image: url("../images/pa/puce-h3.png");
 background-repeat: no-repeat;
 background-position: 5px 5px;
}

#formInscriptionParticulier {
	padding-left: 40px !IMPORTANT;
	width: 520px !IMPORTANT;
}

div.hack_clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0px;
}

div.cadre {
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.boutonNavigation {
	border-top: 2px solid #990000;
}

div.sitesGauche {
	float: left;
	margin: 0;
	width: 250px;
}

div.sitesDroite {
	float: left;
	margin: 0;
	width: 250px;
}

#labelToutLeReseau {
	color: #990000;
	font-weight: bolder;
}

#labelToutLeReseau em {
	color: #000;
	font-style: normal;
}

#center-column form {
 width: 530px;
 margin: 0; 
 padding: 0;
 padding-left: 50px;
 font-size: 12px;
}

form p {
 margin: 6px;
 text-align: left;
 clear: both;
}

form p.deuxBoutons {
 text-align: left;
 margin-bottom: 20px;
}

form p.deuxBoutons label {
 width: 120px;
}

form p.photo, form p.fichier {
 text-align: center;
}

form p.photo label {
	float: left;
	text-align: left;
	width: 60px;
}

form p.fichier label {
	float: left;
	text-align: left;
	width: 160px;
}

form p.photo img {
	float: left;
	margin: 0 15px 0 40px;
}

form p.photo input, form p.fichier input {
	float: left;
}

form p.photo input.submit, form p.fichier input.submit {
	float: right;
	margin: 0;
}

form p label {
 float: left;
 width: 160px;
 color: #333;
 cursor: pointer;
}

form p label.labelRadio {
 float: left;
 width: 40px;
 height: 23px;
 margin-top: 3px !IMPORTANT;
 color: #333;
 cursor: pointer;
}

form p label.labelCheckbox {
 float: none;
 color: #333;
 cursor: pointer;
 width: 400px;
}

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

span.obligatoire {
 color: #d50000;
 font-weight: bolder;
 font-size: 18px;
 font-family: "Trebuchet MS", sans-serif;
 float: left;
 margin: 0 0 0 5px;
}

form p span.aide {
 color: #7f7f7f;
 font-style: italic;
 float: left;
 margin: 0 5px 0 5px;
}

form p input.champsTexte {
 padding: 2px;   
 width: 160px;    
 border: 1px solid #c1f200;
 background-color: #ededed;
 float: left;
}

form p select#dateJour, form p select#dateMois {
	width: 50px;
	margin: 0 4px 0 0;
}

form p select#dateAnnee {
	width: 58px;
}

form p input#garantieDuree {
	width: 54px;
	float: left;
}

form p textarea {
 width: 165px;  
 height: 80px; 
 background-color: #ededed;
 border: 1px solid #c1f200;
 float: left;
 margin: 0 0 10px 0;
}

form p select {				/* pour IE */
 padding: 2px;   
 width: 160px;    
 border: 1px solid #c1f200;
 background-color: #ededed;
 float: left;
 margin: 0 0 5px 0;
}

html>body form p select {	/* pour les autres */
 padding: 2px;   
 width: 165px;    
 border: 1px solid #c1f200;
 background-color: #ededed;
 float: left;
 margin: 0 0 5px 0;
}

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

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

form p.focus select {
 border: 1px solid #c1f200;
 background-color: #f9fafb;    
}

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

form p input.submitLong {
 background-color: black; 
 border: 2px solid #c1f200;
 color: white;
 font-family: "Arial", helvetica;
 font-size: 11px;
 font-weight: bold;
 padding: 2px;
 margin-top: 5px;
 cursor: pointer; 
}

form p input.boutonRadio {
 padding: 2px;
 margin-bottom: 0 !IMPORTANT;
 width: 20px;
 float: left;
}

form p.aSaisir input {
 padding: 2px;   
 width: 20px;
 height: 20px;
 float: left;
}

form p.aSaisir label {
 float: left;
 width: 500px;
}

p.boutonCentre {
	text-align: center;
}

.avertissement {
	margin: 10px 0 20px 0;
	clear: both;
}

.avertissement p {
	text-align: center;
}

form p.texte {
	margin: 5px 5px 5px 165px;
	text-align: left;
}

/* Définition du style de la page récapitulatif */

#recapitulatif dl {
	width: 580px;
}

#recapitulatif dl dt{
	width: 190px;
	display: block;
	float: left;
	margin: 5px 0 5px 0;
	padding: 0;
	padding-left: 10px;
	font-weight: bolder;
	clear: both;
}

#recapitulatif dl dd{
	width: 370px;
	display: block;
	float: left;
	margin: 5px 0 5px 0;
	padding: 0;
	padding-left: 10px;
}

#recapitulatif form{
	width: 580px;
	margin: 0;
	padding: 0;
}

#recapitulatif form input {
	margin-left: 20px;
}

#recapitulatif p.photos {
	clear: both;
	text-align: center;
}

#fin-ajout-annonce div {
	text-align: center;
}

#fin-ajout-annonce div a {
	color: #000;
	text-decoration: none;
	font-weight: bolder;
	padding-left: 20px;
	background-image: url("../images/layout/puce-header-menu2.gif");
	background-repeat:no-repeat;
}

/* 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;
 padding-left: 65px;
}

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

#menu-haut-largeur {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100px;
	margin:0 0 12px 0 !IMPORTANT;
	padding:0 !IMPORTANT;
	list-style-type:none !IMPORTANT;
}
#menu-haut-largeur li {
	margin:0 !IMPORTANT;
	padding:0 !IMPORTANT;
	width:115px !IMPORTANT;
	float:left;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#menu-haut-largeur li a {
	width:106px;
	height:44px;
	display:block;
	padding:6px 3px 0 6px;
	background-image:url(/images/pros/menu-background-1.jpg) !IMPORTANT;
	background-position:top !IMPORTANT;
	background-repeat:repeat-x !IMPORTANT;
	text-decoration:none;
	color:#333;
	font-weight:bolder !IMPORTANT;
}
#menu-haut-largeur li a:hover {
	background-image:url(/images/pros/menu-background-0.jpg) !IMPORTANT;
	color:#000;
}

/* Page des offres pro */

#cadre-particulier, #cadre-pro {
	margin: 100px 0 0 0;
	width: 250px;
	color: #666;
}

#cadre-particulier a, #cadre-pro a {
	margin: 20px 0 0 0;
	padding: 6px 0 0 40px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-image: url(/images/layout/fond-lien.jpg);
	display: block;
	width: 198px;
	height: 15px;
}

#cadre-particulier a:hover, #cadre-pro a:hover {
	color: #fff;
}

#cadre-particulier p, #cadre-pro p {
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

#cadre-particulier p.texte, #cadre-pro p.texte {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	height: 60px;
}

#cadre-particulier {
	padding: 0 25px 0 5px;
	float: left;
	border-right: 1px solid #a7a7a7;
}

#cadre-pro {
	padding: 0 5px 0 25px;
	float: right;
}

/* style pour la page des flux RSS */

ul.listeRss li {
	background-image: none !IMPORTANT;
	padding-left: 20px !IMPORTANT;
}

ul.listeRss li img {
	border: 0;
	padding: 0 5px 0 0;
}

/* style pour la FAQ */

div.faq_categorie {
	border-top: 1px solid #999;
	background-image: url(/images/layout/fond-faq-categorie.png);
	background-position: top left;
	background-repeat: repeat-x;
}

div.faq_categorie h2 {
	background-image: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #333;
	margin: 5px 0 5px 10px;
}

div.faq_categorie dl {
	margin: 0 0 30px 15px;
}

div.faq_categorie dt a {
	font-weight: normal !IMPORTANT;
	text-decoration: underline !IMPORTANT;
	color: #000 !IMPORTANT;
}

div.faq_categorie dt a:hover {
	font-weight: normal !IMPORTANT;
	text-decoration: underline !IMPORTANT;
	color: #971782 !IMPORTANT;
}

div.faq_categorie dl dt {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background-image: url(/images/int/puce-li.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

div.faq_categorie dl dd {
	margin: 10px 0 25px 0;
	padding: 0 0 0 20px;
}