/****************************************************************************************************************/
/*****************************************************GENERAL****************************************************/
/****************************************************************************************************************/

body{	width: 100%;	font-family:Arial,Helvetica,sans-serif;	text-align:justify;	background-color:#f5f5dc;	color:#6d6f71; }

*{ margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; vertical-align: baseline;}

h1, h2, h3, h4, h5, h6{ 	margin:6px 0;}

h1{font-size:15px; letter-spacing:-1px; text-transform:uppercase;}
h4{text-transform:uppercase; letter-spacing:-1px;}

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet  {border : none; text-decoration : none;} 

a:active, a:focus, a:link, a:visited {color : #3c3b35;} 

a:hover{text-decoration :  underline; color : #b2a977; }

.separation{margin-top:10px; 	margin-bottom:10px;	height:10px;	background:  url("../images/separation.png") repeat-x top;}

.clear{clear:both;}
.txt_bold{font-weight:bold; color:#575656;;}
.orange {color:#F8981D;}

.right{float:right; margin-left:20px;}

.left{float:left; margin-right:20px;}

ul{list-style:none outside none;}
li{background:url("../images/puce.gif") no-repeat scroll left 8px transparent; font-size:1em; padding:4px 0 0 15px;}
#filariane{text-transform:uppercase; font-size:16px;}
.filariane_el{color:#F8981D;}
.filariane_el a, .filariane_el a:hover, .filariane_el a:focus, .filariane_el a:visited, .filariane_el a:link{color:#F8981D;}
.filariane_select{color:#b2a977;}

/****************************************************************************************************************/
/*****************************************************HEADER*****************************************************/
/****************************************************************************************************************/

#header{ background:url("../images/fond-header.jpg") repeat-x scroll 0 0 transparent;}

#header-contenu{ height:180px; margin:0 auto; position:relative; width:960px; }

#logo-haut{	left:10px; 	position:absolute; 	top:20px;}

#menu-haut{
	position:absolute;
	top:20px;
	right:0;
	margin-left:504px;
}

#logob-haut{
	position:absolute;
	top:130px;
	left:0;
}

#texte-haut{
	position:absolute;
	top:128px;
	left:0;
	color:#6D6F71;
	text-align:center;
	margin-left:10px;
}

#texte-haut h1, #texte-haut h2{font-size:13px; letter-spacing:-1px; text-transform:uppercase; margin-right:14px; display:inline;}


#menu{
	height:50px;
	text-align:center;
}

#menu div{
	float:left;
}

#menu  .nested span{
	padding:10px;
	float:left;
	*text-align:center;
	background:  url("../images/bulle_inactive.png") no-repeat top;
	_background:  url("../images/bulle_inactive.jpg") no-repeat top;
	height:50px;
	width:110px;
	padding-left:10px;
	padding-right:10px;
}

#menu  .nested span:hover{
	float:left;
	background:  url("../images/bulle_inactive_hover.png") no-repeat top;
	_background:  url("../images/bulle_inactive_hover.jpg") no-repeat top;
	height:50px;
	width:110px;
	*text-align:center;
	
}

#menu  .active span{
	padding:10px;
	float:left;
	*text-align:center;
	background:  url("../images/bulle_active.png") no-repeat top;
	_background:  url("../images/bulle_active.jpg") no-repeat top;
	height:50px;
	width:110px;
	padding-left:10px;
	padding-right:10px;
}

#menu  .active span:hover {
	float:left;
	background:  url("../images/bulle_active_hover.png") no-repeat top;
	_background:  url("../images/bulle_active_hover.jpg") no-repeat top;
	height:50px;
	width:110px;
	*text-align:center;
}

#menu a{	color:#5b5b5b;	font-size: 15px;	font-weight: bold;	text-decoration:none;}

#menu a:hover{	color:#6d6f71;}

#header-admin{	text-align:center;	font-size:80%;	background-color:#6d6f71;	color:#f5f5dc;}

