/* CSS Document */
body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#FFFFFF;	
}
.bg_acc
{
	background:url(images/bg_body.jpg) repeat-x left top #347821;
	
}

.bg_savoir
{
	
	background:#347821 url(images/px_body.jpg) repeat-x;
}


.px_savoir-faire{
background:#347821 url(images/px_body.jpg) repeat-x;}
*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;
}
p {
	padding:3px 0 5px 0;
	display:block;
	/*text-align:justify;*/
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;	
}

.marge
{
	padding-bottom:10px;
}

/********************************************************************************/
#page_acc
{
	margin:0 auto;
	width:916px;
	background:url(images/bg_pages.jpg) no-repeat left top;		
}
.logo
{
	margin:25px 0 0 39px;
	float:left;
				
}
.Plats
{
	padding:0px 2px 0 0;
	font-size:17px;
	color:#FFFFFF;
	text-align:right;
}
.puce
{
	background:url(images/puce_orange.jpg) no-repeat 17px top;
	padding:2px 0 0 58px;
	font-size:17px;
	font-weight:bold;
	margin:0 0 2px 0;
}
.haut
{
	margin:214px 0 0 0;
}
/******************************Menu*******************************************/
#menu
{
	float:left;
	width:326px;
	padding:140px 0px 0 53px;
}
#menu li
{
	float:left;	
	font-size:16px;
	font-weight:bold;	
}

#menu  a
{
	display:block;	
	color:#428130;
	height:25px;
	padding:4px 0 0 0;
	text-align:center;
}
#menu  a:hover
{
	color:#B11010;
}
#accueil a
{	
	width:78px;
	padding-right:22px;
}
#accueil a:hover
{
	background:url(images/acc_hover.jpg) no-repeat left top;	
}
#savoir  a
{
	width:105px;
	padding-right:22px;
}
#savoir a:hover
{
	background:url(images/savoir_hover.jpg) no-repeat left top;
}
#contact a
{
	width:81px;
}
#contact a:hover
{
	background:url(images/contact_hover.jpg) no-repeat left top;
}
         /***************************************************/
#accueil .active
{
	background:url(images/acc_hover.jpg) no-repeat left top;
	color:#B11010;		
}
#savoir .active
{
	background:url(images/savoir_hover.jpg) no-repeat left top;
	color:#B11010;
}
#contact .active
{
	background:url(images/contact_hover.jpg) no-repeat left top;
	color:#B11010;
}		
/*********************************************************************************************/
#content_acc
{
	width:870px;
	float:left;
	padding:25px 0 0 46px;
}

#vert{
	background:#2C651C;
	width:413px;
	padding:7px 5px 5px 5px;
	margin:0;
	height:60px;
	float:left;
	line-height: 16px;
}
#vert span
{
	text-transform:uppercase;
	float:left;
	font-weight:bold;
}
.devis
{
	color:#63D143;	
	border-right:1px solid #FFFFFF;
	width:204px;	
	font-size:18px;
	text-align:center;
	padding-top:8px;
}
.contacter
{
	color:#FFFFFF;
	padding:0 0 0 24px;
	font-size:15px;
	line-height:30px;
	text-align:center;
}
.contacter em
{
	font-size:20px;
	font-style:normal;
}

.amenagement_ext{
	float:left;
	width:380px;
	padding: 0 20px 0 0;
	}
	
	.amenagement_ext h3{
	font-size:16px;
	}
	
	.amenagement_int{
	padding:15px 0 0 0;
	float:left;
	width:358px;
	}
	
.stil{
	font-weight:bold;
	padding:0 0 32px 0;}

.stil2{
	
	text-decoration:underline;
	font-weight:bold;

}

.amenagement_txt{
padding:5px 0 0 30px;
background:url(images/puce.gif) 0 8px no-repeat;}

/******************************savoir*******************************************/

#page_savoir
{
	margin:0 auto;
	width:915px;
	display:table;		
}


#header_savoir{
width:915px;
height:196px;
background:url(images/header_savoir.jpg) no-repeat;}

#content_savoir{
	width:915px;
	background-color:#FFFFFF;}
	
	
.marge_img{
float:left;
padding:10px 0 0 10px;}

.marge_img2{
margin-left:20px;
margin-top:60px;
float:left;
}


#block_right{

padding:10px 0 0 10px;
float:left;

width:244px;
height:auto;}

.restauration{
font-weight:bold;
font-size:16px;
color:#327420;
background:url(images/puce_bgtxt.gif) 0 20px no-repeat;
padding:0 0 20px 0;
text-transform:uppercase;}

.restauration span{
text-align:right;
display:block;
padding:0 16px 0 0;
}

