/* --------------------------------------------------
   DIKA Menuiseries
   www.dika-menuiseries.com
   
   Conception et Réalisation: Environnement.WEB
   www.environnementweb.com
   
   Tous droits réservés
--------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
}
body {
	font-size: 0.8em;
	font-family: Arial, Verdana, sans-serif;
	color: #004494;
	background: url(images/bandeau.jpg) repeat-x;
}
h1 {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 3px 0 15px;
}
h2 {
	font-size: 1em;
}
h3 {
	font-size: 1.2em;
}
a {
	color: #004494;
}
p {
	margin: 8px 0;
}
img {
	border: 0;
}
img, div { behavior: url(styles/iepngfix.htc) } /* pour corriger le défaut d'affichage des png transparents dans IE 6) */
li { 	list-style: none; }

fieldset {
	padding: 10px;
	margin: 5px;
	border: 1px solid #ddd;
}
legend {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.15em;
	padding: 0 8px;
}
.field {
	clear: both;
	margin: 6px 0;
}
.field-submit {
	margin-top: 4px;
	text-align: center;
}
.label {
	display: block;
	float: left;
	width: 120px;
	color: #777;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}



/* Structure globale */

#global {
	position: relative;
	width: 1047px;
	margin: 0 auto 10px;
}

#entete {
	position: relative;
	height: 171px;
	background: url(images/entete.png) no-repeat;
	z-index: 2;
}

#menu {
	position: absolute;
	top: 52px;
	left: 228px;
	z-index: 3;
}

#corps {
	position: relative;
	margin-top: -81px;
	padding: 0 24px 0 24px;
	background: #fff url(images/corps.jpg) repeat-y;
	z-index: 1;
}

#conteneur {
	padding-bottom: 50px;
	background: url(images/conteneur.jpg) bottom left repeat-x;
}

.contenu {
	padding: 111px 10px 30px 12px;
	height: 720px;
	font-size: 1em;
}

#pied {}

#signature {
	margin-bottom: 30px;
}




/* Entete */

#lien-logo {
	position: absolute;
	display: block;
	width: 189px;
	height: 123px;
	left: 26px;
	top: 24px;
}
#entete h1 {
	margin: 0;
}
#entete p {
	margin: 0;
	padding: 10px 0 0 278px;
	color: #9ac8fe;
	font-size: 0.92em;
}
#entete p strong {
	font-weight: normal
}
#boite-client {
	position: absolute;
	right: 24px;
	bottom: 2px;
	width: 195px;
	padding: 8px 8px 4px;
	text-align: right;
	background: url(images/boite-client.png) top right repeat-x;
}
#boite-client p {
	padding: 0;
	color: #013a7d;
}
#boite-client a {
	color: #aaa;
	text-decoration: none;
	font-size: .9em;
}
#boite-client a:hover {
	color: #666;
}

#menu-client {
	position: absolute;
	right: 240px;
	bottom: 2px;
	width: 195px;
	padding: 8px 8px 4px;
	background: url(images/boite-client.png) top right repeat-x;
	text-align: center;
}
#menu-client li { display: inline; padding: 0 8px; }
#menu-client li#onglet-actus, #menu-client li#onglet-commandes { border-right: 1px solid #004494; }
#menu-client a { padding: 4px 8px 4px; text-decoration: none }
#menu-client a:hover { color: #333 }

#menu-client.suivi-actif {
	width: 290px;
	background-image: url(images/boite-client-3onglets.png)
}






/* Menu */

#menu li {
	float: left;
	width: 131px;
	height: 36px;
	margin-right: 5px;
}
#menu li a {
	display: block;
	width: 131px;
	height: 36px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 0.92em;
	line-height: 37px;
	background: url(images/onglet-menu.jpg) 0 0 no-repeat;
}
#menu li a:hover {
	color: #ffdd0e;
	background-position: 0 -36px;
}

#menu .ss-menu {
	display: none;
}
#menu .ss-menu li {
	height: auto;
}
#menu .ss-menu li a {
	margin: 0 1px;
	width: 123px;
	text-transform: none;
	height: auto;
	line-height: 13px;
	padding: 4px 3px;
	background: #003676 url(images/sous-menu.png) 35px 0 no-repeat;
}
#menu .ss-menu li a:hover {
	background: #0061d2 url(images/sous-menu.png) -163px 0 no-repeat;
}



