/*********/
/*general*/
/*********/
* {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
text-decoration: none;
color: #000000;

}
.both {
	clear: both;
	}

.left, #left {
	float: left;
	}
.right, #right {
	float: right;
	}


body {
	background-color: #676765;
	margin: 0 0 0 0;
	text-align: center;
	}
#general {
	position: relative;
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url("/carrelage/layout/img/fond_gen.gif");
	background-repeat: repeat-y;
	background-color: #fff;
	}
#banniere {
	position: absolute;
	top: 379px;
	left: 8px;

	}
#haut {
	background-image: url("/carrelage/layout/img/fond_ombre_haut.gif");
	background-repeat: no-repeat;
	background-positon: top;
	height: 164px;
	}
#contact{
	position: absolute;
	top: 16px;
	right: 22px;
	background-image: url("/carrelage/layout/img/fond_contact.gif");
	background-repeat: no-repeat;
	width: 193px;
	height: 137px;
	}
#contact p.haut{
	background-color: #e28b2e;
	margin: 4px;
	text-transform:uppercase;
	color: #fff;
	text-align: center;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	font-weight: bold;
	}
#contact div.tel{
	background-image: url("/carrelage/layout/img/picto_tel.gif");
	background-repeat: no-repeat;
	background-position: 15px 10px;
	width: 181px;
	height: 40px;
	}
#contact div.tel p.txt{
	color: #676765;
	font-size: 10px;
	text-transform:uppercase;
	padding: 0 0 0 50px;
	}
#contact div.tel p.num{
	color: #e28b2e;
	font-size: 10px;
	text-transform:uppercase;
	padding: 0 0 0 50px;
	}
#logo{
	position: absolute;
	top: 20px;
	left: 30px;
	background-image: url("/carrelage/layout/img/logo.gif");
	background-repeat: no-repeat;
	width: 137px;
	height: 127px;
	}
#slogan{
	position: absolute;
	top: 35px;
	left: 248px;
	background-image: url("/carrelage/layout/img/slogan.gif");
	background-repeat: no-repeat;
	width: 524px;
	height: 112px;
	}
#menu {
	width: 980px;
	height: 26px;
	margin-left: 8px;
	background-color: #676765;
	line-height: 26px;
	vertical-align: 26px;
	text-transform:uppercase;
	}
#menu a{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-right: 1px solid #fff;
	padding: 0px 10px 0px 9px; 

	}
#bandeau {
	width: 980px;
	height: 300px;
	margin-left: 8px;
	background-color: #fff;
	background-image: url("/carrelage/layout/img/bandeau.jpg");
	background-repeat: no-repeat;
	}

/*page accueil*/
.texte#accueil {
	width: 980px;
	margin-left: 8px;
	}
.texte#accueil p a{
	color:#e08b2e;
	font-size: 12px;
	text-decoration: underline;
	}
.texte#accueil p a:hover{
	text-decoration: none;
	}
.texte#accueil .cadre{
	width: 320px;
	height: 200px;
	float: left;
	background-image: url("/carrelage/web/img/font_cadre_accueil.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #efefef;
	margin: 0 0 0 5px;
	}
.texte#accueil .cadre h2{
	font-size: 20px;
	text-transform: uppercase;
	color: #e28b2e;
	border-bottom: 1px solid #e28b2e;
	padding: 7px 0 4px 12px;
	background-color: #efefef;
	font-family:"Times New Roman", Times, serif;
	}
.texte#accueil .cadre .gauche{
	width: 158px;
	float: left;
	margin-top: 8px;
	}
.texte#accueil .cadre .droite{
	float: right;
	width: 162px;
	margin-top: 6px;
	}
.texte#accueil .cadre .gauche p.txt{
	height: 139px;
	color: #3e3d40;
	font-size: 11px;
	line-height: 18px;	
	padding: 0 12px 0 12px;
	}
.texte#accueil .cadre .gauche p.lien{
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 0 0 12px;
	background-image: url("/carrelage/web/img/fleche_decouvrir.gif");
	background-position: 80px ;
	background-repeat: no-repeat;
	}
.texte#accueil .cadre .gauche p.lien a{
	color: #fff;
	}
	
.texte#accueil .savoir h2{
	color:#e08b2e;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:10px;
	}

.texte#accueil .savoir p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:30px;
	padding-bottom:20px;
	padding-right:50px;
	}
	
.texte#accueil	.devis h2{
	color:#e08b2e;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:10px;
	}
.texte#accueil .devis p.txt{
	color:#3e3d40;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	}
.texte#accueil .devis p.label{
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.texte#accueil .devis p.label select{
	width: 200px;
	}
.texte#accueil .devis p.txt input {
	width: 40px;
	border: 1px solid #e28b2e;
	text-align: center;
	}
.texte#accueil	.devis .txt{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:30px;
	padding-bottom:20px;
	}
.texte#accueil .devis p.bouton{
	text-align: center;
	padding: 10px 0 5px 0;
	margin: 0 0 0 0;
	cursor: pointer;
	}
/*texte*/

.texte h1{
	}
	
/*savoir_faire*/

.paragraphe .photomain{
	float:right;
	padding-top:0px;
	padding-bottom:0px;
	}	


	
	
/*patrimoine*/

.paragraphe #patrimoine {
	float:left;
	}
	
.paragraphe img#first{
	float:left;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:25px;
	}

.paragraphe img#second{
	float:right;
	padding-top:25px;
	padding-left:5px;
	padding-right:55px;
	padding-bottom:0px;
	}

