/* ----------------- */
/* Global Styles */
/* ----------------- */

body {
	margin: 0px;
	background-repeat: repeat;
	background-image: url(media/pictures/footer.jpg); 

	}
	

/* ----------------- */
/* ID Styles */
/* ----------------- */

/* Body */

#body-content {
	width: 100%;
	background-color: white;
	}

#body-main {
	width: 888px;
	background-color: white; 
	}

#body-bottom {
	width: 100%;
	height: 0px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	}

#body-legend {
	width: 470px;
	font: 12px Arial;
	color: black;
	}


/* Banniere */

#banniere-content {
	width: 100%;
	background-color: #ffffff; /* --- couleur de fond de la banniere --- */
	height: 109px;
	}

#banniere-main {
	background-color: #ffffff; /* --- couleur de fond de la banniere --- */
	height: 109px;
	width: 888px;
	}
	
#banniere-slogan {
	text-transform: uppercase;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;  /* --- couleur du texte du slogan --- */
	letter-spacing: .5em;
	line-height: 30px;
	width: 512px;
	position: absolute;
	top: 10px;
	left: 400px;
	}
	
#banniere-image-left {
	position: absolute;
	top: 0px;
	left: 0px;
	}

#banniere-image-right {
	position: absolute;
	top: 0px;
	left: 712px;
	}
	

/* Search */
	
#search-content {
	width: 100%;
	height: 86px;
	background-color: #97b2b9; /* --- couleur de fond de la recherche --- */
	}
	
#search-main {
	width: 888px;
	height: 86px;
	background-color: #97b2b9; /* --- couleur de fond de la recherche --- */
	}
	
#search-separateur, #search-separateur-content {
	height: 3px;
	background-repeat: repeat-x;
	background-image: url(media/pictures/spacer.jpg); /* --- image trait haut et bas du module de recherche --- */
	line-height: 0px;
	font-size: 0px;
	}

#search-separateur-content {
	width: 100%;
	}

#search-separateur {
	width: 888px;
	}

#search-table {
	height: 86px;
	color: #000000; /* --- couleur du texte du module recherche --- */
	font-size: 10px;
	font-family: Arial;
	}
	
#search-table th {
	padding-right: 12px;
	vertical-align: bottom;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	}
	
#search-table td {
	padding-right: 12px;
	vertical-align: top;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	}

#search-table {
	padding-left: 8px;
	vertical-align: top;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	}

#search-generic {
	text-indent: 2px;
	}
	
#search-center {
	text-align: center;
	text-indent: 2px;
	}
	

/* Liens */
	
#link-main {
	width: 186px;
	float: left;
	}

#link-content, #link-content-hard  {
	border-bottom-color: #FF0000; /* --- couleur du trait séparateur des liens a gauche --- */
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 49px;
	text-indent: 4px;
	font-size: 14px;
	font-family: Arial;
	}
	
#link-content-hard a, #link-content-hard a:visited {
	text-indent: 4px;
	font-size: 14px;
	color: #5c7099; /* --- couleur du texte des liens ( accueil-devis-contact-inscription ) non survolés --- */
	font-family: Arial;
	text-decoration: none;	
	}
	
#link-content a, #link-content a:visited, #link-content-sub a, #link-content-sub a:visited {
	text-indent: 4px;
	font-size: 14px;
	color: #000000; /* --- couleur du texte des liens ( tous les autres ) non survolés --- */
	font-family: Arial;
	text-decoration: none;	
	}
	
#link-content a:hover, #link-content-hard a:hover, #link-content-sub a:hover {
	color: #FF9900; /* --- couleur du texte des liens survolés --- */
	}
	
#link-content-sub {
	text-indent: 16px;
	height: 24px;
	}
	
#link-content-folder {
	height: 34px;
	text-indent: 4px;
	font-size: 14px;
	font-family: Arial;
	}
	
#link-content-exfolder  {
	height: 8px;
	border-bottom-color: #FF0000; /* --- couleur du trait séparateur des dossiers liens a gauche --- */
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}
	
	
/* Login */

#login-input {
	text-align: justify;
	font-size: 11px;
	color: #000000; /* --- couleur du texte du login espace client --- */
	font-family: Arial;
	width: 130px;
}

