/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body{
	background: url("../../../images/interface/fond_degrade.jpg") repeat-x;
	background-color: #b6610a;
	margin-top:0px;

}

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


#header{
 	background: url("../../../images/interface/head.jpg") no-repeat;
	background-color: #7f4812;
	 height: 155px;
}

.container{
	background-color: #b6610a;
	padding-bottom: 100px;/* Egal à la hauteur du footer pour que le bas soit tjrs visible*/
}

.container2 {width:950px;margin:0 auto;}


/**************************************/
/*             NAVIGATION             */
/**************************************/

	.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }


/**************************************/
/*            Zenf Form Styling       */
/**************************************/

	.zend_form{
	background:transparent;
	width:auto;
	margin:5px auto;
	padding:0;
	overflow:auto;
	text-align:left;
	}
	
	.zend_form dt{
	padding:0;
	clear:both;
	width:30%;
	float:left;
	text-align:right;
	margin:5px 5px 5px 0;
	}
	
	.zend_form dd{
	padding:0;
	float:left;
	width:68%;
	margin:5px 2px 5px 0;
	}
	
	.zend_form p{
	padding:0;
	margin:0;
	}
	
	.zend_form input, .zend_form textarea, .zend_form select{
	margin:0 0 2px 0;
	padding:0;
	background-color: #d96c02;
	}
	
	.submit{
	float:right;
	}
	
	.required:before{content:'* '}
	
	.optional:before{content:' '}

	
	#ui-datepicker-div{
	    z-index: 2006; /* Dialog z-index is 1006*/
	}
	
	.zModified {
	    z-index: 2006; /* Dialog z-index is 1006*/
	}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#boxTexteFond{
 background: url("../../../images/interface/fond_texte.gif") no-repeat;
 height:300px;
 width: 589px;
 
 padding-top:25px;
 padding-left:8px;
 }


#boxContactFond{
 background: url("../../../images/interface/fond_contact.gif") no-repeat;
 height:470px;
 width: 589px;
 
 padding-top:25px;
 padding-left:8px;
 }

#fondProduit{
 background: url("../../../images/interface/fond_produit_degrade.png") repeat-x;
 background-color: #a45300;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 }

.boxNouvoFond{
 background: url("../../../images/interface/fond_nouvo.jpg") no-repeat;
 height:253px;
 width: 589px;
 
 padding-top:25px;
 padding-left:8px;
 }

.boxNewsFond{
 background: url("../../../images/interface/fond_news.jpg") no-repeat;
 height:375px;padding-top:25px;
}

#boxHeader{
 font-weight: bold;
 text-shadow: 0px 0px 0px;
 border-color: #8797b7;
 border-width: 1px;
 text-align: center;
 background: url("../../../images/interface/fond_header_box.jpg") repeat-x;
 background-color: #7488a0;
 color: #666699;
 border-style: solid;
 width:auto;
 font-family: "Trebuchet MS", helvetica, sans-serif ;
 font-size: 11px;
 text-transform: capitalize;
}
#box{
 border-color: #8797b7;
 border-top-width: 0px;
 border-left-width: 1px;
 border-bottom-width: 1px;
 border-right-width: 1px;
 text-align: center;
 background-color: white;
 color: #536e94;
 border-style: solid;
 width:auto;
 font-family: "Trebuchet MS", helvetica, sans-serif ;
 font-size:10px;
 
}

/**************************************/
/*               DIAP                 */
/**************************************/
.pics {  
    height:  400px;  
    width:   500px;  
    padding: 0;  
    margin:  0; 
    background-color: transparent;
} 
 
.pics img {  
    padding: 0px;  
    border:  0px solid #ccc;  
    background-color: #eee;  
    width:  270px; 
    height: 180px; 
    top:  0; 
    left: 0 
} 

/**************************************/
/*               TEXTE                */
/**************************************/
.titreNews{
 font-family: "Trebuchet MS", helvetica, sans-serif ;
 font-size: 13px;
 color: #ff8300;
}

.texteNews{
 font-family: "Trebuchet MS", helvetica, sans-serif ;
 font-size: 11px;
 color: #f9b400;
 line-height: 12px;
}
.listen{
 font-family: "Trebuchet MS", helvetica, sans-serif ;
 font-size: 12px;
 color: #ff8300;
 line-height: 12px;
}
p{
 font-family: "Trebuchet MS", helvetica, sans-serif ;
 font-size: 12px;
 color: #f9b400;
 line-height: 13px;
}

hr {
height: 1px;
/*margin: -0.5em 0;*/
padding: 0;
color: #F00;
background-color: #d96c02;
border: 0;
}

/**************************************/
/*               FICHE                */
/**************************************/

.titreFiche{
 text-transform: uppercase;
 font-family: "Trebuchet MS", helvetica, sans-serif ;
 font-size: 11px;
 color: #536e94;
}

.resultFiche{
 font-family: "Trebuchet MS", helvetica, sans-serif ;
 font-size: 12px;
 color: #ff8000;
}

legend.fiche {
  font-size: 1em;
  font-weight: bold;
  background-color: #b2e1f2;
  padding: 0.2em 0.5em;
  border:1px solid #336699;
  color: #23476c;
  text-align:right;
  margin-bottom: 0.5em;

}
/**************************************/
/*               FOOTER               */
/**************************************/

#footer{
 height: 30px;
 text-align: center;
 background-color: #909074;
 margin-top: 25px;
 padding-top: 10px;
 color:#7f4812;
}
.footerFixed {
	position:fixed;
	bottom : 0;
	left:0;
	background: url("../../../images/interface/fond_footer.jpg") repeat-x;
	background-color:#ffffff;
	height: 100px;
	width: 100%;
	border-top: 0px solid #009933;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size:0.8em;
	text-align: center;
	text-transform: uppercase;
	z-index: 1000;
}

.footerTxt a {
	padding: 1px 8px 1px 12px;
	border: 0px dotted #7f4812;
	}
.footerTxt a:link, .footerTxt a:visited {
	color: #c15f00;
	text-decoration: none;
	}
.footerTxt a:hover {
	border: 0px solid #cccccc;
	color: #ff7c00;
	}