/* @charset "UTF-8"; */

/*


	MOBILHOMESPRO.COM
	Conception et developpement : Digikode / JN Thierry

	Feuille de style principale
	
*/


/*

##############################################################################################
	RESET & DIVERS 

*/

* {
 	margin:0; padding:0}

a {
	text-decoration: none}

img {
	border: 0}

ul, ol {
	list-style: none}

.cleaner {
	clear: both}

.orange {
	color: #dc5b14}


/*

##############################################################################################
	WRAPPER & BODY

*/

#wrapper {}

body {
	font:12px/1.35 Arial, Helvetica, sans-serif; 
	text-align: center}



/*

##############################################################################################
	PAGE 

*/

#page,
#page-bottom {
	position: relative;
	width: 1000px;
	text-align:left;
	margin:0 auto;
	padding: 0}
#page {
	min-height: 500px}



/*

##############################################################################################
	HEADER 

*/

#header-container {
	}

#header {
	position: relative;
	height: 215px;
	background: url(../images/header-background.jpg) 0 0 no-repeat;
	z-index: 10}


/*	############################################
	LOGO

*/

#logo {
	position: absolute;
	width: 292px;
	left: 0;
	top: 22px;
	text-indent: -9999px;
	z-index: 20}

#logo h4 a {
	display: block;
	width: 292px;
	height: 161px;
	background: url(../images/logo-mhpro.png) right top no-repeat;}


/*	############################################
	NAV : MENU PRINCIPAL

*/

#nav-container {
	position: absolute;
	right: 0;
	top: 81px;
	z-index: 100}

#nav-container .nav-left,
#nav-container .nav-right,
#nav-container .nav-content {
	height: 42px;
	float: left}

#nav-container .nav-left {
	width: 10px;
	background: url(../images/nav-background-left.png) 0 0 no-repeat}
#nav-container .nav-right {
	width: 10px;
	background: url(../images/nav-background-right.png) 0 0 no-repeat}
#nav-container .nav-content {
	background: url(../images/nav-background-repeat.png) 0 0 repeat-x}

#nav-container .nav-content li {
	float: left}

#nav-container .nav-content a {
	display: block;
	height: 26px;
	line-height: 26px;
	/* color: #7f7f7f; */
	color: #595959;
	font-size: 17px;
	padding-left: 8px;
	margin: 8px}
#nav-container .nav-content a span {
	font-size: 17px;
	padding-right: 10px}
#nav-container .nav-content a:hover,
#nav-container .nav-content a.active {
	color: #fff;
	background: url(../images/nav-highligth.png) left top no-repeat}
#nav-container .nav-content a:hover span,
#nav-container .nav-content a.active span {
	display: block;
	background: url(../images/nav-highligth.png) right top no-repeat}


/*	############################################
	LANG

*/

#language-switcher {
	position: absolute;
	right: 0;
	top: 22px;
	z-index: 100}

#language-switcher li {
	float: left}

#language-switcher a {
	display: block;
	width: 27px;
	height: 23px;
	text-indent: -9999px;
	background: url(../images/lang-fr-off.png);
	margin-left: 2px}

#language-switcher .fr a {
	background: url(../images/lang-fr-off.png)}
#language-switcher .fr a:hover,
#language-switcher .fr a.active {
	background: url(../images/lang-fr-on.png)}

#language-switcher .en a {
	background: url(../images/lang-en-off.png)}
#language-switcher .en a:hover,
#language-switcher .en a.active {
	background: url(../images/lang-en-on.png)}

#language-switcher .es a {
	background: url(../images/lang-es-off.png)}
#language-switcher .es a:hover,
#language-switcher .es a.active {
	background: url(../images/lang-es-on.png)}



/*

##############################################################################################
PAGER

*/

.pager-container {
	height: 29px;
	margin: 10px 0}

/*	
	NUMBER
*/

.number {
	width: 308px;
	height: 19px;
	color: #fff;
	font-size: 13px;
	font-style: italic;
	text-align: right;
	background: url(../images/number-background.png) 0 0 no-repeat;
	padding: 5px 0;
	float: left}