#login-td {
	padding-left: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 12px;
	text-align: left;
	font-size: 11px;
	color: #000000; /* --- couleur du texte du login espace client --- */
	font-family: Helvetica;
	background-color: #97b2b9; /* --- couleur de fond du login espace client --- */
	border-bottom-color: #97b2b9; /* --- couleur de la bordure bas du login espace client --- */
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#login-titre {
	font-weight: bold;
	padding-bottom: 4px;
	}
	
#login-name {
	font-weight: bold;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 12px;
	}

#login-texte {
	text-align: right;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
}

#login-button {
	text-align: right;
	margin-top: 5px;
	font-size: 11px;
	color: #000000; /* --- couleur du texte du bouton du login espace client --- */
	font-family: Arial;
}

#login-link, #login-link a, #login-link a:visited {
	text-align: left;
	padding-bottom: 2px;
	text-decoration: none;
	color: #000000;
}

#login-link a:hover {
	color: #FF9900;
	text-decoration: underline;	
	}


/* Accueil */
	
#accueil-main {
	width: 472px;
	float: left;
	padding-top: 16px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
#accueil-titre {
	text-align: center;
	font: 18px Arial;
	color: #000000; /* --- couleur par defaut du titre de l'accueil --- */
	line-height: 30px;
	letter-spacing: 0.3em;
	}
	
#accueil-texte {
	text-align: justify;
	font: 11px Arial;
	color: #000000;/* --- couleur par defaut du texte de l'accueil --- */
	line-height: 22px;
	margin-top: 0px;
	letter-spacing: 0.1em;
	}
	

/* Nouveautes */
	
#news-main {
	width: 190px;
	background-color: #97b2b9; /* --- couleur de fond de la colonne top nouveaute --- */
	float: left;
	margin-top: 16px;
	}
	
#news-titre {
	padding-top: 15px;
	height: 50px;
	text-transform: uppercase;
	text-align: center;
	font: 11px Arial;
	color: #000000; /* --- couleur du titre de la colonne top nouveaute --- */
	line-height: 18px;
	letter-spacing: 0.05em;
	}
	
#news-fiche {
	padding-left: 32px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	font: 10px Arial;
	color: #000000;
	line-height: 12px;
	}
	
#news-fiche a, #news-fiche a:hover, #news-fiche a:visited {
	text-decoration: none;
	font: 10px Arial;
	color: #000000; /* --- couleur du texte de la colonne top nouveaute --- */
	line-height: 12px;
	}


/* Footer */
	
#footer-main {
	padding-top: 12px;
	width: 888px;
	text-align: center;
	clear: left;
	}
	
#sur-footer-main {
	width: 888px;
	text-align: center;
	clear: left;
	padding: 12px;
	border-bottom: 2px solid white;
	}
	
#footer-lien-actville, #footer-lien-actville a, #footer-lien-actville a:visited  {
	text-decoration: none;
	color: #000000; /* --- couleur des liens ( activite-ville ) de bas de page --- */
	font-size: 11px;
	text-align: center;
	font-family: Arial;
	}

#footer-lien-actville a:hover {
	text-decoration: underline;
	font-weight: bold;
	}


#footer-lien, #footer-lien a, #footer-lien a:visited {
	color: #000000; /* --- couleur des liens de bas de page --- */
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	font-family: "Times New Roman", Times;
	}
	
#footer-lien a:hover {
	color: white; /* --- couleur des liens survoles de bas de page --- */
	}

#footer-search {
	color: #000000;
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	font-family: "Times New Roman", Times;
	padding-bottom: 5px;
}


/* Resultat */

#result-main {
	width: 472px;
	float: left;
	padding-top: 16px;
	margin-left: 20px;
	margin-right: 20px;
	}

#result-navig-url {
	padding-bottom: 18px;
	}
	
#result-titre {
	width: 472px;
	text-align: center;
	font: 18px Arial;
	color: #000000; /* --- couleur de 'Resultat de votre requête' --- */
	line-height: 30px;
	letter-spacing: 0.3em;
	}

