{
font-family:Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px ;
}

body {
	background: #171717 url(../images/bgg.jpg) top center repeat-x;
	font-family:Arial,Tahoma,Trebuchet MS,Verdana,Georgia,Geneva,Helvetica, sans-serif;
    font-size:11px;
    width:100%;
    margin:0px;
    padding:0px;
	color:#000;
}

h1{ background:url(../images/bg_h.png) repeat-x;
	font-family:ITCAvantGardeGothicBookRg;
	font-size:24px;
	color:#fff;
	margin:0px;
	font-weight:normal;
	padding-bottom: 10px;
    padding-top: 10px;
	margin-left:24px;
	padding-right:20px;
	width:50%;
}

/*h1{background:url(../images/trait.png) repeat-x;
			width:470px;
			margin:auto;

}*/

h2{ font-family: ITCAvantGardeGothicBookRg;
	font-size:24px;
	color:#147bc9;
	margin:0px;
	font-weight:normal;
	padding-bottom: 10px;
    padding-top: 13px;
	margin-left:18px;
	width:200px;
}
	

h3{
	color:#8e7f31;
	font-size:12px;
	font-weight:bold;
	font-family:ITCAvantGardeGothicBookRg;
	
}
/*****************************************************bloc-haut***********************************************************************/

#bloc-haut{
	height: 460px;
    margin: auto;
    width: 960px;
	
}
/*****************************************logo*****************************/
		
#logo{ 	float:left;
		width: 287px;
		height:80px;
		margin-left: 338px;
    	margin-top: 18px;
		
}
/***************************navigator************************************/
#nav {  background:url(../images/bg_menu.png) no-repeat;
		width: 932px;;
		height:58px;
		list-style:none;
		margin:auto;
		padding:0px;
		font-weight:normal;
		text-align:center;
		font-family: 'MyriadProCondensed';
		float:left;
		margin-top:10px;
		font-size:20px;
		padding-left: 28px;
		padding-top:11px;
		padding-bottom:10px;
		
}


#Presentation{color: #fff; 
			  text-decoration: none;
			  float:left;
			  width: 94px;
			  height:24px;
			  margin-top:15px;
			  margin-right: 44px;
			 
}
#Presentation:hover { 
			
			color:#031090;
			
}

.selected #Presentation{
			
			color:#031090;
			
	
}
#Maconnerie{     color: #fff;   
			  text-decoration: none;
			  float:left;
			  width:161px;
			  height:24px;
			margin-top:15px;
			 margin-right: 44px;
			 
}
#Maconnerie:hover { 
	
	color:#031090;
}

.selected #Maconnerie {
	
	color:#031090;
}
#Nouvelle{    color: #fff;   
			  text-decoration: none;
			  float:left;
			   width: 165px;
			  height:24px;
			  margin-top:15px;
			   margin-right: 44px;
			 
			
}
#Nouvelle:hover { 
	
	color:#031090;
	
	
	
}


.selected #Nouvelle{
	
	color:#031090;
	
	
	
	
}
#Transformation{    color: #fff;
			  text-decoration: none;
			  float:left;
			  width: 114px;
			  height:25px;
			  margin-top:15px;
			  margin-right: 44px;
			  
}
#Transformation:hover { 
	
	color:#031090;
	
	
}

.selected #Transformation {
	
	color:#031090;
	
	
	
}

#Realisations{   color: #fff; 
			  text-decoration: none;
			  float:left;
			  width:97px;
			  height:25px;
			  margin-top:15px;
			  margin-right: 33px;
			
}
#Realisations:hover { 
	
	color:#031090;
	
	
}

.selected #Realisations {
	
	color:#031090;
	
	
}

#Contact{     color: #fff;
			  text-decoration: none;
			  float:left;
			  width: 67px;
			  height:25px;
			 margin-top:15px; 
			 
}
#Contact:hover { 
	
	color:#031090;
	
	
}

.selected #Contact {
	
	color:#031090;

	
}
/*-------------------fin nav--------------------*/
/***********************************slideshow*************************/
#bg_slid{ background:url(../images/bg_slid.png) no-repeat;
		  width:956px;
		  height:266px;
		  float:left;
		  padding-left: 6px;
          padding-top: 6px;
}

#slogant{width: 141px;
		height:152px;
		float:left;
		font-family:ITCAvantGardeGothicBookRg ;
		font-size:35px;
		 margin-left: -586px;
   		 margin-top: 59px;
		color:#FFFFFF;
		font-weight:normal;
		
}
#soigne{ background:url(../images/soigne.png) no-repeat;
		width:120px;
		height:46px;
		padding-left:20px;
		font-family:MyriadProCondensed;
		font-size:35px;
		font-weight:normal;
		padding-top:7px;
		float:left;


}
#travail{width:95px;
height:35px;
float:left;}
#rapide{
			font-size:74px;
			font-family:'Swiss911XCmBTRegular';
			float:left;
			height: 77px;
			width:138px;
			margin:0px;
			padding:0px;
			
}
#slideshow{width:600px;
		   height:260px;
		   float:left;
		     margin-right: 3px;
}
#slid2,#slid3 { float:left;
				width:171px;
				height:262px;
				  margin-right: 3px;

}