/* Corps - Conteneur - Contenu */

#colonne-gauche {
	position: relative;
	float: left;
	width: 646px;
	padding: 5px;
}
#colonne-droite {
	float: right;
	width: 315px;
}
#colonne-unique {
	padding: 5px;
}
.bloc {
	position: relative;
	display: block;
	width: 315px;
	height: 212px;
	margin-bottom: 9px;
	font-size: 0.92em;
}
.bloc h3 {
	display: none;
}
.bloc .savoir-plus {
	text-align: right;
	margin: 0 10px 0 0;
}
.bloc .savoir-plus a {
	color: #e2001a;
	text-decoration: none;
}

#localisation-showroom {
	position: absolute;
	display: block;
	width: 315px;
	height: 212px;
	top: 0;
	left: 0;
}
#localisation-showroom span {
	display: none;
}


/* Pied */






/* Signature */

#signature {
	height: 20px;
}
#signature p {
	float: left;
	width: 300px;
	margin-left: 24px;
	font-size: 0.92em;
}
#signature p a {
	color: #b5b5b5;
	text-decoration: none;
}
#signature p a strong {
	color: #7c7c7c;
}
#signature p a:hover {
	color: #7c7c7c;
}
#signature p a:hover strong {
	color: #3a3a3a;
}
#signature .en-plus {
	float: right;
	margin-right: 24px;
	text-align: right;
	color: #b5b5b5;
}










/* Accueil */

#contenu-accueil {
	background: url(images/contenu-accueil.jpg) no-repeat;
}

#menu-produits {
	width: 635px;
	height: 350px;
}

#doublon-menu li {
	float: left;
	width: 208px;
	text-align: center;
	line-height: 250%;
	font-size: 1.1em;
}
#doublon-menu li a {
	text-decoration: none;
	font-variant: small-caps;
}
#doublon-menu li a:hover {
	font-weight: bold;
}

#show-room {
	background: url(images/show-room.png) no-repeat;
}
#show-room p.annonce {
	padding: 180px 5px 5px 5px;
	margin: 0;
	color: #fff;
	text-align: center;
}

#credit-impot {
	background: url(images/credit-impot.png) no-repeat;
	margin-bottom: 10px;
}
#credit-impot p.annonce {
	padding: 148px 10px 5px 14px;
	margin-bottom: 0;
}

#normes-labels {
	background: url(images/normes-labels.png) no-repeat;
}
#normes-labels p.annonce {
	padding: 128px 10px 5px 14px;
	margin-bottom: 0;
}



/* Fenêtres aluminium */

#contenu-produits {
	background: url(images/contenu-portes-fenetres-pvc.jpg) no-repeat;
}
#contenu-produits #liste-produits {
	margin: 130px 0 20px 30px;
}
#contenu-produits #liste-produits li {
	float: left;
	width: 136px;
	height: 158px;
	margin: 0 14px 12px 0;
	text-align: center;
}
#contenu-produits #liste-produits li.vide {
	width: 204px;
}
#contenu-produits #liste-produits li a.img-produit {
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid #ffdd0e;
	margin: 0 auto 4px;
}
#contenu-produits #liste-produits li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.84em;
}
.btn-gamme-alu {
	float: left;
	display: block;
	margin: 0 12px 15px 0;
}


/* Fenêtres et portes-fenêtres PVC */

#contenu-gamme-pvc {
	background: url(images/contenu-portes-fenetres-pvc.jpg) no-repeat;
}
#contenu-gamme-pvc #colonne-gauche {
	padding: 5px 15px 5px 18px;
	width: 623px;
}

.btn-gamme-pvc {
	float: left;
	display: block;
	margin: 0 12px 15px 0;
}

