/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	width:auto;
	margin:0 auto;
	/*background:#636565 url(../img/background-body.png) repeat-y center top fixed;*/
	background-color: #2e2a29;
}
body.home {
	background-image:none;
	background-color:#2e2a29;
}
.valide {
	padding:1px 0 0 20px;
	background:transparent url(../img/tick.png) no-repeat 0 0;
}
.erreur {
	padding:1px 0 0 20px;
	background:transparent url(../img/cross.png) no-repeat 0 0;
}
.information {
	padding:2px 0 0 20px;
	background:transparent url(../img/information.png) no-repeat 0 0;
}
.pdf {
	padding:2px 0 0 20px;
	background:transparent url(../img/pdf.png) no-repeat 0 0;
}
.date {
	padding:2px 0 0 20px;
	background:transparent url(../img/date.png) no-repeat 0 0;
}
.repondre {
	padding:2px 25px 0 0;
	background:transparent url(../img/page-edit.png) no-repeat right 0;
}
h1 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}
h2 {
	font-size:10px;
}
a {
	color:#fff; /*f66*/
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
ul {
	list-style:none;
}
img {
	border:none;
	margin-right:10px;
}
table {
	width:99%;
	height:auto;
	margin-left:1px;
	border:0;
}
table, tr, th, td {
	text-align:center;
}
table.border, table.border tr, table.border th, table.border td {
	border:1px solid #666;
	border-collapse:collapse;
}
th, td {
	padding:2px;
	text-align: center;
	vertical-align: top;
}
#top #centre #contenu th p,
#top #centre #contenu td p,
#top #centre #contenu td img,
#top #centre #contenu th img{
	margin: 0;
	text-align: center;
}
#site {
	width:992px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	padding:0 12px 0 12px;
}
#conteneur {
	width:992px;
	height:100%;
}
#top {
	width:auto;
	position:relative;
	margin:0 auto;
	padding:15px;
}
#top #js {
	display:none;
}
#top #intro {
	width:846px;
	height:auto;
	margin:0 auto;
}
#top #intro img {
	margin:0;
	padding:0;
	display:block;
}
#top #intro #wrap-logos-jeu {
	width:auto;
	height:100%;
	overflow:hidden;
}
#top #intro #logos {
	width:641px;
	height:90px;
	overflow:hidden;
	float:left;
}
#top #intro #logos ul {
	width:auto;
	height:90px;
	overflow:hidden;
}
#top #intro #logos ul li {
	display:block;
	width:207px;
	height:100%;
	float:left;
	overflow:hidden;
	text-indent:-10000px;
	margin-left:10px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#ie6 #top #intro #logos ul li {
	margin-left:5px;
}
#top #intro #logos ul #logo-raub {
	background-image:url(../img/logo-raub-66.png);
}
#top #intro #logos ul #logo-mc {
	background-image:url(../img/logo-mc-66.png);
}
#top #intro #logos ul #logo-prc {
	background-image:url(../img/logo-prc-66.png);
}
#top #intro #logos ul li.first {
	margin-left:0;
}
#top #intro #jeu-concours {
	width:195px;
	height:90px;
	float:left;
	margin:0 0 0 10px;
}
#top #intro #jeu-concours a {
	display:block;
	width:195px;
	height:90px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url(../img/jeu-concours-home.png) no-repeat 0 0;
}
#ie6 #top #intro #jeu-concours {
	margin-left:10px;
}
#top #intro h1 {
	width:669px;
	text-align:center;
	font-family:Raub;
	font-size:22px;
	color:#fff;
	margin:0;
	padding:10px 0;
	line-height:25px;
}
#top #intro h2 {
	display:block;
	width:auto;
	height:40px;
}
#top #intro h2 a {
	display:block;
	width:auto;
	height:40px;
	padding:7px 0 0 65px;
	font-family:Raub;
	font-size:20px;
	color:#fff;
}
#top #intro #espace-particulier {
	margin-bottom:15px;
}
#top #intro #espace-particulier h2 {
	background:transparent url(../img/h2-intro.png) repeat-x 0 0;
}
#top #intro #espace-professionnel h2 {
	background-color:#005492;
}
#top #intro #baseline-particulier, #top #intro #baseline-professionnel {	
	width:auto;
	height:26px;
	overflow:hidden;
}
#top #intro #baseline-particulier h3 a, #top #intro #baseline-professionnel h3 a {
	display:block;
	font-family:Raub;
	font-size:16px;
	color:#FFFFFF;
	padding:3px 0 0 10px;
}
#top #intro #baseline-particulier {
	background:transparent url(../img/h2-intro.png) repeat-x 0 0;
}
#top #intro #baseline-professionnel {
	background-color:#005492;
}
#top #header {
	width:auto;
	height:90px;
	overflow:hidden;
	margin-bottom:15px;
}
#top #header #titre {
	width:754px;
	height:77px;
	overflow:hidden;
	float:left;
}
#top #header #titre h1 a {
	display:block;
	width:754px;
	height:77px;
	background:transparent url('../img/header.jpg') no-repeat;
	text-indent:-10000px;
	margin-bottom:20px;
	cursor:pointer;
}
#top #header #jeu-concours {
	display:block;
	width:195px;
	height:90px;
	overflow:hidden;
	float:right;
	margin:0;
}
#top #header #jeu-concours a {
	display:block;
	width:100%;
	height:90px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url(../img/jeu-concours-home.png) no-repeat 0 0;
}
#top #footer-part,
#top #footer-pro {
	clear:both;
	width:952px;
	height:102px;
	margin-top:20px;
}
#top #legal {
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}
#top #centre {
	width:auto;
	height:100%;
	overflow:hidden;
}
#top #centre .menu {

}
#top #centre .menu ul {
	margin:10px 0;
}
#top #centre .menu ul li {
	height:20px;
	margin:2px 0;
	font-family:Futura, Trebuchet MS, Arial;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
}
#top #centre .menu ul li p {
	position:absolute;
	padding-left:18px;
	z-index:3;
}
#top #centre .menu .typeface-js {
	font-weight:bold;
	font-family:Raub;
	cursor:pointer;
}
/*
Clip method

#top #centre .menu ul li p.red {
width: 150px;
height: 19px;
background: transparent url('../img/titre0.png') no-repeat;
overflow: hidden;
clip: rect(0px 180px 20px 0px);
}
#top #centre .menu ul li p.black {
width: 150px;
height: 19px;
background: transparent url('../img/titre1.png') no-repeat;
}
*/
#top #centre .menu ul li p.red {
	width:0;
	height:19px;
	background:transparent url('../img/titre1.png') no-repeat;
	overflow:hidden;
	padding:0;
	z-index:2;
}
#top #centre .menu ul li p.black {
	width:190px;
	height:19px;
	background:transparent url('../img/titre0.png') no-repeat;
	overflow:hidden;
	padding:0;
	color:#FFFFFF;
	z-index:1;
}
#top #centre .no-list-a ul li p {
	padding-left:0;
	background-color:transparent;
}
#top #centre .menu ul li a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration: none;
}
#top #centre .menu ul li a:hover {
	text-decoration:none;
}
/* MENU GAUCHE */
#top #centre #menu-gauche {
	float:left;
	width:190px;
	height:100%;
	overflow:hidden;
	margin-right:18px;
}
/* MENU DROITE */
#top #centre #menu-droite {
	float:left;
	width:190px;
	height:100%;
	overflow:hidden;
}
/* MENU ENTREPRISE */
#top #centre #menu-entreprise {
	width:auto;
	overflow:hidden;
}
#top #centre #menu-entreprise h2 {
	width:auto;
	height:55px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url('../img/menu-entreprise.png') no-repeat 0 0;
}
/* MENU HABITAT */
#top #centre #menu-habitat {
	width:auto;
	height:100%;
	overflow:hidden;
}
#top #centre #menu-habitat h2 {
	width:auto;
	height:55px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url('../img/menu-habitat.png') no-repeat 0 0;
}
/* MENU RESSOURCES */
#top #centre #menu-ressources {
	width:auto;
	overflow:hidden;
}
#top #centre #menu-ressources h2 {
	width:auto;
	height:55px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url('../img/menu-ressources.png') no-repeat 0 0;
}
/* MENU SERVICES */
#top #centre #menu-service {
	width:auto;
	height:100%;
	overflow:hidden;
}
#top #centre #menu-service h2 {
	width:auto;
	height:55px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url('../img/menu-service.png') no-repeat 0 0;
}
/* ACTUALITES */
#top #centre #actualites {
	width:auto;
	height:100%;
	overflow:hidden;
	margin-top:30px;
}
#top #centre #actualites h2 {
	width:auto;
	height:55px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url('../img/actualites.png') no-repeat 0 0;
}
/* INSCRIPTION NEWSLETTER */
#top #centre #inscription-newsletter {
	width:auto;
	height:100%;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:10px;
}
#top #centre #inscription-newsletter h2 a {
	display:block;
	width:190px;
	height:55px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url('../img/inscription-newsletter.png') no-repeat 0 0;
}
/* BIBLIOTHEQUE DOCUMENTS */
#top #centre #bibliotheque-documents {
	width:auto;
	height:100%;
	overflow:hidden;
	margin-top:60px;
	margin-bottom:10px;
}
#top #centre #bibliotheque-documents h2 a {
	display:block;
	width:190px;
	height:55px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url('../img/bibliotheque-documents.png') no-repeat 0 0;
}