.paragraphe img.carre{
	float:left;
	padding-top:45px;
	padding-right:10px;
	
	}

 .paragraphe #patri{
	text-align: left;
	padding-top:0px;
	}

.paragraphe .fusion{
	padding-bottom:0px;
	}

.paragraphe #email{
	padding-top:20px;
	}

.paragraphe img.third{
	float:right;
	padding-left:0px;
	padding-top:45px;
	padding-bottom:5px;
	}

.paragraphe img.four{
	float:left;
	padding-left:0px;
	padding-bottom:5px;
	padding-top:25px;
	padding-right:10px;
	}

.paragraphe img.five{
	float:right;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:25px;
	}

.paragraphe img.six{
	float:left;
	padding-left:30px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:10px;
	}

/*paragraphe*/

.paragraphe{
	padding-left:25px;
	
	}
	
.paragraphe h1{
	font-family:Garamond;
	font-size:23px;
	color:#e08b2e;
	
	padding-bottom:15px;
	padding-top:15px;
	text-align:left;
	}
	
.paragraphe h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#e08b2e;
	padding-bottom:10px;
	text-align:left;
	}
	
.paragraphe h3{
	padding-top:;
	padding-bottom:10px;
	font-size:14px;
	}	
	
	

.paragraphe p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:50px;
	padding-bottom:20px;
	padding-left:30px;
	text-align:left;
	}
	
.paragraphe img{
	 height:90px;
	 
	} 
	
	/*traitement et entretien*/
	
.paragraphe p#remarque{
	padding-bottom:40px;
	}	
	
	/*patrimoine*/
	
div #patrimoine p{
	padding-top:0;
	
	}
	
	/*liens*/
	
.paragraphe table{
	 padding-left:30px;
	 width:700px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 }
	
.paragraphe tr{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;

}
	 
.paragraphe p#liens{
	 padding-bottom:25px;
	 width:700px;
	 padding-left:130px;
	 }
	 
	 /*acces*/

#acces  p#horaire{
	padding-top:90px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	}

#acces  p#tel{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
.paragraphe .iframe{
	float:right;
	margin-top:30px;
	}

.paragraphe .iframe2{

}

.paragraphe #acces{

}

/*references*/

.paragraphe #chateau{
	float:left;
	padding-right:10px;
	padding-top:30px;
	}

/*catalogue salle de bain*/

.paragraphe #sdb{
	padding-top:20px;
	}

#bandeaucata{
	background-color:#efefef;
	height:250px;
	width:980px;
	padding-left:0px;
	margin-left:8px;
	}
	
	
#bandeaucata #photosdb{
	float:left;
	padding-right:20px;
	height:250px;
	width:660px;
	
	}

#bandeaucata #textsdb{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:30px;
	
	}	
	
#categorie{
	margin-left:53px;
	}
	
#categorie .cat{
	height:247px;
	width:200px;
	background-color:#efefef;
	background-image:url(/carrelage/img/plusorange.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	float:left;
	margin-top:20px;
	margin-right:30px!important;
	margin-right:25px;
	border-bottom:1px solid #e28b2e;
	}



	
#categorie .cat img{
	height: 200px;
	width: 200px;
	}
	
#categorie .cat p{
	text-align:center;
	padding: 0 3px 0 3px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
 #categorie h2.sdb{
	margin-top:30px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e08b2e;
	font-size: 16px;
	}
 #categorie h3{
	margin-top:15px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e08b2e;
	font-size: 14px;
	}
#categorie div.pdf img{
	margin: 10px 10px 10px 0;
	}
/*contact*/
.paragraphe#pagecontact input {
	border: 1px solid #e28b2e;
	}	

.paragraphe#pagecontact textarea {
	border: 1px solid #e28b2e;
	width: 300px;
	height: 150px;
	}	
	
.paragraphe#pagecontact input.bouton{
	background: transparent url(/carrelage/web/img/bouton_envoyer.gif) no-repeat scroll center center;
	width:137px;
	height:18px;
	color:white;
	text-align:center;
	text-transform:uppercase;
	cursor: pointer;
	border: none;
}	
.paragraphe#pagecontact input#newsletter {
	border: none;
	}
.paragraphe#pagecontact span.alerte b{
	color: #ff0000;
	}
	

/*sols*/
#categorie .cadre{
	height:247px;
	width:200px;
	background-color:#efefef;
	background-image:url(/carrelage/img/plusorange.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	float:left;
	margin-top:20px;
	margin-right:30px!important;
	margin-right:25px;
	border-bottom:1px solid #e28b2e;
	}
#categorie .cadre .photo a{
	display: block;
	height: 200px;
	width: 200px;
	cursor: default;
	}
#categorie .cadre .photo a area{
	cursor: pointer;
	}

#categorie .cadre .photo a:hover{
	display: block;
	height: 200px;
	width: 200px;
	}
#categorie .cadre .photo div.on{
	display: none;
	}
#categorie .cadre .photo a:hover div.on{
	display: block;

	}
#categorie .cadre p{
	text-align:center;
	padding: 0 3px 0 3px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#categorie .cadre div.photo#sol_1 {
	background-image:url(/carrelage/web/catalogue/img/sol-fait-main/01_pavmain_clair.jpg);
	background-position:top;
	}
#categorie .cadre div.photo#sol_5 {
	background-image:url(/carrelage/web/catalogue/img/sol-pave-tradition/01_trad_14x14natur.jpg);
	background-position:top;
	}
#categorie .cadre div.photo#sol_8 {
	background-image:url(/carrelage/web/catalogue/img/sol_vieux/01_vieux_15x15_melee.jpg);
	background-position:top;
	}