/* atlantic ceramic */
body {	
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/px_body.jpg) repeat-x #D8DACF;
	color:#000000;
	font-size:11px;
	text-align:left;
	margin:0 auto;
}
/*-------------- div principal-------*/
#page {
	width:933px;
	height:100%;
	color:#868686;
	font-size:11px;
	margin:0 auto;
	background:#FFFFFF;
	display:table;
}


*{
	margin:0; padding:0;
}
.clear {
	margin:0;
	padding:0;
	clear:both;
}
h2,h3,h4,p {
	display:block;
	margin:0;
	
}


p {
padding: 3px 0 5px 0;
}




h2 {
	font-size:24px;

}

h3 {
	font-size:17px;
	font-weight:bold;	
	
}
/*--------------page index-------*/
/*--------header-------*/
#header {
	background:url(images/header.jpg) no-repeat;
	float:left;
	clear:both;
	width:933px;
}
#logo {
width:212px;
height:auto;
float:left;
padding:29px 0 10px 32px;
}
/*-------------menu ---*/
#menu {
width:390px;
float:right;
padding:28px 0 0 0;
font-size:14px;
}

#menu ul{
	list-style-type:none;
	text-align:center;
	padding:7px 0 0 0;
}
#menu li{
	color:#FFFFFF;
	margin:0 14px 0 14px;
	font-weight:bold;
	display:inline;
}
#menu li a{
	color:#FFFFFF;
	text-decoration:none;
}
#menu li a:hover{
	text-decoration:none;
	color:#C8C655;
}
#menu li .actif{
	text-decoration:none;
	color:#C8C655;
}
#menu h2 {
	padding:160px 20px 0 0;
	text-align:right;
	color:#737476;
}
/*---------contenu--------*/
#contenu_index {
	float:left;
	width:929px;
	padding:0 2px 2px 2px;
}
#contenu_index1 {
	width:204px;
	float:left;
	font-size:14px;
	color:#464F86;
	font-weight:bold;
	padding:20px 0 0 0;
	text-align:left;
	font-style:italic;
}
#contenu_index1_img {
	float:left;
	width:155px;
	padding:0 0 40px 50px;
}

#contenu_index1_1 {
	width:205px;
	float:left;
	background:url(images/px_index_gche.jpg)  repeat-x #DBDDD8;
}
#contenu_index1_12 {
	background:url(images/flech_bleu.gif) no-repeat 0% 0%;
	float:left;
	width:170px;
	padding:0 0 30px 18px;

}
.contenu_index1_barre {
	padding:6px 0 50px 0;
	background:url(images/barre.jpg) no-repeat 0 100%;
	width:170px;
	
}
.contenu_index1_barre1 {
	padding:6px 0 30px 0;
	background:url(images/barre1.jpg) no-repeat 0 100%;
	width:170px;
}
#contenu_index1_13 {
	background:url(images/flech_jaune.gif) no-repeat 0 0;
	float:left;
	width:170px;
	padding:0 0 39px 18px;
}
#contenu_index1_14 {
	background:url(images/flech_jaune1.jpg) no-repeat 0 0;
	float:left;
	width:170px;
	padding:6px 0 50px 18px;
}
/*------contenu milieu------*/
#contenu_index_mil {
	float:left;
	width:274px;
	padding:0 0 0 50px;
}
#contenu_index_mil1 {
	float:left;
	width:274px;
	padding:0 0 5px 0;
	text-align: justify;

}
#contenu_index_mil1 h3 {
	color:#E3C56F;
	background:url(images/puce.gif) no-repeat 0 8px;
	padding:5px 0 3px 20px;
}

#contenu_index_mil1 span {
	font-weight:bold;
}

.bleu {
color:#2C427E;
font-style:italic;
font-weight:bold;
font-size:16px;
padding-top:10px;
}





#contenu_index_mil1 img {
	vertical-align:bottom;
}
#contenu_index_mil_img {
	width:274px;
	float:left;
	text-align:center;
}







/*------------contenu right--------*/
#contenu_index_right {
	width:355px;
	float:right;
	padding:0 0 0 35px;
	color:#525D81;
}
#bloc_right {
	width:355px;
	float:left;
}