#contenu-portes-fenetres-pvc {
	background: url(images/contenu-portes-fenetres-pvc.jpg) no-repeat;
}
#contenu-portes-fenetres-pvc #p1 {
	font-size: 0.9em;
	text-align: justify;
	margin-top: -4px;
	line-height: 120%;
}
#contenu-portes-fenetres-pvc #separateur {
	position: absolute;
	top: 110px;
	left: 260px;
}
#contenu-portes-fenetres-pvc #bloc1 {
	float: left;
	width: 306px;
	text-align: center;
}
#contenu-portes-fenetres-pvc #bloc2 {
	float: right;
	width: 306px;
	text-align: center;
}
#contenu-portes-fenetres-pvc #p2,
#contenu-portes-fenetres-pvc #p4 {
	font-size: 1.1em;
	margin-bottom: 3px;
}
#contenu-portes-fenetres-pvc #img1,
#contenu-portes-fenetres-pvc #img3 {
	margin-bottom: 10px;
}
#contenu-portes-fenetres-pvc #p3,
#contenu-portes-fenetres-pvc #p5 {
	text-align: left;
}
#contenu-portes-fenetres-pvc li {
	list-style-position: inside;
	list-style-type: square;
	font-size: 0.82em;
	text-align: justify;
}
#contenu-portes-fenetres-pvc #ul2 {
	margin-bottom: 30px;
}


#contenu-portes-fenetres-pvc-softline {
	background: url(images/contenu-portes-fenetres-pvc.jpg) no-repeat;
}
#contenu-portes-fenetres-pvc-softline #colonne-gauche {
	padding: 5px 15px 5px 18px;
	width: 623px;
}
/*
#contenu-portes-fenetres-pvc-softline li {
	list-style-position: inside;
	list-style-type: square;
	text-align: justify;
}
#contenu-portes-fenetres-pvc-softline #img1 {
	margin: 25px;
}
#contenu-portes-fenetres-pvc-softline #img2 {
	margin: 25px;
}
*/
#titre-softline { text-transform: none; width: 545px; }
#titre-softline strong { font-size: 1.6em; letter-spacing: -1px; }
#contenu-portes-fenetres-pvc-softline #img1 {
	float: left;
	margin-bottom: 20px;
}
#contenu-portes-fenetres-pvc-softline #img2,
#contenu-portes-fenetres-pvc-softline #img3,
#contenu-portes-fenetres-pvc-softline #img4 {
	float: right;
	margin: 0 0 20px;
}
#contenu-portes-fenetres-pvc-softline #img5 {
	clear: both;
}


/* Gammes aluminium */

#contenu-gammes-alu {
	background: url(images/contenu-fenetres-alu.jpg) no-repeat;
}
#contenu-gammes-alu #colonne-gauche {
	padding: 5px 15px 5px 18px;
	width: 623px;
}
#contenu-gammes-alu #p1 {
	text-align: center;
	margin-bottom: 14px;
}
#contenu-gammes-alu #img1 {
	float: left;
	width: 307px;
	height: 249px;
	margin-right: 40px;
}
#contenu-gammes-alu #p2 {
	line-height: 30px;
}
#contenu-gammes-alu #img2 {
	margin-left: 50px;
}
#contenu-gammes-alu #bloc1 {
	height: 306px;
	width: 620px;
	background: url(../images/fenetres-alu-3.png) no-repeat;
}
#contenu-gammes-alu #bloc1 h2 {
	padding-top: 138px;
	width: 352px;
}
#contenu-gammes-alu #bloc1 p {
	width: 340px;
}
#contenu-gammes-alu #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Coulissants aluminium */

#retour-alu {
	float: right;
	display: block;
	width: 75px;
	height: 26px;
	line-height: 26px;
	background: url(images/retour.png) no-repeat;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #628f7f;
}
#retour-alu:hover {
	color: #0061d2;
	background-position: 0 -26px;
}

#contenu-coulissants-alu {
	background: url(images/contenu-fenetres-alu.jpg) no-repeat;
}
#col-galandage {
	float: right;
	width: 260px;
	margin-left: 20px;
}
#disque-credit-impot {
	float: right;
	display: block;
	width: 100px;
	margin-left: 25px;
}
#contenu-coulissants-alu h3 {
	margin: 35px 0 10px;
	font-size: 1em;
	color: #c42a1e;
	text-align: center;
}
#contenu-coulissants-alu h4 {
	font-size: 1em;
	color: #222255;
}
#contenu-coulissants-alu #img-labels {
	margin: 35px 10px 10px 35px;
}
#contenu-coulissants-alu #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}
#macaron-schuco {
	float: right;
	display: block;
	width: 100px;
	margin-left: 25px;
}