#accessibility{
background:transparent url(../images/bg-quicklinks.png) no-repeat scroll left top;
font-size:90%;
height:20px;
margin-right:10%;
padding:6px 0 0;
position:absolute;
right:0;
text-align:center;
top:0;
width:180px;
color:#DED4AC;
}

/****************************************************************************************************************/
/*****************************************************FOOTER*****************************************************/
/****************************************************************************************************************/

#footer{	background:url("../images/fond_footer.jpg") repeat-x scroll 0 0 transparent; color:#7E7E7E;	clear:both;}

#footer-contenu{ padding-top:1%; margin:0 auto;	width:960px; position:relative;	height:335px;}

#footer-contenu h4{	color:#DED4AC;}

#footer-lien{text-align:center; font-size:14px; background:url("../images/fond_footer.jpg") repeat-x scroll 0 0 transparent; color:#f5f5dc;}

#coordonnee{float:left; margin-right:20px; width:20%;}
#coordonnee2{float:left; margin:30px 20px 0 20px; width:22%;} 
#contact-footer {float:left; width:44%; margin-left:20px; width:45%;}
#activites-footer{font-size:14px; position:absolute; bottom:30px; left:0;}

#contactForm input, textarea { color:#7E7E7E; border:1px solid black; margin-bottom:5px; font-size:14px; font-family:Arial,Helvetica,sans-serif;}

#contactForm #nom{float:left; width:40%;}
#contactForm #prenom{float:right; width:40%; }
#contactForm #mail{float:left; width:40%;}
#contactForm #sujet{ float:right; width:40%;}
#contactForm #message{ width:100%; }
#contactForm #envoyer{ width:40%; cursor:  pointer; color:#000000; background-color:#ABA894;}

#info_mail{font-size:90%; text-align:left; margin-bottom:10px;}
#info_mail #error{color:#f00;}
#info_mail #rep{color:#DED4AC;}

.separator1{float:left; text-align:center; width:20px;}

.separator2{float:left; text-align:center; width:20px;}

/****************************************************************************************************************/
/*****************************************************ENTIER*****************************************************/
/****************************************************************************************************************/

#entier{margin:0 auto; width:960px; position:relative;}

/****************************************************************************************************************/
/*****************************************************GAUCHE*****************************************************/
/****************************************************************************************************************/

#sidebar{float:right; width:300px;}

#arbre-gauche  {position:absolute; right:0; top:-100px;}

#gauche-haut p {padding-bottom:6px; padding-top:6px; text-align:left; width:70%;}