#top #centre #menu-entreprise,
#top #centre #menu-ressources {
	margin-bottom:20px;
}
#top #centre #menu-habitat ul {
	/*margin-left: -30px;*/
}
#top #centre #menu-habitat ul li {
	background:transparent url('../img/losange.png') no-repeat 0 0;
}
#ie6 #top #centre #menu-habitat ul li {
	background-image:url('../img/losange.gif');
}
#top #centre #menu-habitat ul li p {
	padding-left:35px;
}
#top #centre #menu-habitat #menu-habitat-1 {
	background-color:#de6128;
}
#top #centre #menu-habitat #menu-habitat-2 {
	background-color:#b3af26;
}
#top #centre #menu-habitat #menu-habitat-3 {
	background-color:#ec4440;
}
#top #centre #menu-habitat #menu-habitat-4 {
	background-color:#c17029;
}
#top #centre #menu-habitat #menu-habitat-5 {
	background-color:#008fce;
}
#top #centre #menu-habitat #menu-habitat-6 {
	background-color:#83db3b;
}
#top #centre #menu-habitat #menu-habitat-7 {
	background-color:#b24197;
}
#top #centre #menu-habitat #menu-habitat-8 {
	background-color:#aeafcf;
}
#top #centre #menu-habitat #menu-habitat-9 {
	background-color:#fc326e;
}
#top #centre #menu-habitat #menu-habitat-10 {
	background-color:#ffcc30;
}
#top #centre #menu-habitat #menu-habitat-11 {
	background-color:#b1c7a1;
}
#top #centre #menu-habitat #menu-habitat-1 a:hover {
	color:#de6128;
}
#top #centre #menu-habitat #menu-habitat-2 a:hover {
	color:#b3af26;
}
#top #centre #menu-habitat #menu-habitat-3 a:hover {
	color:#ec4440;
}
#top #centre #menu-habitat #menu-habitat-4 a:hover {
	color:#c17029;
}
#top #centre #menu-habitat #menu-habitat-5 a:hover {
	color:#008fce;
}
#top #centre #menu-habitat #menu-habitat-6 a:hover {
	color:#83db3b;
}
#top #centre #menu-habitat #menu-habitat-7 a:hover {
	color:#b24197;
}
#top #centre #menu-habitat #menu-habitat-8 a:hover {
	color:#aeafcf;
}
#top #centre #menu-habitat #menu-habitat-9 a:hover {
	color:#fc326e;
}
#top #centre #menu-habitat #menu-habitat-10 a:hover {
	color:#e3bd6b;
}
#top #centre #menu-habitat #menu-habitat-11 a:hover {
	color:#b1c7a1;
}
#top #centre #contenu {
	float:left;
	width:546px;
	height:100%;
	overflow:hidden;
	margin-right:18px;
	/*margin-bottom:15px;*/
}
#top #centre #contenu h2 {
	margin:0;	
}
#top #centre #contenu h3 {
	clear:both;
	margin:15px 0 5px 0;
}
#top #centre #contenu h2 img, #top #centre #contenu h3 img {
	margin:0;	
}
#top #centre #contenu h4 {
	clear:both;
	margin:10px 0 10px 0;
	font-size:20px;
	color:#FF6666;
	font-family:Raub;
}
#top #centre #contenu h5 {
	clear:both;
	margin:10px 0 10px 0;
	padding-bottom:2px;
	border-bottom:1px solid #999;
	font-size:12px;
	color:#FFFFFF;
}
#top #centre #contenu h6{
	clear:both;
	margin:10px 0 10px 0;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
}
#top #centre #contenu p {
	text-align:justify;
	margin:10px 0 10px 0;
}
#top #centre #contenu img {
	margin:0 0 10px 0;
}
#top #centre #contenu img.float-left {
	margin-left:15px;
}
#top #centre #contenu img.float-right {
	margin-right:15px;
}
#top #centre #contenu ul {
	margin:10px 0 10px 0;
}
#top #centre #contenu ul li {
	text-align:justify;
	margin:5px 0 5px 30px;
	padding-left:20px;
	background:transparent url(../img/picto-liste.png) no-repeat 0 2px;
}
#top #centre #contenu div.hr {
	clear:both;
	width:546px;
	height:55px;
	padding:0;
	margin:10px 0 10px 0;
	background:transparent url(../img/h2.png) no-repeat 0 0;
}
.raub #top #centre #contenu div.hr {
	background-image:url(../img/h2-raub.png);
}
.mc #top #centre #contenu div.hr {
	background-image:url(../img/h2-mc.png);
}
.prc #top #centre #contenu div.hr {
	background-image:url(../img/h2-prc.png);
}
.raub-prc #top #centre #contenu div.hr {
	background-image:url(../img/h2-raub-prc.png);
}
.raub-mc #top #centre #contenu div.hr {
	background-image:url(../img/h2-raub-mc.png);
}
#top #centre #contenu div.hr hr {
	display:none;
}
#top #centre #contenu.peinture-et-traitements div.hr {
	height:38px;
	background-image:url(../img/hr-peinture-et-traitements.jpg);
}
#top #centre #contenu.peinture-et-decoration div.hr {
	height:38px;
	background-image:url(../img/hr-peinture-et-decoration.jpg);
}
#top #centre #contenu.revetement-de-sol div.hr {
	height:38px;
	background-image:url(../img/hr-revetement-de-sol.jpg);
}
#top #centre #contenu.parquet-et-carrelage div.hr {
	height:38px;
	background-image:url(../img/hr-parquet-et-carrelage.jpg);
}
#top #centre #contenu.menuiserie-metallique div.hr {
	height:38px;
	background-image:url(../img/hr-menuiserie-metallique.jpg);
}
#top #centre #contenu.miroiterie div.hr {
	height:38px;
	background-image:url(../img/hr-miroiterie.jpg);
}
#top #centre #contenu.veranda div.hr {
	height:38px;
	background-image:url(../img/hr-veranda.jpg);
}
#top #centre #contenu.cloisons-et-plafonds div.hr {
	height:38px;
	background-image:url(../img/hr-cloisons-et-plafonds.jpg);
}
#top #centre #contenu.menuiserie-pvc div.hr {
	height:38px;
	background-image:url(../img/hr-menuiserie-pvc.jpg);
}
#top #centre #contenu.fermeture-et-motorisation div.hr {
	height:38px;
	background-image:url(../img/hr-fermeture-et-motorisation.jpg);
}
#top #centre #contenu.stores-et-protection div.hr {
	height:38px;
	background-image:url(../img/hr-stores-et-protection.jpg);
}
/*
#top #centre #menu-gauche,
#top #centre #contenu,
#top #centre #menu-droite,
#top #header,
#top #footer {
border: solid 1px red;
}
*/
/*
#top #contact,
#top #devis {
	width:530px;
}
#top #contact div,
#top #contact p,
#top #devis div,{
	width:500px;
}
#top #contact .contactPart,
#top #devis .contactPart {
	text-decoration:underline;
	margin-bottom:10px;
	padding-top:15px;
	font-size:14px;
	font-weight:bold;
}
#top #centre #contenu form div {
	height:100%;
	overflow:hidden;
	margin-bottom:15px;
}
#top #contact label {
	float:left;
	width:190px;
	display:block;
	text-align:right;
	cursor:pointer;
}
#top #contact input,
#top #contact select {
	float:left;
	margin:0 5px;
}
#top #contact input[type=text], #top #contact input.text {
	width:200px;
}
#top #contact .cList label {
	width:45px;
	text-align:left;
	font-size:10px;
}
#top #contact .cList label.lLong {
	width:80px;
}
#top #contact .cLeft {
	text-align:left;
}
#top #contact .cLong {
	width:460px;
	float:left;
}
#top #contact .cHr {
	padding-top:10px;
	padding-bottom:0;
}
#top #contact p.submit,
#top #devis p.submit {
	width:100%;
	padding-top:20px;
}
#top #contact .submit input,
#top #devis .submit input {
	width:200px;
	margin-left:150px;
	cursor:pointer;
}
#top #devis label {
	float:left;
	width:140px;
	display:block;
	text-align:right;
}
#top #devis input {
	width:150px;
}
#top #devis input,
#top #devis select {
	float:left;
	margin:0 5px;
}
#top #centre #contenu form p {
	display:block;
	clear:both;
	width:546px;
	height:100%;
	overflow:hidden;
	margin:10px 0;
	padding:0;
	background-color:#996699;
}
#top #devis input[type=checkbox], #top #devis input.checkbox {
	width:20px;
}
#top #devis .cListLabel {
	clear:both;
}
#top #devis .cList {
	float:left;
}
#top #devis .cList label {
	text-align:left;
	width:250px;
}
#top #devis label.lLong {
	width:200px;
	text-align:left;
}
#top #devis .vSpace {
	padding-top:15px;
}
#top #devis .cListDispo p label {
	text-align:left;
	width:90px;
}
#top #devis .optin {
	padding-top:20px;
}
#top #devis .optin label {
	width:500px;
	text-align:left;
}
#top #devis #type_bt_autre {
	display:none;
}

*/
/* IE */
#ie6 #top #centre #contenu {
	margin-right:8px;
}
#ie7 #top #contact .cList label {
	width:40px;
	padding-top:4px;
	white-space:nowrap;
}
#ie7 #top #contact .cList label.lLong {
	width:80px;
}