.number span {
	padding: 0 22px}

/*	
	PAGER
*/

.pager {
	/* color: #8e8e8e; */
	color: #595959;
	line-height: 29px;
	float: right;
	text-align: right}

.pager strong.on {
	color: #dd5c14;
	padding: 0 4px}

.pager a.lien_pagination {
	color: #595959;
	padding: 0 4px}
.pager a.lien_pagination:hover {
	color: #dd5c14}
.pager .separateur {
	color: #595959}






/*

##############################################################################################
COL MAIN

*/

#col-main {
	width: 750px;
	padding-bottom: 45px;
	float: left;
	overflow: auto}



/*	############################################
	Articles

*/

.article-cms .content {
	color: #7f7f7f;
	font-size: 12px}

/* 
	Intertitres 
*/

.article .content h1,
.article-cms .content h1 {
	color: #595959;
	font-size: 22px;
	margin-bottom: 20px}

.article-cms .content h3,
#contenuAideMemo h3 {
	color: #595959;
	font-size: 16px;
	margin: 15px 0;
	clear: both}

/* 
	Paragraphes, listes 
*/

.article .content p,
.article-cms .content p,
.article-cms .content ul,
.article-cms .content ol,
#contenuAideMemo p,
#contenuAideMemo ul,
#contenuAideMemo ol {
	padding: 0 30px;
	margin: 10px 0;
	overflow: auto}

.article-cms .content ul,
#contenuAideMemo ul {
	padding-left: 45px;
	list-style: disc;
	list-style-position: inside}
.article-cms .content ol,
#contenuAideMemo ol {
 	padding-left: 45px; 
	list-style: decimal;
	list-style-position: inside}

/* 
	Tables 
*/

.article-cms .content table {
	margin: 10px 0 10px 30px}
.article-cms .content table td {
	padding: 5px}


.article-cms .texteencadre-spip {}

/* Mise en évidence */

.evidence {
	width: 730px;
	height: 75px;
	background: url(../images/achat-vente-background.png) 0 0 no-repeat;
	padding: 10px;
	margin: 20px 0}
.evidence table {
	width: 730px;
	height: 75px;
	margin: 0 !important}
.evidence td {
	color: #828181;
	font-size: 24px;
	border: none;
	padding: 0 !important}
.evidence td span {
	color: #dc5b14}
.evidence a.spip_in {
	float: right}
.evidence a {
	display: block;
	width: 160px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: url(../images/achat-vente-btn.png) left top no-repeat}
.evidence a:hover {
	background: url(../images/achat-vente-btn.png) left bottom no-repeat}

.evidence .lien-image a {
	display: inline;
	background: none}

/* Liste de produits Terrasses */

.bandeau-terrasses {
	margin: 10px 0}

.liste-types-produits {
	color: #DC5B14;
	font-size: 16px;
	text-align: center;
	margin: 10px 0 20px 0}
.liste-types-produits strong {
	padding: 0 15px}
.liste-types-produits table {
	width: 100%;
	margin: 0 !important}
.liste-types-produits td {
	text-align: center}
.liste-types-produits ul {
	padding: 0 !important}
.liste-types-produits li {
	font-size: 14px}

td.logo-terrasses-anim {
	text-align: center}

/* 
	Contenus SEO 
*/

#seo-sommaire {
	line-height: 12px;
	color: #b3b0af;
	font-size: 11px;
	text-align: justify;
	margin: 25px 0}
#seo-sommaire p {
	margin: 7px 0}
#seo-sommaire a {
	color: #b3b0af;
	text-decoration: underline}


/*	############################################
	Moteur de recherche

*/

#search-container {
	position: absolute;
	left: 0;
	top: 174px;
	width: 750px;
	height: 41px;
	z-index: 1000}
#panelRecherchesTop {
	width: 730px;
	height: 41px;
	background: url(../images/search-background-repeat.png) 0 0 repeat-x;
	float: left}
#search-container .left,
#search-container .right {
	width: 10px;
	height: 41px;
	float: left}