/* Fenêtres aluminium */

#contenu-fenetres-alu {
	background: url(images/contenu-fenetres-alu.jpg) no-repeat;
}
#contenu-fenetres-alu h3 {
	margin: 35px 0 10px;
	font-size: 1em;
	color: #c42a1e;
	text-align: center;
}
#contenu-fenetres-alu h4 {
	font-size: 1em;
	color: #222255;
}
#contenu-fenetres-alu #img-labels {
	margin: 15px 10px 10px 35px;
}
#contenu-fenetres-alu #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Portes d'entrée aluminium */

#contenu-portes-alu {
	background: url(images/contenu-fenetres-alu.jpg) no-repeat;
}
#contenu-portes-alu h3 {
	margin: 35px 0 10px;
	font-size: 1em;
	color: #c42a1e;
	text-align: center;
}
#contenu-portes-alu h4 {
	font-size: 1em;
	color: #222255;
}
#contenu-portes-alu #img-labels {
	margin: 15px 10px 10px 35px;
}
#contenu-portes-alu strong {
	color: #222255;
}
#contenu-portes-alu li {
	list-style-position: inside;
	list-style-type: square;
	text-align: justify;
	margin-bottom: 8px;
}
#contenu-portes-alu #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Menuiseries bois et mixtes */

#contenu-menuiseries-bois-mixtes {
	background: url(images/contenu-portes-fenetres-pvc.jpg) no-repeat;
}
#menuiseries-bois {
	float: left;
	width: 313px;
}
#menuiseries-mixtes {
	float: right;
	width: 313px;
}
#contenu-menuiseries-bois-mixtes #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Garde-corps */

#contenu-garde-corps {
	background: url(images/contenu-garde-corps.jpg) no-repeat;
	font-weight: bold;
}
#contenu-garde-corps h1 {
	text-transform: none;
}
#contenu-garde-corps #img1 {
	float: right;
	padding-right: 6px;
	margin-left: 10px;
	margin-bottom: 15px;
}
#contenu-garde-corps #p1,
#contenu-garde-corps #p2,
#contenu-garde-corps #p3,
#contenu-garde-corps #p4,
#contenu-garde-corps ul {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 0.9em;
	text-align: justify;
}
#contenu-garde-corps #p1 {
	margin-bottom: 14px;
}
#contenu-garde-corps li {
	list-style-position: inside;
	list-style-type: square;
	margin-bottom: 8px;
}
#contenu-garde-corps #p3 {
	margin-top: 20px;
}
#contenu-garde-corps #logo-schuco {
	width: 177px;
	margin: 30px 0 56px 234px;
}
#contenu-garde-corps #img2 {
	margin: 0 16px;
}
#contenu-garde-corps strong {
	color: #fff;
	font-size: 1.2em;
}
#contenu-garde-corps #img3 {
	margin: 10px;
	float: right;
}
#contenu-garde-corps #p4 {
	margin-top: 45px;
}
#contenu-garde-corps #img4 {
	margin-left: 40px;
}
#contenu-garde-corps #p5 {
	margin: 10px;
	float: right;
}
.modele-gc {
	display: block;
	margin-bottom: 15px;
	border: 1px solid #004494;
}
#modeles-g {
	float: left;
	width: 312px;
	text-align: center;
}
#modeles-d {
	float: right;
	width: 312px;
	text-align: center;
}
#contenu-garde-corps #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Volets roulants */

#contenu-volets-roulants {
	background: url(images/contenu-portes-fenetres-pvc.jpg) no-repeat;
}
#contenu-volets-roulants #p1 {
	margin-left: 8px;
}
#contenu-volets-roulants img {
	margin: 8px 0 0 8px;
}
#contenu-volets-roulants #p2 {
	position: absolute;
	top: 584px;
	right: 14px;
}
#contenu-volets-roulants #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Portes d'entrée */