#result-titre-gras {
	width: 472px;
	text-align: center;
	font: 18px Arial;
	font-weight: bold;
	color: #000000;
	line-height: 30px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}

#result-fiche {
	width: 472px;
	text-align: justify;
	font: 11px Arial;
	color: #000000;
	line-height: 22px;
	margin-top: 30px;
	background-image: url(media/pictures/result_fond.jpg); /* --- image degrade sous titre fiche --- */
	background-repeat: no-repeat;
	}

#result-table {
	width: 472px;
	}
		
#result-nom {
	width: 472px;
	padding-top: 5px;
	text-align: left;
	font: 14px Arial;
	font-weight: bold;
	line-height: 20px;
	color: #000000; /* --- couleur titre fiche ( raison sociale ) --- */
	}

#result-nom-a {
	color: #000000; /* --- couleur titre fiche ( raison sociale ) --- */
	text-decoration: underline;
	}
	
#result-adresse {
	width: 320px;
	text-align: left;
	font: 10px Verdana;
	color: #000000; /* --- couleur texte adresse --- */
	}
	
#result-tel {
	width: 152px;
	text-align: right;
	font: 10px Verdana;
	font-weight: bold;
	color: #000000; /* --- couleur texte telephone - fax --- */
	}
	
#result-descr {
	word-break: break-strict;
	width: 472px;
	text-align: justify;
	font: 10px Verdana;
	font-weight: bold;
	color: #a61515; /* --- couleur texte descriptif --- */
	}
	
#result-actrubspe {
	width: 472px;
	text-align: left;
	font: 10px Verdana;
	color: #7e7e7e;	 /* --- couleur texte activite - rubrique - specialite --- */
	}
	
#result-site {
	width: 472px;
	height: 18px;
	background-color: #dbdbdb; /* --- couleur fond web1 - web2 - mail --- */
	text-transform: uppercase;
	font: 10px Verdana;
	text-indent: 4px;
	color: #BD2F96; /* --- couleur texte web1 - web2 - mail --- */
	}

#result-site a, #result-site a:visited {
	color: #BD2F96; /* --- couleur texte web1 - web2 - mail --- */
	text-decoration: none;
	}
	
#result-site a:hover {
	text-decoration: underline;
	}
	
#result-visuel-large {
	width: 320px;
	}

#result-visuel-small {
	width: 152px;
	}

#result-map-large {
	width: 152px;
	border: 1px solid black;
	}

#result-map-small {
	width: 320px;
	border: 1px solid black;
	}

#result-nombre {
	text-transform: uppercase;
	margin-top: 20px;
	font: 11px Arial;
	font-weight: bold;
	color: black;
	letter-spacing: 0.1em;
	height: 18px;
	text-indent: 4px;
	}
	
#result-navig-fond {
	margin-top: 7px;
	}
		
#result-reponse {
	padding: 4px;
	font: 11px Arial;
	color: white; /* --- couleur texte 'reponses x à y' navigation par page --- */
	letter-spacing: .1em;
	float: left;
	background-color: #999999; /* --- couleur fond  'reponses x à y' navigation par page --- */
	}

#result-navig {
	padding: 4px;
	font: 11px Arial;
	color: white; /* --- couleur texte 'Page 1 ' navigation par page --- */
	letter-spacing: .1em;
	text-align: right;
	background-color: #999999; /* --- couleur fond  'Page 1 | 2…' navigation par page --- */
	}

#result-navig a, result-navig a:visited {
	color: #333333; /* --- couleur texte  '| 2 | 3 | 4 …>' navigation par page --- */
	}

#result-navig a:hover {
	color: white; /* --- couleur texte  '| 2 | 3 | 4 …>' souris au-dessous navigation par page --- */
	}

#result-range {
	text-decoration: none;
	}
	
#result-base {
	width: 152px;
	height: 4px;
	background-repeat: repeat-x;
	background-image: url(media/pictures/spacer.jpg); /* --- Barre de bas de fiche ( attention = meme barre que seprateur module de recherche ) --- */
	line-height: 0px;
	font-size: 0px;
}