#search-container .left {
	background: url(../images/search-background-left.png) left top no-repeat}
#search-container .right {
	background: url(../images/search-background-right.png) right top no-repeat}

#panelRecherchesTop .loupe {
	position: absolute;
	top: -8px;
	left: 20px;
	width: 24px;
	height: 40px;
	background: url(../images/search-loupe.png) 0 0 no-repeat;
	z-index: 1010}

#panelRecherchesTop .critere4,
#panelRecherchesTop .critere6 {
	display: none}

#panelRecherchesTop fieldset {
	border: none;
	padding-left: 70px}
#panelRecherchesTop legend {
	display: none}

#panelRecherchesTop li {
	float: left}
#panelRecherchesTop label {
	display: none}
#panelRecherchesTop select {
	width: 130px;
	margin: 12px 10px 0 0}

#btnRecherches {
	width: 100px;
	height: 25px;
	color: #595959;
	font-size: 11px;
	text-align: center;
	line-height: 25px;
	background: url(../images/search-btn.png) left top no-repeat;
	border: none;
	margin-top: 9px;
	cursor: pointer}



/*	############################################
	Product Grid (fiches MH résumées)

*/

.product-grid {
	overflow: auto;
	clear: both}

.product-grid li.product {
	width: 365px;
	background: url(../images/product-grid-background.png) bottom left no-repeat;
	padding-bottom: 6px;
	margin-bottom: 8px;
	float: left}
.product-grid li.product .content {
	width: 365px;
	background: url(../images/product-grid-background.png) top left no-repeat;
	padding-top: 6px}
.product-grid li.right {
	float: right}


.product-grid .image {
	width: 125px;
	height: 120px;
	padding: 0 5px 0 8px;
	float: left;
	overflow: hidden}

.product-grid .description {
	width: 220px;
	color: #000;
	line-height: normal;
	font-size: 11px;
	float: left;
	overflow: auto}
.product-grid h3 {
	width: 220px;
	color: #dd5c14;
	font-size: 16px;
	line-height: normal;
	margin-bottom: 2px;
	overflow: hidden}
.product-grid h3 a {
	color: #dd5c14;
	font-size: 13px}

.product-grid .description li {
	line-height: 15px}
	
.product-grid .label,
.ligne-photo-caract .label,
.info-complementaires .label {
	color: #7f7f7f;
	font-weight: normal}
.product-grid .label {
	font-size: 11px}


.product-grid .price,
.ligne-photo-caract .price {
	color: #dd5c14;
	font-weight: bold}

.product-grid .infopro,
.ligne-photo-caract .infopro,
.mentionRez {
	color: #ff0000}



/*	############################################
	Fiche détaillée

*/

#MHFicheDetaillee {}

#MHFicheDetaillee h1 {
	color: #dd5c14;
	font-size: 20px;
	line-height: 47px
	/* margin-bottom: 20px */}


/* 
	Layout 
*/

.ligne-photo-caract,
.ligne-vignettes-info {
	margin-bottom: 10px;
	overflow: auto}

.ligne-photo-caract .col1,
.ligne-vignettes-info .col1 {
	width: 497px;
	float: left}
.ligne-photo-caract .col2,
.ligne-vignettes-info .col2 {
	width: 245px;
	float: right}

.ligne-vignettes-info {}


/* 
	Photos 
*/

.photo-container {
	height: 373px}

.photo-container .photo-big {
	position: relative;
	width: 497px;
	height: 373px;
	float: left}

#chargementPhoto  {
	position:absolute;
	left:0;
	top:0;
	width:497px;
	z-index:11}

#photoPrecedente  {
	position:relative;
	width:497px;
	z-index:10}

#pictoChargement {
	display:none;
	position:absolute;
	width:497px;
	height:373px;
	left:0;
	top: 0;
	background: url(../images/loading.gif) center center no-repeat;
	overflow: hidden;
	z-index:12}


/* 
	Boutons "retour offres" + "ajouter au panier" 
*/