#contenu-portes-entree {
	background: url(images/contenu-portes-fenetres-pvc.jpg) no-repeat;
}
#contenu-portes-entree img {
	margin: -17px 0 0 8px;
}
#contenu-portes-entree #p1 {
	position: absolute;
	top: 42px;
	left: 250px;
	margin-left: 8px;
}
#contenu-portes-entree #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Stores */

#contenu-stores {
	background: url(images/contenu-stores.jpg) no-repeat;
}
#contenu-stores h1 {
	text-align: left;
	margin-left: 10px;
}
#contenu-stores img {
	margin: -50px 0 0 20px;
}
#contenu-stores #p1 {
	width: 348px;
	margin: 18px 0 8px 10px;
}
#contenu-stores #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Fermetures */

#contenu-fermetures {
	background: url(images/contenu-fermetures.jpg) no-repeat;
}
#contenu-fermetures h1 {
	margin-left: 10px;
	text-align: left;
	text-transform: none;
}
#contenu-fermetures #p1 {
	margin: 16px 0 16px 10px;
	font-size: 1.2em;
}
#contenu-fermetures #p2 {
	margin-left: 10px;
	margin-bottom: 52px;
}
#contenu-fermetures img {
	margin-left: 8px;
}
#contenu-fermetures #normes-labels {
	background-image : url(images/normes-labels-produits.png);
}



/* Réalisations */

#galerie-rea {
	margin-left: 20px;
}
.vignette-rea {
	float: left;
	display: block;
	width: 180px;
	height: 180px;
	margin-right: 23px;
	margin-bottom: 23px;
	border: 1px solid #004494;
}
.vignette-rea.last {
	margin-right: 0;
}
#pagination {
	float: right;
}
#pagination ul {
	margin-right: 32px;
}
#pagination li {
	list-style: none;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 3px;
}
#pagination li a {
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border: 1px solid #004494;
}
#pagination li a.actif {
	font-weight: bold;
	color: #fff;
	background: #004494;
}



/* Crédit d'impot */

#contenu-impot {
	background: url(images/contenu-stores.jpg) no-repeat;
}
#contenu-impot table {
	border-collapse: collapse;
}
#contenu-impot th {
	text-align: left;
	font-weight: bold;
	line-height: 110%;
	font-size: .9em;
	border: 2px solid #004494;
	padding: 4px;
	background: #fff url(images/th.png) bottom left repeat-x;
}
#contenu-impot td {
	border: 2px solid #004494;
	padding: 2px 4px;
}
.precisions {
	font-size: .82em;
	color: #555;
	margin-left: 20px;
}



/* Contact */