.cadre-contenu{padding:8px 14px; background:url("../images/fd_cadre.png") no-repeat scroll 0 0 transparent; height:120px; }
.cadre-contenu p{text-align:left;}
.cadre-contenu h4{margin:0 0 8px; color:#b2a977; text-transform:uppercase; font-weight:bold;}

.cadre-reseau{padding:8px 0px;}

.ensavoirplus  { background:url("../images/savoirfleche.png") no-repeat scroll 0 0 transparent; color:#DED4AC; height:20px;margin-top:10px;text-indent:28px;}

/****************************************************************************************************************/
/*****************************************************CONTENU*****************************************************/
/****************************************************************************************************************/

#contenu{float:left;  margin:0 0 10px 4px; width:636px;}
#contenu h1{color:#F8981D;}
.facebooklike{border:none; overflow:hidden; width:620px; height:60px; padding-top:10px; padding-bottom:6px;}

/****************************************************************************************************************/
/*****************************************************SERVICES*****************************************************/
/****************************************************************************************************************/

.bloc-service{padding:10px 0;}
.bloc-service h1{padding-bottom:10px;}

/****************************************************************************************************************/
/*****************************************************OFFRES*****************************************************/
/****************************************************************************************************************/

#contenu .ContenuTexte h1{color:#6D6F71;}

#menuOffre span{	cursor:pointer;}
#titre_vitrine, #titre_exposition, #titre_venteenligne, #titre_surmesure{	padding-right:5px;	padding-left:5px;	padding-top:5px;	padding-bottom:1px;	margin-right:5px;	border-top: 1px solid #6d6f71;	border-right: 1px solid #6d6f71;	border-left: 1px solid #6d6f71;	font-weight:bold;}
#titre_vitrine{	background-color:#aba894;	color:#6d6f71;	}
#titre_exposition, #titre_venteenligne, #titre_surmesure{	background-color:#6d6f71;	color:#f5f5dc;	}
#vitrine, #exposition, #venteenligne, #surmesure{	padding-right:5px;	padding-left:5px;	padding-top:10px;	padding-bottom:5px;	border: 1px solid #6d6f71;	background-color:#aba894;	color:#f5f5dc;}


/****************************************************************************************************************/
/*****************************************************PAGE*****************************************************/
/****************************************************************************************************************/

.page_nav .el{padding:8px 14px; background:url("../images/fd_cadre.png") no-repeat scroll 0 0 transparent; height:120px; width:45%; margin-top: 30px;}
.page_nav a{display:block; width:98%; height:100%;}
.page_nav a:hover{text-decoration:none;}
.left_p{float:left; }
.right_p{float:right; }
.img_page{  display:block; float:left; }
.titre_page{  display:block;  float:right; margin-right:20px; color:#6D6F71; font-weight:bold;}
.texte_page{  display:block;  clear:both; padding-top:10px; color:#6D6F71; text-align:left;}


/****************************************************************************************************************/
/*****************************************************DEVIS******************************************************/
/****************************************************************************************************************/

.multi_form{width:100%;}
.multi_form fieldset{border:1px dotted #6D6F71; padding:10px; margin:10px 0; width:96%;}
.multi_form legend {font-weight:bold; width:580px; background-color:#ABA894; padding:10px 0; text-indent:10px; border:1px solid #6D6F71; margin:10px 0; text-align:center;}
.multi_form input, .multi_form select, .multi_form textarea,.multi_form  input[type=checkbox]{margin-top:10px; width:100%;}
.multi_form input:focus, .multi_form select:focus, .multi_form textarea:focus,.multi_form  input[type=checkbox]:focus{border:1px solid #F8981D;}
.multi_form textarea{height:90px;}
.multi_form input[type=checkbox]{width:10%;}
.multi_form .bt_envoyer{background-color:#ABA894; border:1px solid #000000; font-size:16px;}
.info_devis2{border:1px solid #575656; padding:8px;}

/****************************************************************************************************************/
/*****************************************************REFERENCES*************************************************/
/****************************************************************************************************************/

#featured{ 
	width:100%; 
	position:relative; 
	height:700px; 
}
#featured ul.ui-tabs-nav{ 
	text-align:left;
	position:absolute; 
	top:0;  
	list-style:none; 
	padding:0; margin:0; 
	width:34%; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-right:13px;  
	font-size:12px; 
	
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#6D6F71; 
	padding:2px; 
	border:1px solid #6D6F71;
	color:#f8981d; 
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	font-weight: bold;
	color:#f8981d;  background:#6D6F71; 
	line-height:20px;
}

#featured li.ui-tabs-nav-item img{ 
	height:50px;
	width:80px;
}

#featured li.ui-tabs-nav-item a:hover{ 
	font-weight: bold;
	color:#6D6F71; 
	background:#aba894;
	text-decoration:none;
}
#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.png') right no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#f8981d; 
	font-weight: bold;
	color:#6D6F71; 
}
#featured .ui-tabs-panel{ 
	width:62%; 
	height:100%;
	left:38%; 
	position:relative;
	
}

#featured .ui-tabs-panel img{ 
	width:100%; 
	
}

#featured .ui-tabs-panel .info{ 
	position:relative; 
	top:-70px; 
}
#featured .info h2{ 
background: url('../images/transparent-bg.png'); 
	font-size:18px; 
	color:#ffffff; padding:5px; margin:0;
	overflow:hidden; 
	height:60px;
}
#featured .info p{ 
	margin:20px 5px;  
	color:#6d6f71; 
	/*border:5px solid #aba894;*/
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}