#retourOffres a {
	display: block;
	/* position: absolute; */
	right: 250px;
	top: 225px;
	width: 130px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: 11px;
	text-align: center;
	background: url(../images/retour-offres.png) 0 0 no-repeat}


/* 
	Liste caractéristiques 
*/

.ligne-photo-caract .intro-caract {
	height: 88px;
	margin: 8px 0 2px 0}
.ligne-photo-caract .intro-caract ul {
	padding-left: 15px}
.ligne-photo-caract .intro-caract li {
	line-height: 22px}


.ligne-photo-caract .bloc-caract ul {
	list-style: disc;
	padding-left: 20px}
.ligne-photo-caract .bloc-caract li {
	list-style: disc}
.ligne-photo-caract .bloc-caract {
	width: 231px;
	height: 112px;
	background: url(../images/col-caract-background.png) 0 0 no-repeat;
	padding: 4px 7px;
	margin-top: 6px;
	float: left}
#liste-caracteristiques .important {
	background: url(../images/col-caract-background-important.png) 0 0 no-repeat}


/* 
	Galerie 
*/

.vignettes {
	width: 373px;
	height: 80px;
	text-align: center}

.vignettes ul {
	width: 456px;
	padding-left: 20px}
.vignettes li {
	float: left;
	padding-right: 12px}
.vignettes li.last {
	padding-right: 0}

/* 
	Informations complémentaires 
*/

.info-complementaires {
	height: 80px;
	padding: 6px 15px;
	margin: 0;
	overflow: hidden}


/* 
	Formulaire 
*/

#formDemDev {
	margin: 10px 0}




/*

##############################################################################################
FORMULAIRES

*/

/* Communs à tous les formulaires */

.article form,
.article-cms form,
#formDemDev form,
oubli_form form {
	width: 650px;
	background: url(../images/form-background.png) top center no-repeat;
	padding: 10px 30px 0 30px}

.article fieldset,
.article-cms fieldset,
#formDemDev fieldset {
	background: url(../images/form-background.png) bottom center no-repeat;
	border: none;
	padding-bottom: 10px}

.article legend, 
.article-cms legend,
#formDemDev legend {
	display: none}

.article p, 
.article-cms p,
#formDemDev p {
	clear: both}

.article p label, 
.article-cms p label,
.radioBoutonsMultiLignes .intitRadBtn,
#formulaire_login li label,
#oubli_form li label,
#formDemDev p label,
.formulaire_inscription2 label {
	display: block;
	width: 180px;
	line-height: 20px;
	color: #7f7f7f;
	text-indent: 5px;
	margin-right: 10px;
	float: left} 