#contenu-contact {
	background: url(images/contenu-accueil.jpg) no-repeat;
}
#coordonnees {
	padding: 10px;
	width: 295px;
	height: 192px;
	background: url(images/bloc-defaut.png);
}
#coordonnees h3 {
	display: block;
}
#recrutement {
	padding: 10px;
	width: 295px;
	height: 192px;
	background: url(images/recrutement.png);
}
#recrutement h3 {
	display: block;
}
#recrutement a {
	position: absolute;
	width: 315px;
	height: 212px;
	top: 0;
	left: 0;
	text-decoration: none;
	text-align: right;
	color: #e2001a;
}
#recrutement a span {
	position: absolute;
	top: 191px;
	right: 15px;
}
#localisation {
	padding: 10px;
	width: 295px;
	height: 192px;
	background: url(images/localisation.png);
}
#localisation h3 {
	display: block;
}
#localisation a {
	position: absolute;
	width: 315px;
	height: 212px;
	top: 0;
	left: 0;
	text-decoration: none;
	text-align: right;
	color: #e2001a;
}
#localisation a span {
	position: absolute;
	top: 191px;
	right: 15px;
}
#contenu-contact fieldset {
	clear: both;
	padding-top: 20px;
	margin-top: 0;
	border: 2px solid #fff;
	background: #fff url(images/fieldset.png) top left repeat-x;
}
#contenu-contact .field .label {
	color: #333;
	margin-right: 10px;
	font-weight: bold;
	width: 140px;
}
#contenu-contact .field .input {
	width: 400px;
	padding: 2px;
	color: #004fac;
	border: 1px solid #ddd;
}
#contenu-contact label.label-erreur {
	color: #7f0000;
}
#contenu-contact .field .input-erreur {
	border-color: #c18282;
	background: #ffdfdf;
}
#contenu-contact .chkbx {
	vertical-align: middle;
	width: 14px;
} 
#contenu-contact .field .label-chkbox {
	font-weight: normal;
	
}
#selection-type {
	margin: 5px 5px 0;
	height: 53px;
}
#selection-type input {
	margin-right: 15px;
	vertical-align: middle;
}
#btn-particulier {
	float: left;
	display: block;
	width: 318px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	background: url(images/btn-particulier-artisan.png) -318px 0 no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
}
#btn-artisan {
	float: left;
	display: block;
	width: 318px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	background: url(images/btn-particulier-artisan.png) -318px 0 no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
}
#btn-particulier.actif,
#btn-artisan.actif {
	background-position: 0 0;
}
#btn-particulier:hover,
#btn-artisan:hover {
	background-position: 0 0;
}
#cryptogram {
	display: block;
	float: left;
	margin-right: 10px;
}
#contenu-contact .field #form-code {
	width: 165px;
	padding: 9px 5px 8px;
	text-align: center;
	letter-spacing: 5px;
}
#label-produits {
	height: 60px;
}
.couple-checkbox {
	float: left;
	width: 140px;
}
.couple-checkbox.mini {
	width: 120px;
}
.couple-checkbox.maxi {
	width: 180px;
}
.couple-checkbox.giga {
	width: 320px;
}
.champs-obligatoires {
	margin: 4px 6px;
	color: #555;
	font-size: .9em;
}
.avertissement-cnil {
	font-size: .8em;
	line-height: 110%;
	margin: 2px 6px 8px;
}
#btn-submit {
	margin: -20px 0 38px 235px;
	width: 124px;
	height: 37px;
	background: url(images/btn-submit.png) no-repeat;
	border: none;
	cursor: pointer;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}
#contenu-contact #confirm-form,
#contenu-contact #erreur-form {
	position: absolute;
	width: 645px;
	height: 605px;
	background: url(images/calque-message.png);
}
#contenu-contact #confirm-form #message,
#contenu-contact #erreur-form #message {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -250px;
	width: 500px;
	height: 100px;
	background: #fff;
	border: 2px solid #888;
	text-align: center;
}
#contenu-contact #confirm-form #message #fermer-message,
#contenu-contact #erreur-form #message #fermer-message {
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -25px;
	height: 30px;
	width: 50px;
	line-height: 30px;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(images/fermer-message.png) no-repeat;
}
#contenu-contact #confirm-form #decor-message {
	margin: -2px;
	width: 494px;
	height: 94px;
	padding: 5px;
	background: url(images/decor-confirmation.png) no-repeat;
}
#contenu-contact #confirm-form #message {
	color: #48870c;
}
#contenu-contact #erreur-form #decor-message {
	margin: -2px;
	width: 494px;
	height: 94px;
	padding: 5px;
	background: url(images/decor-erreur.png) no-repeat;
}
#contenu-contact #erreur-form #message {
	color: #d11b1b;
}



/* Espace client */