.bloc_right_top {
	background:url(images/bloc_actualite1.jpg) no-repeat 0 0 #EDEFEA;
	width:340px;
	height:159px;
	float:left;
	padding:0 10px 10px 0;
	text-align: justify;
	line-height:13px;

}

.bloc_right_top a{
	text-decoration:none;
	color:#464F86;
}
.bloc_right_top a:hover{
	text-decoration:none;
	color:#6E7DB8;
}
.bloc_right_top img {
	float:left;
	padding:0 6px 0 0;
}

.imageactuacc {
	float:left;
	width:130px;
	height:100px;
	padding:0 15px 0 0;
}

.txtactuacc {
	float:left;
	padding:5px 0 0 0;
	width:185px;
}

/***********************************/
.bloc_right1 {
	background:url(images/bloc_actualite.jpg) no-repeat 0 0 #EDEFEA;
	width:340px;
	float:left;
	padding:0 10px 10px 0;
	text-align: justify;
	line-height:13px;

}
 .savoirplus{
	float:left;
	padding:30px 26px 8px 0;
	width:328px;
	font-size:14px;
	color:#464F86;
	font-weight:bold;
	text-align:right;
}

.visuel{
	float:left;
	margin:3px 3px 0 0;
}





.bloc_right1 p a{
	text-decoration:none;
	color:#464F86;
}
.bloc_right1 p a:hover{
	text-decoration:none;
	color:#6E7DB8;
}
.bloc_right1 img {
	float:left;
	padding:0 6px 0 0;
}
/*----------footer----------*/
#footer{
	margin:0 auto;
	width:933px;
	font-size:12px;
	color:#4D4E6A;
	text-align:center;
	padding:10px 0 20px 0;
	clear:both;
	font-weight:bold;
}
#footer ul{
	list-style-type:none;
	margin:0 auto;
	padding:7px 0 0 0;
}
#footer li{
	color:#4D4E6A;
	margin:0 4px 0 0;
	font-weight:bold;
	display: inline;
}
#footer li a{
	font-weight:bold;
	color:#4D4E6A;
	text-decoration:none;
}
#footer li a:hover{
	text-decoration:none;
	color:#6E7DB8;
}
#footer address{
	font-style:normal;
	text-align:center;
	color:#4D4E6A;
	font-weight:bold;
	clear:both;
	letter-spacing:2px;
}
#footer address span{
	position: relative;
	top:5px;
}
#footer address em {
	font-size:18px;
	padding:0 8px 0 8px;
}
.espace {
	text-align:center;
}
.espace span{
	padding:0 0 0 136px;
	text-align:left;
}
.logotoptec{
	width:350px;
	margin:16px auto;
	font-size:9px;
	padding-bottom:10px;
}
.logotoptec a{
	color:#8F908A;
	text-decoration:none;
}
.logotoptec a:hover{
	color:#828282;
	text-decoration:none;
}
/*--------------page Mur-------*/
#contenu_mur {
	float:left;
	width:931px;
	padding:0 1px 10px 1px;
	margin:0;
}
/*------------contenu gauche--------*/
#contenu_mur_gche {
	float:left;
	width:262px;
	padding:22px 0 0 0;

}
.contenu_mur1 {
	width:262px;
	float:left;
	text-align: justify;
	font-weight:normal;
	padding:31px 0 0 0;
}
.contenu_mur1 h3{
	width:180px;
	color:#5E6591;
	background:url(images/puce.gif) no-repeat 0 1px;
	padding:0 0 10px 20px;
	margin:0 0 0 60px;

}
.contenu_mur1 p{
	padding:0 0 0 16px;
	width:240px;
	margin:0;	
}
.contenu_mur1_img {
	float:left;
	width:262px;
}
.contenu_mur1_img img {
	margin:5px 0 0 0;
}
.contenu_mur1 ul{
	list-style-type:square;
	text-align:left;
	padding:0 0 0 22px;
	margin:0;
}