#maron{
	background-color:#472d01;
	width:235px;
	height:120px;
	padding: 0 0 10px 0;
}

.txt-savoir2{
	padding:10px 10px;
}


.txt-savoir{
	padding:0 10px 5px 30px;
	background:url(images/puce.gif) 10px 5px no-repeat;
	}
	
#imgs{
clear:both;
width:915px;
height:150px;}

.class_suivant{
float:right;}

.class_suivant2{
float:left;}

.clas_img1{
float:left;
margin-top:11px;
margin-left:17px;}

.clas_img2{
float:left;
margin-top:11px;
margin-left:10px;}

/******************************contact*******************************************/


#header_contact{
width:915px;
height:196px;
background:url(images/header_contact.jpg) no-repeat;}

*  {
	margin: 0 ;
	padding:0;
}

.contenucontact{
	width:885px;
	background-color:#FFFFFF;
	padding:10px 0 10px 30px;
}
.leftcontact{
	width:313px;
	float:left;
	color:#472D01;
}
.leftcontact img{
	margin:5px 0 5px 0;
}
.adrescontact{
	width:200px;
	margin:10px 0 0 39px;
	background:url(images/flech.jpg) 0 0 no-repeat;
	color:#472D01;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	text-transform:uppercase;
	padding:0 0 0 20px;
}
.adrescontact span{
	color:#2C651C;
}
.rightcontact{
	width:510px;
	float:left;
	padding:0 0 0 26px;
}
.rightcontact img{
	padding:0 0 27px 0;
}
.formulaire{
	width:230px;
	float: left;
	font-size:11px;
	padding:0 15px 0 0;
}
.formulaire h3{
	font-size:14px;
	padding:0 0 5px 0;
	color:#AC0000;
	text-transform:uppercase;
}

.formulaire p{
	width:228px;
	float:left;	
	padding:0 0 7px 2px; 	
}
.formulaire span{
	float:left;	
	padding-top:1px;
	font-weight:bold;
	color:#AC0000;
}
.formulaire .question{
	padding:2px 0 0 0;
}
.formulaire input{
	float:right;	
	width:150px;
	height:18px;
	color:#fff;
	font-size:12px;
	border:none;
	background:#2C651C;
}
.formulaire textarea{
	float:right;	
	width:150px;
	height:78px;
	color:#fff;
	font-size:12px;
	border:none;
	background:#2C651C;
	overflow:auto;
}
.formulaire .bout{
	width:105px;
	height:16px;
	border:none;	
	float:right;	
}
em{
	color:#FFF;		
}
.formulaire .rouge{
	color:#AC0000;
	font-weight:bold;
	float:right;
	white-space:nowrap;
}
.formulaire .form{
	float:left;
}
.formulaire .droite{
	text-align:right;	
}

.formulaire em{
	color:#000;	
}

.blockdevi{
	text-align:center;
	background:url(images/blockdevi.jpg) 0 18px no-repeat ;
	padding:35px 0 10px 0;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	float:left;
	width:250px;
}
.blockdevi p{
	text-align:center;
}
.blockdevi span{
	color:#63D143;
	font-size:22px;
	padding:0 0 20px 0;
	display:block;
	text-align:center;
}

.blockmail{
	float:left;
	text-align:center;
	padding:0px 0 10px 0;
	width:250px;
}

/**************************** Mentions légales ***********************************/
#contenumention{
padding:14px 15px 15px 27px;
float:left;
width:873px;
background:url(images/bg_contenu.jpg) no-repeat #fff;

}
#contenumention h3{
margin-top:14px;
padding-left:10px;
font-size:16px;
color:#b73636;
background:url(images/puce_contact.gif) 0px 0px no-repeat;
}
#contenumention p{
	color:#347821;
	padding:5px 0 5px 10px;
}


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

#footer{	
	width:916px;
	margin:0 auto;		
	padding:15px 0 15px 0;
	font-size:11px;	
	text-align:center;
	clear:both;
}
#footer #adresse
{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	width:916px;	
	text-align:center;
}
#footer #adresse span
{	
	font-weight:bold;	
}	

#navigation{		
	color:#FFFFFF;
	padding:8px 0 20px 0;	
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 5px 0 5px;
	font-size:11px;	
	color:#D8D8D8;	
}
#navigation a:hover{
	color:#63D143;	
}
#footer #toptech {	
	text-align:center;
	padding:0 0 20px 0;		
}
#toptech a{
	color:#000000;
	font-size:9px;
	outline:none;
}
#toptech a:hover{
	color:#63D143;	
}
#footer object{
	position:relative;
	top:6px;
	left:0px;
}