#contenu-client {
	background: url(images/contenu-garde-corps.jpg) no-repeat;
}
#contenu-actualites {
	background: url(images/contenu-actualites.jpg) no-repeat;
}
#contenu-commandes,
#contenu-documents {
	min-height: 360px;
	height: auto;
	background: #fff;
}
#identification-clients {
	width: 300px;
	margin: 60px auto 20px auto;
	background: #fff;
	padding: 10px 15px;
}
#identification-clients fieldset {
	margin: 5px 0;
}
.erreur-connexion {
	text-align: center;
	padding: 10px;
}
#inscription-professionnels {
	margin: 14px 0 0;
}
#inscription-professionnels a {
	text-decoration: none;
	color: #777;
}
#inscription-professionnels a:hover {
	color: #004494;
}
#inscription-clients {
	
}
#inscription-clients fieldset {
	clear: both;
	padding-top: 20px;
	margin-top: 0;
	border: 2px solid #fff;
	background: #fff url(images/fieldset.png) top left repeat-x;
}
#inscription-clients .field .label {
	color: #333;
	margin-right: 10px;
	font-weight: bold;
	width: 140px;
}
#inscription-clients .field .input {
	width: 400px;
	padding: 2px;
	color: #004fac;
	border: 1px solid #ddd;
}
#inscription-clients label.label-erreur {
	color: #7f0000;
}
#inscription-clients .field .input-erreur {
	border-color: #c18282;
	background: #ffdfdf;
}
#inscription-clients .field #form-code {
	width: 165px;
	padding: 9px 5px 8px;
	text-align: center;
	letter-spacing: 5px;
}
#inscription-clients #confirm-form,
#inscription-clients #erreur-form {
	position: absolute;
	width: 645px;
	height: 605px;
	background: url(images/calque-message.png);
}
#inscription-clients #confirm-form #message,
#inscription-clients #erreur-form #message {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -250px;
	width: 500px;
	height: 100px;
	background: #fff;
	border: 2px solid #888;
	text-align: center;
}
#inscription-clients #confirm-form #message #fermer-message,
#inscription-clients #erreur-form #message #fermer-message {
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -25px;
	height: 30px;
	width: 50px;
	line-height: 30px;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(images/fermer-message.png) no-repeat;
}
#inscription-clients #confirm-form #decor-message {
	margin: -2px;
	width: 494px;
	height: 94px;
	padding: 5px;
	background: url(images/decor-confirmation.png) no-repeat;
}
#inscription-clients #confirm-form #message {
	color: #48870c;
}
#inscription-clients #erreur-form #decor-message {
	margin: -2px;
	width: 494px;
	height: 94px;
	padding: 5px;
	background: url(images/decor-erreur.png) no-repeat;
}
#inscription-clients #erreur-form #message {
	color: #d11b1b;
}
.erreur-inscription {
	margin: 10px 5px;
	padding: 10px;
	text-align: center;
	background: #fff;
	color: #d11b1b;
}
.confirmation-inscription {
	margin: 10px 5px;
	padding: 10px;
	text-align: center;
	background: #fff;
}
#menu-documents {
	padding-left: 20px;
	height: 13px;
	border-bottom: 1px solid #004494;
	margin-top: 30px;
	margin-bottom: 30px;
}
#menu-documents li {
	float: left;
	margin-right: 10px;
}
#menu-documents li a {
	padding: 8px 5px;
	background: #e3f2f9;
	border: 1px solid #004494;
	text-decoration: none;
}
#menu-documents li a:hover {
	background: #ffdd0e;
}
#menu-documents li.actif a {
	background: #ffdd0e;
	font-weight: bold;
}

#deplier-replier {
	text-align: right;
}
#tout-deplier {
	margin-right: 10px;
}
.colonne-docs {
	float: left;
	width: 308px;
	margin: 0 19px 19px 0;
}
#colonne-3 {
	margin-right: 0;
}
.rubrique-niveau1 {
	border: 1px solid  #004494;
	background: #e3f2f9;
	margin-bottom: 10px;
}
.rubrique-niveau1 h2 {
	background: #004494 url(images/plus.png) 288px 5px no-repeat;
	color: #fff;
	padding: 4px 20px 4px 4px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
}
.documents {
	margin: 5px;
}
.documents h3 {
	font-size: 1em;
}
.documents li {
	margin-bottom: 3px;
}
.documents ul .doc {
	padding-left: 8px;
}
.documents .doc a {
	text-decoration: none;
}
.documents .doc a:hover {
	text-decoration: underline;
}