#result-base-middle {
	width: 168px;
	height: 4px;
	background-repeat: repeat-x;
	background-image: url(media/pictures/spacer.jpg); /* --- Barre de bas de fiche ( attention = meme barre que seprateur module de recherche ) --- */
	line-height: 0px;
	font-size: 0px;
}

#spe_id {
	text-overflow: clip;
	width: 384px;
	}
	
	
	
/* Inscription */

#register-main {
	width: 472px;
	float: left;
	padding-top: 16px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
#register-titre {
	text-align: left;
	text-transform: uppercase;
	font: 15px Arial;
	color: #000000; /* --- Couleur titre S'enregistrer --- */
	letter-spacing: 0.3em;
	}

#register-text {
	text-align: left;
	font: 12px Verdana;
	color: black; /* --- Couleur texte S'enregistrer --- */
	background-color: #EEEEEE; /* --- Couleur fond texte S'enregistrer --- */
	}
	
#register-input {
	width: 95%;
	}
	
#register-textarea {
	width: 95%;
	height: 120px;
	}
	
#register-alert {
	text-align: left;
	font: 12px Verdana;
	color: red; /* --- Couleur alerte S'enregistrer --- */
	}
	
	
/* Contact */

#contact-main {
	width: 472px;
	float: left;
	padding-top: 16px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
#contact-titre {
	text-align: left;
	text-transform: uppercase;
	font: 15px Arial;
	color: #000000; /* --- Couleur titre Contact --- */
	letter-spacing: 0.3em;
	}

#contact-text {
	text-align: left;
	font: 12px Verdana;
	color: black; /* --- Couleur texte Contact --- */
	background-color: #EEEEEE; /* --- Couleur fond texte Contact --- */
	}
	
#contact-input {
	width: 95%;
	}
	
#contact-input-small {
	width: 60%; 
	}
	
#contact-textarea {
	width: 95%;
	height: 120px;
	}
	
#contact-alert {
	text-align: left;
	font: 12px Verdana;
	color: red; /* --- Couleur alerte Contact --- */
	}
	
	
/* Devis */

#devis-main {
	width: 472px;
	float: left;
	padding-top: 16px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
#devis-titre {
	text-align: left;
	text-transform: uppercase;
	font: 15px Arial;
	color: #000000; /* --- Couleur titre Devis --- */
	letter-spacing: 0.3em;
	}

#devis-text {
	text-align: left;
	font: 12px Verdana;
	color: black; /* --- Couleur texte Devis --- */
	background-color: #EEEEEE; /* --- Couleur texte fond Devis --- */
	}
	
#devis-input {
	width: 95%;
	}
	
#devis-input-small {
	width: 60%; 
	}
	
#devis-textarea {
	width: 95%;
	height: 120px;
	}
	
#devis-alert {
	text-align: left;
	font: 12px Verdana;
	color: red; /* --- Couleur alerte Devis --- */
	}
	
	
/* Client */

#client-fiche {
	width: 472px;
	text-align: justify;
	font: 11px Arial;
	color: #000000;
	background-image: url(media/pictures/result_fond.jpg);
	background-repeat: no-repeat;
	border: 1px solid #5c7099;
	}

#client-titre {
	width: 462px;
	padding: 6px;
	height: 24px;
	background-color: #5c7099;
	margin-top: 30px;
	}
	
#client-titre-supp {
	width: 462px;
	padding: 6px;
	height: 24px;
	background-color: #FF0000;
	margin-top: 30px;
	}
	
#client-titre-mod {
	width: 462px;
	padding: 6px;
	height: 24px;
	background-color: #ff9b3e;
	margin-top: 30px;
	}
	
#client-date {
	font: 13px Arial;
	color: #FFFFFF;
	letter-spacing: 1.2 px;
	}
	
#client-btn {
	width: 180px;
	text-align: right;
	}
	
	
/* Dico */

#dico-mot {
	background-color: yellow; /* --- Couleur souslignage police --- */
	color: red; /* --- Couleur police --- */
	cursor: default;
	font-weight: bold; /* --- Police Bold --- */
	}
	
.dico-definition {
	visibility: hidden; 
	position: absolute; 
	border: 1px #000000 solid;
	background-color: white;
	width: 368px;
	padding: 12px;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
	}