/******************
 *   COMMUN
 *****************/
* { margin: 0; padding: 0; }
body { font-size:small; font-size:10px; font-size:0.76em; background: #fffff2; }
body { font-family: Verdana, Tahoma, Arial, Serif; }
h1,h2,h3,h4,h5,h6 { font-family:Lucida Bright,Georgia, Arial, Serif; color:#774024; }
h2,h3 { border-bottom: 1px solid #ffba83; font-size:1.6em; font-weight:normal; color:#774024; }
h4 { margin-top: 20px; }
p { margin:0.5em 0; line-height:1.6em; }
ul, ol { margin:0; padding:0.5em 2em; line-height:1.3em; }
a:link,a:visited { text-decoration: none; color: #604036; }
a:hover, a:active { text-decoration:none; border-bottom:#ccc 1px solid; color:#ffba83; }
.pubHeader a:hover,.pubHeader a:active { text-decoration:none; border-bottom:none; }
img { border: none; }
p.important { padding: 0px 0 0px 23px; background: url("http://www.fruits-seches.com/images/icons/arrow_right.png") no-repeat left top; background-position: 0px 0px; }
.clear { clear: both; }
/******************
 *   MENU HEADER
 *****************/
#header { width: 970px; height: 120px; background: url(/images/logo.png) no-repeat top; margin: 0 auto; }
ul.navigation { list-style:none; margin: 0px auto 0px; height:28px; padding: 67px 0 0 18px; text-transform:capitalize; font-size:1.1em; font-weight:normal; text-align: right; overflow: hidden;}
ul.navigation li { float:left; margin:0; padding:0; list-style:none; white-space:nowrap; background:none; font-weight:bold; }	
ul.navigation li a { display:block; padding:5px 6px; letter-spacing:1px; border:0; text-decoration:none; color:#030; }	
ul.navigation li a:hover,ul.navigation li a:active { color: #3AAE43; border:0; text-decoration:none; }
.navigation .active { text-decoration: underline; color: #3AAE43; }
/*******************
 *   PUBLICITE
********************/
.pubHeader { margin: 0 auto; width: 970px; }
.pubHeader div.pubFS { width: 225px; float: left; margin: 0 15px 0 0; height: 90px; }
.pubHeader div.pubFS img { height: 90px; width:225px; }
.zone_pub { height:90px; width: 728px; margin: 10px auto 10px auto; }
.comppote { background: transparent url(/images/pub/comppote.png) no-repeat top right; }
.bus { background: transparent url(/images/pub/bus.png) no-repeat top right; }
.checklist { background: transparent url(/images/pub/checklist.png) no-repeat top right; }
/*******************
 *   ACCUEIL
*******************/
.lien_important { border: solid 1px #CCDDCC; margin: 0 auto; width: 970px; }
.lien_important h2 { text-align: center; }
.lien_important .zone { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; height: 130px; width: 31.5%; float: left; margin: 2.89px; background-color: #F4F3E2; border: solid 1px #CCDDCC; padding: 5px; }
.lien_important .zone h2 { border-bottom: none; font-size:1.6em; font-weight:normal; color:#774024; text-align: left; }
.lien_important .zone h2 a { font-size: large; }
.lien_important .zone h2 img { float: left; margin: 0 5px 0 5px; height: 50px; padding: 2px; }

.lien_importantFiche { margin: 20px auto 0; }
.lien_importantFiche .zoneFiche { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; height: 35px; width: 45%; float: left; margin: 2.89px; background-color: #F4F3E2; border: solid 1px #CCDDCC; padding: 5px; }
.lien_importantFiche .zoneFiche img { float: left; margin: 0 5px 0 5px; height: 30px; padding: 2px; }
/*******************
 *  COMPARATIF    
 ******************/
.infoFicheDeshydrateur span { display:none; }
/*******************
 *  FONCTIONNEMENT    
 ******************/
.commentMarche { margin: 0 auto; width: 920px; }
.commentMarche .shemaDeshydrateur { float: left; width: 270px; }
.commentMarche .shemaDeshydrateur img { width: 250px; }
.commentMarche ul.elements { line-height:1em; margin:0.5em; padding:1em 2em; }
.commentMarche .elements li { margin: 7px 0; }
.commentMarche .lien_importantFiche .zoneFiche { width: 22%; }
/*******************
 *    CONTACT
*******************/
fieldset{ border:0; }
ul.form { list-style:none; padding:0; margin:10px 40px; width:350px; border:0; }
ul.form li{ padding:10px 0; height:30px; }
.form_head{ height:20px; width:400px; color:#aaa; text-align:center; border-bottom:0 !important; }
ul.form li label{ display:block; float:left; width:265px; }
.required { display:block; font-size:10px; color:#5b6170; width:200px; float:left; clear:left; }
ul.form li input, ul.form li select, ul.form li textarea{ width:250px; background-color:#FFF; border:2px solid #FFBA83; padding-left:3px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px;	-moz-border-radius-topleft:4px;	-moz-border-radius-topright:4px; }
ul.form li.submit{ text-align:right; border:0; }
ul.form li.submit input{ cursor:pointer; display:block; height:25px; width:75px; overflow:hidden; float:left; }
#comment{ width:400px; background-color:#ccc; border:2px solid #ccc; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; }
ul.form li textarea{ height:90px; width:340px; }
ul.form li.comment .required, ul.form li.comment label{ width:120px; }
li.comments { height:130px !important; }
.valid { border:2px solid green !important; }
.invalid { border:2px solid #800 !important; }
.contact { margin: 0 auto; width: 360px; height:500px; }
.form_contact { margin:0 0 0 10px; }
.quote_thanks { margin-top: 20px; }
/************************
 *    MODE D'EMPLOI
 * *********************/
.modedemploi { width: 920px; margin: 0 auto; }
.modedemploi .liste_manuel { margin: 20px 0 0 100px; }
.rem_manual { width: 500px; font-size: xx-small; font-family:Arial; }
.modedemploi img { height:30px; vertical-align:middle; }
/************************
 *        LIENS
 * *********************/
.liens { margin: 0 auto; width: 920px; }
.liens img { width: 220px; height: 85px; border: solid 1px gray; }
.liens h3 { margin-top: 25px; }
.pubEbay { -moz-border-radius:4px 4px 4px 4px;border:2px solid #ffba83;margin:0 auto;padding:10px 0;text-align:center;width:930px; }
/***********************
 *        FOOTER
***********************/
.footer { margin: 7px auto; clear:both; color:#666666; font-size:0.9em; margin: 10px auto 0 auto; padding:5px 0; position:relative; text-align:center; width: 970px; text-align: center;}
.liens_deshydrateurs_footer form { margin: 0px; padding: 0px; display:inline; }
.footer ul.navigation { padding: 0; margin: 0; text-align: center; }
.footer ul.navigation li { padding: 0 6px; }	
.footer ul.navigation li a:hover,ul.navigation li a:active { color: #000; }
.footer .navigation .active { text-decoration: none; color: #000; }