/*------contenu milieu------*/
#contenu_mur_mil {
	float:left;
	width:310px;
	padding:0 0 0 48px;
	text-align: justify;
}
#contenu_mur_mil img{
	float:right;
	margin:0 0 31px 0;
}
#contenu_mur_mil p{
	width:310px;
	float:left;
}
#contenu_mur_mil h3 {
	width:290px;
	color:#5E6591;
	background:url(images/puce.gif) no-repeat 0 1px;
	padding:0 0 15px 20px;
	text-align:left;
	float:left;
}
#contenu_mur_mil1 span {
	font-weight:bold;
}
#contenu_mur_mil_img {
	width:310px;
	float:left;
}
#contenu_mur_mil_img img {
	margin:5px 5px 0 0;
	float:left;
}
/*------------contenu right--------*/
#contenu_mur_drte{
	float:left;
	width:264px;
}
.contenu_mur_right {
	width:220px;
	float:right;
	padding:50px 0 0 44px;
	font-weight:normal;
	text-align: justify;
}

.contenu_mur_right h3{
	width:180px;
	color:#5E6591;
	background:url(images/puce.gif) no-repeat 0 1px;
	padding:0 0 10px 20px;
	margin:0 0 0 50px;
	text-align:left;
}
.contenu_mur_right_img {
	float:left;
	width:264px;
}
.contenu_mur_right_img img {
	margin:5px 0 0 0;
}
/*--------------------------sol----------------------*/
#contenu_sol_img {
	float:left;
	width:300px;
	padding:50px 0 0 0;
}
#contenu_sol_img1 {
	float:right;
	width:300px;
	padding:50px 0 0 0;
}
#contenu_sol_img img{
	padding:5px 5px 0 0;
	float:left;
}
#contenu_sol_img1 img{
	padding:5px 0 0 5px;
	float:right;
}
#contenu_sol {
	float:left;
	width:929px;
	padding:0 2px 2px 2px;
	text-align: justify;
}
#contenu_sol1 {
	width:262px;
	float:left;
	font-weight:normal;
	padding:0 0 0 26px;
}
#contenu_sol1 h3{
	width:180px;
	color:#5E6591;
	background:url(images/puce.gif) no-repeat 0 1px;
	padding:0 0 10px 20px;
	margin:0 0 0 40px;
}
#contenu_sol1 p{
	padding:0 0 0 16px;
	width:240px;
}

#contenu_sol ul{
	list-style-type:none;
	text-align:left;
	padding:0 0 0 22px;
}
#contenu_sol li {
	background:url(images/fleche.jpg) no-repeat 0 3px;
	padding:0 0 0 24px;
	line-height:19px;
}
#contenu_sol .list ul{
	list-style-type: square;
	text-align:left;
}
#contenu_sol .list li {
	background:none;
	padding:0 0 0 5px;
	line-height:19px;
}
/*-------------------------actualité---------*/
#contenu_actualite {
	width:929px;
	padding:0 2px 2px 2px;
	height:auto;
}
#contenu_actualite p{
	padding:10px;
}

#newsright {
	float:left;
	width:450px;
	padding:0 0 0 20px;
}

.textnews {
	float:left;
	width:300px;
	padding:0 0 0 30px;
}

.imagenews {
	float:left;
width:200px;
}
.imagenews img{

background-color:#FFFFFF;
padding:2px;

}

#contenu_news {
	float:left;
	width:931px;
	padding:0 1px 10px 1px;
	margin:0;
	}
/*-------------------------mentions---------*/
#contenu_mentions {
	width:929px;
	padding:0 2px 2px 2px;
	height:auto;
}
#contenu_mentions p{
	padding:10px 0 10px 220px;
	text-align: left;
}
#contenu_mentions h3{
	padding:10px 0 0 220px;
}
/*----------------------contact---------------*/
#contenu_contact1 {
	font-size:13px;
	color:#464F86;
	width:353px;
	float:left;
	background: url(images/px_contact_gche.jpg)  repeat-x #F1F3EE;
	font-weight:bold;
	margin:40px 0 0 0;

}
#contenu_contact12 {
	background:url(images/flech_bleu.gif) no-repeat 0% 0%;
	float:left;
	width:170px;
	padding:0 0 0 22px;
}
#contenu_contact12 h3 {
	font-size:22px;
	font-weight:normal;
}
.contenu_contact_barre {
	padding:6px 0 20px 0;
	background:url(images/barre.jpg) no-repeat 0 100%;
	width:170px;
}
.contenu_contact_barre1 {
	padding:6px 0 30px 0;
	background:url(images/barre1.jpg) no-repeat 0 100%;
	width:170px;
}
#contenu_contact13 {
	float:left;
	width:170px;
	padding:0 0 0 22px;
}
#contenu_contact14 {
	float:left;
	width:170px;
	padding:0 0 25px 22px;
}
/******* formulaire *****/
#formulaire{
	float:left;
	width:320px;
	padding:16px 0 0 7px;
	color:#626461;
	font-size:11px;
	font-weight:bolder;
}

