/* CSS Document */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	background:#000;

	
	}


*  {
	margin: 0 ;
}



h2, h3 , h4 , h5  {
	
	display:block;
	
}


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

ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}




a {
	text-decoration:none;
	color:#085670;
}

a img {
	border: 0;
}

a:hover {
	text-decoration:none;
	color:#B2A302;
	
}
.clear {
	clear:both;
}

/*--------------------------page index---------------------------------*/
#page {
	width:955px;
	display:table;
	margin:0 auto;
	padding:7px 0 0 14px;
}

#content {
	width:927px;
	float:left;
	margin:0 auto;
	border:#f1b326 2px solid;	
}
#header {
	float:left;
	height:117px;
}
/*---------logo------*/
#logo{
	padding:13px 0 0 70px;
	float:left;
}
#adr {
	padding:66px 38px 0 0 ;
	float:right;
	width:330px;
	font-weight:bold;
	text-align:right;
	letter-spacing:2px;
}
/*---------menu----------*/
#menu {
	height:20px;
	background-color:#f1b326;	
	margin:0 auto;
	float:left;
	width:927px;
}
#menu ul {
	list-style-type:none;
	padding:0;
}
#menu li {
	text-decoration: none;
	height:20px;
	float:left;
	display:inline;
	color:#261D11;

}

#menu li a {
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	height:49px;
	padding:0 30px 0 30px;
	text-align:center;
	vertical-align:top;
	line-height:20px;
	color:#261D11;
	
}
#menu li a:hover {
	text-decoration:none;
	color:#FFF;	
}
#menu li a.actif {
	text-decoration:none;
	color:#FFF;	
}
/*---------------contenu index--------*/
#content-index{
	width: 420px;
	padding: 5px 0px 0 5px;
	float:left;
	font-size:20px;
	font-weight:bold;
	line-height:24px;
}
#content-index p.titre-content-index{
	display: bloc;

	margin: 5px 0px 3px 0px;
}
#content-index p.sous-content-index{
	display: bloc;
	text-align: justify !important;
	margin: 5px 0px 3px 0px;
	font-size:12px;
	font-weight: normal;
	line-height:14px;
}
#content-index p.sous-content-index strong {
	font-weight: normal;
}
#content-index p.sous-content-index a {
	font-weight: normal;
	color: #fff;
}
#content-index p.sous-content-index a:hover {
	text-decoration: underline;
	color: #fff;
}
#image-index{
	padding:60px 0 30px 20px;
	float:left;
}
/*------------------------------PRESENTATION---------*/
#content-presentation {
	padding:53px 0 62px 56px;
	float:left;
	text-align:justify;
	width:435px;
	letter-spacing:2px;
}
#content-presentation h3 {
	font-size:11px;
	color:#f1b326;
	padding: 0 0 10px 0;
}
#content-presentation span {
	color:#f1b326;
}
#content-presentation strong {
	color:#f1b326;
	font-weight: normal;
}
a.linkref {
	color: #fff;
}
a.linkref:hover {
	border-bottom: 1px dashed #776;
}
#image-presentation{
	padding:76px 0 36px 106px;
	float:left;
}
/*------------------notre catalogue-------*/
#content-notre-cat {
	padding:51px 0 0 131px;
	float:left;
	width:787px;
}
.ensemble-block {
	padding:0 0 36px 0;
	float:left;
	width:787px;
}
.block-cat {
	text-align:left;
	float:left;
	width:272px;
}
.block-cat1 {
	text-align:left;
	float:left;
	width:174px;
}
.block-cat2 {
	text-align:left;
	float:left;
	width:206px;
}
.block-cat3 {
	text-align:left;
	float:left;
	width:230px;
}
.block-cat4 {
	text-align:left;
	float:left;
	width:256px;
}
.block-img{
	clear:both;
	margin:8px 0 8px 0;
}
.block-img1{
	clear:both;
	margin:20px 0 20px 0;
}
.titre-image {
	font-weight:bold;
	clear:both;
}
.comntre-image {
	float:left;
}
#consulter {
	padding:0 0 40px 0;
	float:left;
	font-weight:bold;
	text-align:center;
	width:626px;
	letter-spacing:2px;
}
/*-------------------------REFERENCES-----------*/
#content-ref {
	padding:54px 0 40px 51px;
	float:left;
	width:820px;
	text-align:justify;
	letter-spacing:2px;
}
#content-ref h2{
	color:#f1b326;
	font-size:11px;
	clear:both;
}
#content-ref h3{
	color:#f1b326;
	font-size:11px;
	/*background:url(images/puce1.gif) no-repeat 0 80%;*/
	padding:20px 0 2px 0px;
}
#content-ref ul {
	list-style-type:none;
}
#content-ref li {
	background:url(images/puce.gif) no-repeat 0 2px;
	padding:0 0 0 10px;
}
#content-ref li span {
	font-weight:bold;
}
.block-list {
	float:left;
	width:190px;
	padding:0 80px 0 0;
	font-weight:bold;
	letter-spacing:0;
}
/*-------------------------CONTACT-------------------*/
#contacter {
	width:152px;
	float:left;
	padding:70px 38px 0 28px;
	font-weight:bold;
}
#contacter span {
	color:#f1b326;
}
#carte {
	padding:70px 40px 0 0;
	float:left;
}
#lien {
	color:#f1b326;
	width:300px;
	float:left;
	padding:0 0 40px 28px;
	font-weight:bold;
	text-align:left;
}
#lien a {
	color:#f1b326;
	text-decoration:underline;
} 
#lien a:hover {
	color:#FFF;
}
#lien span{
	position:relative;
	top:7px;
}
/******* formulaire *****/
#formulaire{
	float:left;
	width:312px;
	padding:70px 0 0 0;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
}

