/* CSS Document */



body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

.pix_acc {
	background: url(images/pix_acc.jpg) repeat-x  top left #368361;
}

.pix_nav {
	background: url(images/pix_nav.jpg) repeat-x  top left #091718;
}

.pix_ctc {
	background: url(images/pix_ctc.jpg) repeat-x  top left #7285B0;
}

*  {
	margin: 0 ;
	padding:0;
}



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


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


ul  {
	list-style:none;
}




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


a:hover {
	text-decoration:none;
	color:#000;
	
}
/************************/






#page {
	margin: 0 auto;
	width: 955px;
}
/************************/

#haut_acc {
	
	width: 955px;
	float:left;
	height:371px;
	background:url(images/fond_haut_acc.jpg) 0 0  no-repeat;
}



.logo {
	float:left;
	padding: 150px 0 0 325px;
}

.slogan {
	float:right;
	padding: 120px 0 0 0px;
}









#menu  ul{
	text-align:center;
	padding-top:25px;
	
}


#menu   li{
	display:inline;
	padding:0 40px 0 40px;
	
}

#menu  li a{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}

#menu   li a:hover{
	color:#5DA486;
}

#menu  li a span{
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
}

#menu   li a:hover span{
	color:#5DA486;
}

#menu   .active  {
	color:#5DA486;
}

#menu   .active span {
	color:#5DA486;
}










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


#main {
	
	width: 955px;
	float:left;
	background:url(images/pix_cont_acc.jpg) 0 0   repeat-y;

}



#cont_acc {
	
	width: 790px;
	padding:50px 65px 10px 100px;
	float:left;
	background:url(images/fond_cont_acc.jpg) 0 0  no-repeat;
}


#cont_acc h3{
	font-size:14px;
	color:#FFF;
	/*margin-bottom:5px;*/
	width: 580px;
}

#txt_prest {
	width: 580px;
	float:left;
	padding: 0 0px 0 0;
}

#txt_prest h3{
	padding:0 0 10px 0;
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	font-size:16px;
}

#right_col {
	width: 180px;
	float:right;
}

#right_col p{
	padding:0 0 10px 10px;
}

.vert_fonce {
	color:#142014;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
}

.fabrication {
	width:220px;
	padding:0;
	float:left;
}

 .horraire {
	color:#142014;
	font-weight:bold;
	background:url(images/boulle.gif) 0 3px no-repeat;
	padding:0 0 5px 10px;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	text-transform: uppercase;
	line-height: 14px;
}

 .horraire2 {
	color:#fff;
	font-weight:normal;
	padding:0px;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	font-style: normal;
	font-size: 13px;
}

.billard {
	width:285px;
	float:left;
	color:#7bcdcf;
	font-weight:normal;
	padding:10px 5px 5px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	font-style: italic;
	font-size: 13px;
	line-height: 15px;
}

.jeu {
	color:#fff;
	font-weight:bold;
	padding:20px 50px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	text-align:center;
	padding:20px 50px 0 0;
}

.space {
	line-height:18px;
}

.separer {
	border-bottom:1px solid #142014;
}

.etablissement {
	width: 250px;
	float:left;
	padding-top:40px;
}

#fabrication {
	float:right;
	width:280px;
	color:#FFF;
	padding:10px;
}

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

#footer {
	
	width: 955px;
	float:left;
	text-align:center;
	position:relative;
	padding-top:5px;
}

.backfooter_acc{
	background:url(images/fond_footer.jpg) 41% 0  no-repeat;
}

.backfooter_nav{
	background:url(images/fond_footer_nav.jpg) 41% 0  no-repeat;
}

.effet{
	position:absolute;
	top:-85px;
	right:70px;
}

#footer li{
display:inline;
}

#footer li a{
color:#FFF;
padding:0 2px 0 2px;
}

#footer li a:hover{
color:#000;
}
/***********************/


#coordonnes {
	float:left;
	padding:10px 0 0 140px;
	width: 780px;
}

#coordonnes span {
	float:left;
	padding:2px 30px 0 10px;
	color:#000;
	text-align:left;
	background:url(images/sep.gif) 100% 50% no-repeat;
}

#coordonnes .color_txt{
	color:#3F7571;
}

#coordonnes .color_txt2{
	color:#001730;
}

#coordonnes .none {
background-image:none;
white-space:nowrap;
}

#coordonnes .sep {
	padding:2px 30px 10px 10px;
	font-size:14px;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
}

object{
	position:relative;
	top:5px;
	left:0;
}

#toptech {
	text-align:center;
	clear: both;
	padding-top:20px;
}

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

#toptech a:hover{
	color: #C0C0C0;
	font-size:9px;
}


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

#page_nav {
	margin: 0 auto;
	width: 955px;
	/*height:755px;*/
	background:url(images/fond_nav.jpg) 0 0 no-repeat;
}