/*******************************************************************wrapper***********************************************************/
#repeat_wrapper{
				width:100%;
				min-height:455px;
				margin:auto;
				overflow:hidden;
}

#wrapper{
		min-height:455px;
		width:960px;
		margin: auto;
		overflow:hidden;
		margin-top:9px;
		
		
}



/*#content_coordonne{float:left;
					min-height:455px;
					width:960px;
}
/*******************cotenu********************/
#images_content{ float:right;
				width:250px;
				height:200px;
				padding-left:3px;
				
}

#content_repeat{ background: url(../images/bg_repeat.png) repeat-y;
				 min-height:256px;
				 width:638px;
				 float:left;

}

#bg_content{ background:url(../images/bg_content.png) no-repeat;
			width:638px;
		  	min-height:256px;

 }
#content{ 
		  font-family: Tahoma;
		  font-size:11px;
		  color:#fff;
		  padding-left: 20px;
    	  width: 600px;
		  min-height:256px;
		  padding-right:18px
		  
		 
}
#content_bottom{background:url(../images/footer_content.png) no-repeat;
				height:11px;
				width:638px;
				

}

/*******************contact********************/
/*#repeat_coordonner{background:url(../images/repeat_contact.png) repeat-y;
					min-height:268px;
					width:315px;
					float:right;
					

}*/

#coordonner_maconnereie{float:right;
						width:315px;
						min-height:460px;
}
#coordonne{ background:#e9e9e9 url(../images/bg_contact.png) no-repeat;
			width:292px;
			min-height:268px;
			color:#000;
			padding-left:22px;
			
}
#coordonne a{ text-decoration:underline;

}

/****************************************************maconnerie	******************************/
#maconnerie{
			width:290px;
			height:180px;
			background:url(../images/bg_maconnerie_pierre.png) no-repeat;
			padding-left:24px;
			padding-top: 10px;
			

}	
#title_maconnerie{
					font-family: ITCAvantGardeGothicBookRg;
					font-size:24px;
					color:#fff;
					margin:0px;
					width: 100px;
					 padding-bottom: 20px;
}
.text_maconnerie{float:left;
				 font-family:ITCAvantGardeGothicBookRg;
				 font-size:11;
				 color:#FFFFFF;
				 
}
#content_mas{min-width:117px;
height:76px;
}	

#img_mac{float:right;
		width:128px;
		height:128px;
		margin-top:-138px;
		margin-right: 6px;	
}
#voir{float:left;
	font-family: ITCAvantGardeGothicBookRg;
	font-size:11px;
	color:#000;
	margin-left: 214px;
    margin-top: 10px;

}

#voir a{text-decoration:none;}




/*******************realisation********************/
			
#realisation{background:url(../images/realisation2.png) no-repeat;
			 width:620px;
			 height:168px;
			 float:left;
			 padding-top:15px;	
			 padding-left: 20px;
	}
#title_realisation{font-family: ITCAvantGardeGothicBookRg;
					font-size:24px;
					color:#147bc9;
					margin:0px;
					margin-left:23px;
					 width: 184px;
					 
}

				
/****************************************************Footer******************************/



#bg_footer{
  		 width:100%;
		 height: 102px;
		 margin: auto;
		 clear:both;
}
#footer{
		 height:102px;
		 clear:both;
		 width: 929px;
		 margin:auto;
		 
		 
}

#ilike{ float: left;
		width:420px;		
		height: 24px;
		background:#29a3fe;
		margin-left: 30px;
   		margin-top: 38px;
		
		
}
.contactForm fieldset{ border:0px;
}
.comment{ 
			 margin-left: 225px;
    		 margin-top: -133px;

}

.contactForm small {
    color: #FFFFFF !important;
    display: block;
    font-size: 10px;
    margin-top: 3px;
}


/***************************** Newsletter *********************
    #newsletter  fieldset {border:none !important;}
	
    #form-nl ol{
    list-style:none;
    padding:0;
    margin:0;
	border:none !important;
    }
    #form-nl li{
    margin-bottom:2px;
	width: 245px !important;
	border:none !important;
    }
    #form-nl .field-title{

	width: 62px;
    display: inline-block;
    float:left;
    color:#000;
	border:none !important;}
    #form-nl .txtbox-long{
    font-size:11px;
    border:1px #286dad solid;
    padding:2px 3px;
    width:74px;
	
    
	height:10px;}
    #form-nl #subscriber-submit{
    font-size:11px;
    padding:2px 3px;
    margin-left:42px;
    color:#000;
	border:none;
	width:73px;
	font-family:'ITCAvantGardeGothicBookRg';
	
	}
    
    
    #position_newsletter{
    float:left;
    width:280px;
	border: none;
	
    }