#formulaire form{
	display: inline;
}

#formulaire p{
	margin:0 0 3px 0; 
	width:312px;
	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 #FFF;
	width:230px;
	height:18px;
	background-color:#000;
	color:#FFF;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #FFF;
	width:230px;
	height:70px;
	background-color:#000;
	overflow:auto;
	color:#FFF;
}
#formulaire .bout{
	width: 70px;
	height:21px;
	border:none;	
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
}
/*------------------------MENTIONS LEGALES------------*/
#contenu-mentions {
float:left;
width:825px;
padding:54px 51px 40px 51px;
text-align:justify;
letter-spacing:1px;
}
#contenu-mentions h2{
	padding:0 0 6px 0px;
	color:#f1b326;
	font-size:13px;
	clear:both;
}
#contenu-mentions h3{
	color:#f1b326;
	font-size:11px;
	background:url(images/puce.gif) no-repeat 0 90%;
	padding:20px 0 0 8px;
}

/******************************/
#footer{
	float:left;
	width:927px;
	text-align:center;
	color:#f1b326;
	padding: 0 0 20px 0;	
	background: url(images/px-footer.jpg) repeat-x 0 0;
	margin:0 auto;
	letter-spacing:1px;
	font-size:10px;
}

#footer li{
	display:inline;
}

#footer li a {	
	color:#f1b326;
	padding:0 5px 0 5px;
}

#footer li a:hover{	
	color: #FFF;
	
}

#footer p{
	
	padding:2px 0 0 0;
}
#footer p span{
	position: relative;
	top:5px;
}

/***************************************/

#footer #toptech { 
	color:#8B8B8B;
	padding:15px 0 0 0;
	text-align:center;
}


#footer #toptech a { 
	color:#606060;
	font-size:9px;
}

#footer #toptech a:hover { 
	color:#FFF;
}

.tabprix{
color:#ddd;
border : 1px solid #aaa;
border-right : 0px solid #aaa;
font-size:12px;
width:250px;
}

.tabprix tr td{
border-right : 1px solid #aaa;
font-weight:bold;
}

.firstline td{
border-bottom : 1px solid #aaa;
font-weight:normal;
}