.actu {
	position: relative;
	clear: left;
	border-bottom: 2px solid #004494;
	padding: 5px 5px 0;
	height: 108px;
	margin-bottom: 5px;
}
.actu h2,
.actu-complete h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 4px;
}
.actu h2 a {
	text-decoration: none;
}
.actu h2 a:hover {
	text-decoration: underline;
}
.actu p.date,
.actu-complete p.date {
	color: #0f88ff;
	margin: 0px 0 0;
	font-size: .9em;
}
.actu p,
.actu-complete p {
	margin-top: 4px;
}
.actu-complete {
	padding: 5px 5px 0;
	height: 590px;
	overflow: auto;
}
.images {
	float: left;
	width: 160px;
	margin: 8px 15px 7px 0;
	text-align: right;
}
.img-actu {
	display: block;
	margin: 0 0 8px;
}
.img-actu img {
	max-width: 160px;
}
.thumb-actu {
	float: left;
	display: block; 
	width: 100px;
	height: 100px;
	margin: 0 15px 7px 0;
	text-align: right;
}
.thumb-actu img {
	max-width: 100px;
	max-height: 100px;
}
.doc-actu {
	float: right;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	background: #fff url(images/document.png) 2px 2px no-repeat;
	border: 1px solid #0f88ff;
}
.doc-actu:hover {
	border-color: #004494;
	color: #0f88ff;
}
.en-savoir-plus {
	position: absolute;
	bottom: 2px;
	right: 0;
}
.en-savoir-plus a {
	text-decoration: none;
	border: 1px solid #004494;
	background: #e9e9e9;
	padding: 2px 5px;
}
.en-savoir-plus a:hover {
	background: #ffdd0e;
}
#retour-actu {
	margin-top: 20px;
}
#retour-actu a {
	text-decoration: none;
	border: 1px solid #004494;
	background: #e9e9e9;
	padding: 2px 5px;
}
#retour-actu a:hover {
	background: #ffdd0e;
}

#telechargement-adjustem {
	margin-top: 20px;
	text-align: center;
}
#telechargement-adjustem a {
	padding: 5px 10px;
	font-size: 1.4em;
	text-decoration: none;
	background: #ffdd0e;
	border: 2px solid #004494;
}

#boite-suivi { height: 615px; overflow: auto; }

.avertissement-commandes-attente {
	margin: 10px 0;
	padding: 10px 10px 10px 70px;
	font-size: 1.2em;
	font-weight: bold;
	color: #9a1f1f;
	background: #fbfbfb url(images/avertissement.png) 10px center no-repeat;
	border: 1px solid #d3d3d3;
}

#tableau-commandes { border-collapse: collapse; }
#tableau-commandes th { background: #004494; color: #fff; font-size: .9em; border: 1px solid #004494; padding: 3px; }
#tableau-commandes th a { display: block; color: #fff; text-decoration: none; padding-right: 16px; background: url(images/tri.png) right center no-repeat; }
#tableau-commandes th a:hover { color: #ffdd0e; }
#tableau-commandes td { background: #e3f2f9; border: 1px solid #004494; text-align: center; padding: 1px; font-size: .9em; }
#tableau-commandes .attente td { background: #ff6b0f; }
#tableau-commandes .delai-inconnu td { background: #ffdd0e; }

#btn-imprimer { margin-top: 10px; text-align: right; }
#btn-imprimer a { background: #004494; color: #fff; text-decoration: none; padding: 2px 8px; }

.titre-legende { text-decoration: underline; font-style: italic; margin: 15px 0 0; }
.tableau-legende { border-collapse: collapse; font-size: .9em; width: 100%; margin-bottom: 8px; }
.tableau-legende td { padding: 5px ; border-collapse: collapse; vertical-align: top; }
.tableau-legende p { margin: 2px; font-weight: bold; }
.tableau-legende li { list-style: square inside; margin-left: 5px; }

.carre-legende { float: left; display: block; width: 50px; height: 20px; margin: -2px 10px 0 0; border: 1px solid #004494; }
#legende-confirmation { background: #ff6b0f; }
#legende-delai { background: #ffdd0e; }



/* En construction */

#en-construction {
	margin: 150px -4px 0 -5px;
	padding: 17px 30px;
	background: url(images/construction.jpg) repeat-x;
}
#en-construction h2 {
	color: #e2001a;
	font-size: 1.2em;
}




/* Temporaire */

#annonce-artibat { background: url(images/artibat-2010.png) no-repeat; }