/* Formulaires */
#top #centre #contenu form {
	width:auto;
	height:100%;
	overflow:hidden;
}
#top #centre #contenu form h5 {
	clear:both;
}
#top #centre #contenu form p {
	clear:both;
	width:auto;
	height:100%;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:0;
}
#top #centre #contenu form fieldset{
	padding:0 10px 10px 10px;
}
#top #centre #contenu form legend{
	margin-bottom:10px;	
}
#top #centre #contenu form label {
	cursor:pointer;
	width:200px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
	text-align:right;
}
#top #centre #contenu form div.cList, #top #centre #contenu form div.cListDispo {
	width:auto;
	height:100%;
	overflow:hidden;
}
#top #centre #contenu form p.checkbox {
	clear:none;
	width:170px;
	height:35px;
	overflow:hidden;
	float:left;
	margin:0 0 5px 10px;
	text-align:left;
}
#top #centre #contenu form p.optin {
	clear:both;
	width:auto;
	margin:15px 0 0 0;
	float:none;
}
#top #centre #contenu form p.submit {
	text-align:center;
}
#top #centre #contenu form p.checkbox label {
	cursor:pointer;
	width:auto;
	height:auto;
	float:none;
	margin:0 0 0 5px;
	text-align:left;
}
#top #centre #contenu form label.checkbox {
	text-align:left;
	margin:0;
	width:330px;
}
#top #centre #contenu form textarea {
	width:98%;
	height:100px;
	margin:0 5px;
}
#top #centre #contenu form input[type=text], #top #centre #contenu form input.text, textarea {
	border:0;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#666;
	color:#fff;
}
#top #centre #contenu form input[type=submit], #top #centre #contenu form input.submit {
	cursor:pointer;
	width:auto;
	height:22px;
	overflow:hidden;
	border:1px solid #fff;
	padding:0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	background:transparent url(../img/h2-intro.png) repeat-x 0 0;
}
#top #centre #contenu form select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#top #centre #contenu .annonce {
	margin:0 0 20px 0;
}
#top #centre #contenu p.repondre {	
	float:right;
}