.article p input, 
.article-cms p input,
.article p textarea, 
.article-cms p textarea,
#formulaire_login li input,
#oubli_form li input,
#formDemDev p input,
#formDemDev p textarea,
.formulaire_inscription2 input,
.formulaire_inscription2 textarea {
	width: 398px;
	font-weight: normal;
	border: #d9d6d5 1px solid}
.article p input, 
.article-cms p input,
#formulaire_login li input,
#oubli_form li input,
#formDemDev p input,
.formulaire_inscription2 input {
	height: 18px;
	line-height: 18px}

/* Les lignes de boutons radio */

.radioBoutonsMultiLignes {
	height: 20px;
	padding: 0 30px;
	margin: 10px 0;
	clear: both;
	overflow: auto}
.colonneRadioBtn {
	width: 398px;
	float: left}

.radioBoutonsMultiLignes input,
.radioBoutonsMultiLignes label {
	display: inline}

.radioBoutonsMultiLignes input {
	border-width: thin;
	margin-right: 3px}
.colonneRadioBtn label {
	margin-right: 15px !important}

/* Séparateur */

.lesChamps hr {
	width: 590px;
	height: 1px;
	color: #bfbfbf;
	background-color: #8e8e8e;
	border: 0;
	margin: 20px 30px;
	clear: both}


/* Champs obligatoires */

p.champObligatoire {
	color: #ff0000;
	font-size: 11px;
	text-align: left !important;
	padding: 0 0 0 220px !important}
label .champObligatoire,
.intitRadBtn .champObligatoire {
	color: #ff0000;
	font-size: 12px;
	padding: 0}

/* Bouton Envoyer */

p.blocBtnEnvoyer {
	height: 25px}
#btnEnvoyer,
#formDemDev #btnEnvoyer,
#formulaire_login .boutons .submit,
#oubli_form .boutons .submit,
.formulaire_inscription2 submit,
.formulaire_inscription2 input.submit {
	display: block;
	width: 172px;
	height: 25px;
	line-height: 25px;
	color: #8e8e8e;
	font-size: 12px;
	text-align: center;
	background: url(../images/btn-generique.png) 0 0 no-repeat;
	border: none;
	float: right;
	cursor: pointer}

/* Erreurs formulaire */

p.formulaire_erreur,
.formulaire_login .reponse_formulaire_erreur {
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0}
label.labelErreur,
.radioBoutonsMultiLignes .labelErreur {
	background-color: #f7c2c2}

/* Message confirmant l'envoi des données */

.formulaire_ok,
.formulaire_oubli .reponse_formulaire_ok {
	width: 750px;
	height: 40px;
	color: #595959;
	font-size: 14px;
	text-align: center;
	background: url(../images/formulaire-ok-background.png) 0 0 no-repeat;
	padding: 20px 0 !important;
	margin: 20px 0 !important}




/*	############################################
	Formulaires DEMANDE DE DEVIS MH

*/

#formDemDev h4 {
	color: #595959;
	font-size: 16px;
	margin: 15px 0}

#formDemDev .lesChamps p {
	padding: 0 30px;
	margin: 10px 0}

#formDemDev p.blocBtnEnvoyer {
	margin: 10px 0;
	padding-right: 30px !important}

#formDemDev .formulaire_erreur {
	margin: 10px 0;
	padding: 0 30px}



/*	############################################
	Formulaires LOGIN, SPIP_PASS (oublie mot de passe)

*/

.formulaire_login {} /* Englobe tout le formulaire */

.formulaire_login,
#oubli_form {
	width: 650px;
	background: url(../images/form-background.png) top center no-repeat;
	padding: 10px 30px 0 30px}

#formulaire_login,
#oubli_form p.boutons {	 /* porté par la balise form */
	width: auto;
	background: url(../images/form-background.png) bottom center no-repeat;
	border: none;
	padding: 0 0 10px 0}
#oubli_form p.boutons {
	padding-right: 30px}
#formulaire_login fieldset,
#oubli_form fieldset {
	background: none;
	padding: 0}


#formulaire_login ul,
#oubli_form ul {
	list-style: none;
	padding: 0;
	margin: 0}
#formulaire_login li,
#oubli_form li {
	padding: 0 30px;
	margin: 10px 0}


#formulaire_login input {
	width: 378px !important;
	margin-right: 3px}

#formulaire_login .editer_password .details {
	display: block;
	padding-left: 190px;
	margin: 5px 0}
#formulaire_login .editer_password .details a {
	color: #dd5c14;
	font-size: 11px;
	text-decoration: underline;
	background: url(../images/login-triangle.png) right center no-repeat;
	padding-right: 10px}


.editer_session .choix {
	padding-left: 190px;
	overflow: hidden}

.editer_session #session_remember {
	width: auto !important;
	float: left}
.editer_session label {
	padding: 0}


#formulaire_login .boutons .submit,
#oubli_form .boutons .submit {
	width: 172px !important;
	float: right}


#formulaire_login span.erreur,
#oubli_form span.erreur {
	color: #ff0000}



/*	############################################
	Formulaires CREATION / MODIFICATION COMPTE

*/

.formulaire_inscription2 li {
	padding: 0 30px;
	margin: 10px 0;
	overflow: hidden !important}

.formulaire_inscription2 li {}

.info_connection,
.info_pro,
.info_perso {
	background: none !important}

.info_connection li,
.info_pro li,
.info_perso li {
	padding: 0 30px;
	margin: 10px 0;
	overflow: auto}