#formulaire form{
	display: inline;
}

#formulaire p{
	margin:0 0 3px 0; 
	width:320px;
	padding:0;
	float:left;
}
 
#formulaire span{
	float:left;
	clear:left;
	font-weight:bolder;
}
 
 #formulaire .info{
	clear: both;
	text-align:right;
}

 
 
#formulaire em{
	color:#EB7C00;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #626461;
	width:230px;
	height:18px;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #626461;
	width:230px;
	height:70px;
}
#formulaire .bout{
	width: 84px;
	height:27px;
	border:none;	
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
}
#carte {
	float:left;
	padding:0  0 0 60px;
}






/*+++++++++++++++++++++++++++++++++++++++*/





#niv1{
	float: left;
	width: 925px;
	padding-bottom:10px;
}


#niv2{
	float: left;
	width: 925px;
}


.bloc1 {
	background:url(images/blockint.jpg) 15px 15px no-repeat;
	width:900px;
	padding:20px 0 20px 15px;
	float:left;
	text-align:left;
	clear:both;
	
}
.bloc1 img{
	margin:2px 8px 5px 1px;
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #9A9D92;
	cursor:pointer;
}
.bloc1 h3{
	background:url(images/puce.gif) no-repeat 10px 13px;
	padding:10px 0 5px 25px;
	font-size:16px;
	color:#5E6591;	
}


.bloc1 h4{
	font-size:14px;
	color:#74766E;
	padding:10px 0 2px 25px;
}
.titre_left {
	
	width: 250px;
	float:left;
	
}

.titre_right {
	
	width: 280px;
	float:left;
	text-align:left;
	margin-left:135px;
	
}
/*********/


#ceramique_cuisine {
	float: left;
	width: 320px;
}




#faience{
	float: right;
	width: 540px;
}

#foto_faience{
	float: right;
	
}

#txt_faience{
	float: left;
	width: 230px;
}


/**********************/
.imgcuisin{
	text-align:center;
	padding:15px 0 0 0;
}
.carrelageleft {
	float: left;
	width:340px;
}

.carrelageleft ul {
	padding:5px 0 0 20px;
	list-style:none;
}
.carrelageleft p{
	padding:5px 0 0 25px;
}

.carrelageleft li {
	background:url(images/crochet.gif) no-repeat 5px 0 ;
	padding:3px 0 3px 20px;
}
.carrelageleft h3 {
	background:url(images/degr.jpg) no-repeat 8px left;
	padding:12px 0 10px 25px;
}

.saledebainright{
	width:520px;
	float:left;
	padding:35px 0 0 0px;
}

.saledebainrightmini{
	float:right;
	padding:0px;
	cursor:pointer;
}

.saledebainrightvign{
	float:right;
	margin:0 0px 0 0;
}
.saledebainright img{
	background-color:#FFFFFF;
	border:1px solid #9A9D92;
}

.carrelageright{
	width:520px;
	float:left;
	padding:35px 0 0 0px;
}

.carrelagerightmini{
	float:right;
	padding:0px;
	cursor:pointer;
}

.carrelagerightvign{
	float:right;
	margin:0 0px 0 0;
}
.carrelageright img{
	background-color:#FFFFFF;
	border:1px solid #9A9D92;
}



.revetementright{
	width:525px;
	float:left;
	padding:40px 0 0 25px;
}

.revetementright img{
	cursor:pointer;
}



#foto_revetement {
	float: right;
	
}

/************/
#revetement {
	float: right;
	width: 440px;
}

#foto_revet {
	float: right;
}



#txt_revetement{
	float: left;
	width: 130px;
	padding-top:50px;
	
}