.logo_nav {
	margin:20px 0 0 380px;
}

#txt_nav{
	float:left;
	width: 755px;
	padding:15px 110px 20px 90px;
	text-align:justify;
	height: auto;
}

.backtxt {
	background: url(images/fond_txt_nav.jpg) 42% 0 no-repeat;
}

.backtxt2 {
		background: url(images/fond_txt_nav2.jpg) 42% 0 no-repeat;
		padding-bottom:20px;
}

#txt_nav h3{
	font-size:16px;
	color:#FFF;
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	padding:0 0 5px 0;
}

.trait1{
	background:url(images/trait1.gif) 0px 10px no-repeat;
}

.trait2{
	background:url(images/trait1.gif) 30px 10px no-repeat;
}

.trait3{
	background:url(images/trait1.gif) 30px 10px no-repeat;
}

.trait4{
	background:url(images/trait2.gif) 300px 10px no-repeat;
}

.fixe{
	float:left;
	width: 1px;
	height:149px;
}

.col_left{
	float:left;
	width: 370px;
	line-height: 16px;
}

.col_left span{
	background:url(images/contact.gif) no-repeat 0 0 ;
	display:block;
	padding-left:10px;
	height:17px;
}

.col_left span a{
color:#FFF;
font-size:10px;
}

.col_left span a:hover{
color:#408840;
font-size:10px;
}

.col_right{
	float:right;
	width: 365px;
}


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


#diapo-atelier{
	width: 955px;
	padding:px 0 0 0;
}

#diapo-atelier img{
	border:1px solid #203A38;
}

.tof-atelier{
	float:left;
	padding: 0px 0 0 90px;
}

.vignette-atelier{
	float:left;
	width: 220px;
	padding: 0 0 0 30px;
}

.vignette-atelier img{
	margin:0 10px 5px 0 ;
	float:left;
	cursor:pointer;
}

/*******************************/
#visuels{
	width: 854px;
	float:left;
	padding:5px 0px 5px 90px;
}

.tof_left{
	float:left;
	margin-right:15px;
}

.tof_right{
	float:right;
}

.leg{
	clear:left;
	text-align:center;
	color:#9ad9db;
	font-weight:bold;
	display:none;
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	font-size:13px;
	padding: 0px 0 5px 0;
}

.visible{
	display: block;
	padding: 0px 0 5px 0;
}

.vert{
	color:#A0C6C0;
	font-size:14px;
	font-weight:bold;
}

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

#page_ctc {
	margin: 0 auto;
	width: 955px;
	background:url(images/fond_ctc.jpg) 0 0 no-repeat;
}


#txt_ctc{
	float:left;
	width: 755px;
	padding:15px 110px 40px 90px;
	text-align:justify;
	background: url(images/fond_txt_ctc.jpg) 42% 0 no-repeat;
}

#cont_ctc{
	float:left;
	width: 854px;
	padding:40px 50px 80px 51px;
}

#cont_ctc img{
	border:1px solid #03162C;
}

/***********************/
#adr{
	float:left;
	width: 250px;

}
#adr p{
	height:33px;
	font-weight:bold;
	font-size:13px;
}

 .picto1{
	background:url(images/picto_adresse.gif) 0 0 no-repeat;
	padding:5px 0 5px 45px;
	margin:5px 0;
}

 .picto2{
	background: url(images/picto_tel.gif) 0 0 no-repeat;
	padding: 8px 0 5px 45px;
	margin:5px 0;
}

 .picto3{
	background: url(images/picto_fax.gif) 0 0 no-repeat;
	padding: 10px 0 5px 45px;
	margin:5px 0;
}

 .picto4{
	background:url(images/picto_mail.gif) 0 0 no-repeat;
	padding:5px 0 0 45px;
}

#adr .tof_left2{
	float:left;
	clear:left;
	margin-right:10px;
}

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

#carte{
	float:left;
	width: 250px;

}
/***********************/

#formulaire{
	width:280px;
	color:#fff;
	float:right;
	font-size:10px;
	padding-right:20px;
}


#formulaire form{
	display: inline;
}

#formulaire p{
	margin:0; 
	width:280px;
	padding:0 0 10px 0;
	float:left;
}
 
#formulaire span{
	float:left;
	clear:left;
	font-weight:normal;
}
 
 #formulaire .info{
	clear: both;
}
 
#formulaire em{
	color:#FF0000;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #999999;
	width:200px;
	background-color:#041E3A;
	color:#FFF;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #999999;
	width:200px;
	height:70px;
	background-color:#041E3A;
	overflow:auto;
	color:#FFF;
}

#formulaire .bout{
	width: 82px;
	height:17px;
	border:none;
	float:right;	
}

#formulaire .rouge{
	color:#3ab3b6;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
}