.formulaire_inscription2 textarea {
	height: 60px}

.formulaire_inscription2 p.boutons {
	height: 25px;
	background: url(../images/form-background.png) bottom center no-repeat;
	border: none;
	padding: 0 30px 10px 0}



/*

##############################################################################################
RÉSULTATS RECHERCHE

*/

.recherche-recap-container {
	width: 750px;
	background: url(../images/recherche-recap-background.png) left top no-repeat;
	padding-top: 10px;
	margin: 10px 0}
.recherche-recap {
	width: 730px;
	background: url(../images/recherche-recap-background.png) left bottom no-repeat;
	padding: 0 10px 10px 10px}

/* Bouton AIDE */

a.btn-aide {
	position: absolute;
	right: 260px;
	top: 232px;
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/btn-aide.png) 0 0 no-repeat;
	border: none;
	z-index: 1000}

#contenuAideMemo {
	text-align: left}
#contenuAideMemo h3 {
	margin-top: 0}
#contenuAideMemo p {
	padding: 0 15px}


/* La suite des définitions */

.recherche-recap h3 {}

.recherche-recap .recap-criteres {
	width: 500px;
	height: 32px}
.recherche-recap .recap-criteres li {
	width: 250px;
	color: #000;
	float: left}
.recherche-recap .recap-criteres li span {
	color: #7f7f7f}

.resultat_exact h3.number,
.resultat_approche h3.number {
	font-weight: normal;
	margin-top: 15px}

.resultat_exact h3.number strong,
.resultat_approche h3.number strong {
	padding-right: 7px} 

.resultat_exact .product-grid,
.resultat_approche .product-grid {
	margin: 10px 0 20px 0}

.resultat_exact .paginationProduits,
.resultat_approche .paginationProduits {
	color: #595959;
	margin-top: 15px}
.resultat_exact .paginationProduits strong,
.resultat_approche .paginationProduits strong {
	color: #DD5C14;
	padding: 0 4px}
.resultat_approche .paginationProduits .separateur {
	color: #595959}
.resultat_exact .paginationProduits a.lien_pagination,
.resultat_approche .paginationProduits a.lien_pagination {
	color: #595959;
	padding: 0 4px}

.rappel-criteres ul {
	margin: 5px 0}

.paginationProduits {
	line-height: 29px;
	padding-left: 25px;
	float: left}

.resultat_approche .rappel-criteres {
	width: 308px;
	overflow: auto;
	clear: both}
.resultat_approche .rappel-criteres ul {
	margin: 1px;
	float: right}
.resultat_approche .rappel-criteres li {
	color: #fff;
	font-weight: bold;
	background-color: #807e7e;
	padding: 1px 22px;
	margin: 1px 0 !important}
.resultat_approche .rappel-criteres li span {
	font-weight: normal}


.noresult .attention {
	color: #ff0000;
	margin: 15px 0}


/*

##############################################################################################
COL RIGHT

*/

#col-right {
	width: 225px;
	padding-top: 47px;
	float: right}

#login,
#pub-irm,
.pub-generique {
	width: 225px;
	margin-bottom: 25px}


/*	############################################
	Panel Abonnement + Bouton "mémoriser mes critères"

*/

#trouvetout-container {
	position: absolute;
	right: 0;
	top: 159px;
	width: 247px;
	height: 80px;
	background: url(../images/abo-background.png) 0 0 no-repeat;
	z-index: 1000}

#trouvetout-criteres-container fieldset,
#trouvetout-abo-container fieldset,
#trouvetout-memocriteres-container fieldset {
	border:none}

#rappel-critere .abo_memo,
#modif-abo .abo_memo,
#modif-criteres .abo_memo {
	text-align: center}

#rappel-critere button.submit,
#modif-abo button.submit,
#modif-criteres button.submit {
	width: 172px;
	height: 25px;
	color: #595959;
	font-size: 11px;
	text-align: center;
	line-height: 25px;
	background: url(../images/btn-generique.png) left top no-repeat;
	border: none;
	cursor: pointer}

#rappel-critere button.submit,
#modif-criteres button.submit {
	color: #DD5C14;
	font-weight: bold}


#trouvetout-criteres-container {
	padding-left: 22px;
	padding-top: 10px}
#rappel-critere {}

#rappel-critere p.formulaire_ok {
	position: absolute;
	top: 0;
	width: 215px !important;
	height: 70px;
	font-size: 11px;
	padding: 5px !important;
	margin: 0 !important}
#rappel-critere p.formulaire_ok a {
	color: #DD5C14}
#rappel-critere p.formulaire_ok br {
	display: none}


#trouvetout-abo-container {
	padding-left: 22px;
	padding-top: 10px}
#modif-abo {}

#modif-abo p.formulaire_ok {
	position: absolute;
	top: 0;
	width: 215px !important;
	height: 70px;
	font-size: 11px;
	padding: 5px !important;
	margin: 0 !important}
#modif-abo p.formulaire_ok a {
	color: #DD5C14}
#modif-abo p.formulaire_ok br {
	display: none}


#trouvetout-memocriteres-container {
	position: absolute;
	right: 260px;
	top: 262px}
#modif-criteres {}


.deco {
	display: none}





/*	############################################
	login

*/

#login,
#logout {
	background: url(../images/login-repeat.png) 0 0 repeat-y}
#login .top,
#logout .top {
	height: 10px;
	background: url(../images/login-top.png) 0 0 no-repeat}
#login .content,
#logout .content {
	padding: 0 10px}
#login .bottom,
#logout .bottom {
	height: 10px;
	background: url(../images/login-bottom.png) 0 0 no-repeat}

#login h5,
#logout .nomSession {
	color: #de5d15;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px}
#logout .nomSession {
	color: #595959;
	margin-bottom: 5px}

#login .accedez,
#login .pascompte {
	color: #615d5d;
	font-size: 11px;
	text-align: center;
	line-height: 13px;
	margin: 5px 0}

#login .connexion,
#logout .deconnexion {
	text-align: center;
	margin-left: 30px}
#login .connexion a,
#logout .deconnexion a {
	display: block;
	width: 140px;
	height: 25px;
	line-height: 27px;
	color: #de5d15;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/login-btn-connexion.png) 0 0 no-repeat}
#logout .deconnexion a {
	color: #595959;
	font-weight: normal}

#login .creerCompte,
#login .pasCompte,
#logout .modifierCompte {
	text-align: center;
	margin: 5px 0}
#logout .modifierCompte {
	}
#login .creerCompte a,
#logout .modifierCompte a {
	color: #dd5c14;
	font-size: 11px;
	text-decoration: underline;
	background: url(../images/login-triangle.png) right center no-repeat;
	padding-right: 10px}


/*	############################################
	pub-irm

*/

#pub-irm {}

#pub-irm {
	position: relative;
	width: 225px;
	height: 225px;
	margin-top: 30px;
	background: url(../images/pub-irm-background.png) 0 0 no-repeat}

#pub-irm ul,
#pub-irm li {
	margin: 0; padding: 0;
	list-style: none}

#pub-irm ul.pozPortefolioBlocPub {
	padding-top: 56px}


/*	############################################
	pub generique

*/

.pub-generique {
	height: 200px;
	background-color: #cfcfcf}







/*

##############################################################################################
PIED PAGE

*/

#footer {
	width: 1000px;
	height: 200px;
	background: url(../images/footer-bloc.png) 0 0 no-repeat;
	padding-top: 45px;
	overflow: auto;
	clear: both}

#footer .logo-gal {
	height: 56px;
	text-indent: -9999px;
	background: url(../images/footer-logo-gal.png) center center no-repeat}


#footer .links-container {
	margin-top: 15px}

#footer .links {
	text-align: center}
#footer .links li {
	display: inline;
	font-size: 10px}

#footer .links .cms-content a {
	color: #463031}

#footer .links li.credits,
#footer .links li.credits a {
	color: #969696}

#footer .links li a:hover {
	text-decoration: underline}