@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(common.css);

body { padding-left:85px; background-image:url(../images/bg_wave.gif); }
button { width:auto; overflow:visible; cursor:pointer }

#box { width:908px; }

#header { width:118px; padding-top:44px; left:0; z-index:60 }
#menu { margin-left:23px;; margin-top:26px; width:95px; }
#menu #nav { width:95px; z-index:51}
#menu #nav li {  }
#menu #nav li a { padding:7px 0 9px 0; width:95px; }

#menu li ul { left:95px; top:0; width:180px; display:none; z-index:100; overflow:visible }
#menu #nav li li a { padding:7px 4px 9px 4px; width:172px; }
#menu #nav li:hover ul, #menu #nav li.over ul {
	display:block;
}

#header #topten { margin-left:22px; padding-top:121px; }
#header #france {margin-left:10px; padding-top:65px;}

#topbar { top:8px; left:126px; width:770px; text-align:right;}
#topbar div.section { right:0; top:0; }
#topbar form { /*margin-left:320px;*/ }
#topbar ul { margin-left:8px; margin-top:2px }
#topbar ul li { line-height:1.4em; border-right:1px solid; padding-right:10px; margin-right:10px; }
#topbar label { line-height:1.7em; margin-right:4px; }
#topbar input { border:1px solid #dddddd;padding-top:2px; padding-bottom:2px; }
#topbar button, #solfinder button, #assistant #steps button { margin-top:-1px;  }
#topbar li.last, #footer li.last, div.links dd.last { border-right:none; padding-right:0; margin-right:0; }

#content { padding-top:4.4em; margin-left:138px; }
body.inside #content { line-height:1.7em; height:400px; min-height:400px; }
html>body.inside #content { height:auto; }

#cover { height:86px; padding-top:192px; padding-top:0; height:278px; }
#cover h2 { left:315px; padding:9px 9px 2px 9px; z-index:31; top:183px; width:443px }

#cover p { top:0; left:0; /*z-index:30;*/ width:758px; height:278px }

#range { margin-left:30px; width:480px  }
#range h3 { /*margin-right:102px;*/ margin-right:4px; height:40px; margin-bottom:6px; line-height:1.3em; }
.en #range h3 { height:36px; }
#range dl { padding:0px 0 0px 0; }
#range dd { padding:0px 0 12px 0; }
#range dd.col1 { width:8em; clear:left; }
#range dd.col2 { width:13em; }
#range dd.col3 { width:13em; }

.en #range dd.col1 { width:13em; }


#leftside {}

#consults { width:510px; height:100px;}
#consults div { height:100px; width:249px; }
#consults div h4  { padding:18px 103px 0 18px; line-height:1.4em }
#consults #whitebook { background-image:url(../images/bg_consult.jpg); }
#consults #odowatch { background-image:url(../images/bg_odowatch.jpg); }
#consults #whitebook h4,#consults #odowatch h4 { padding-left:25px; padding-right:20px; }
#consults #odorinfo { background-image:url(../images/bg_infocenter.jpg) }

#solfinder { margin-left:510px; background-image:url(../images/bg_solfinder.jpg); width:248px; }
#solfinder h4 { margin-bottom:4px }
#solfinder form { padding:14px 18px 10px 18px }
#solfinder label { padding:0px 0 5px 0; }
#solfinder small { margin:0 0 0 4px; line-height:1.6em}
#solfinder div { padding-top:7px; }
#solfinder div#div-sub-a, #solfinder div#div-sub-b, #solfinder div#div-sub-c, #solfinder div#div-sub-d, #solfinder div#div-sub-e { padding-top:0 !important; }
#solfinder select { width:200px; /*padding:2px 0 3px 0;*/ margin-bottom:11px; }
#solfinder select.small { width:180px; }


#title {  }
#title h2 { /*border-bottom:1px solid;*/ padding:58px 0 13px 20px; margin-right:12px; /*height:30px;*/ /*margin-bottom:4px; padding-bottom:6px*//* background-position:bottom left*/ }
#title p { padding-top:0px; margin:10px 12px 6px 20px; }
#title h3, #title li { line-height:1.4em; }
#title h3, div.links { margin:10px 0 0px 20px; }
html>body #title h3 { margin-top:0px; padding-top:10px; }
*:first-child+html #title h3{
    padding-top:0;
}
#carrieres #title h3 { margin:0; padding:10px 0 0 20px }


#odoflux #title h2 { background-image:url(../images/bg_entete_odoflux.jpg) }
#odoscan #title h2 { background-image:url(../images/bg_entete_other.jpg) }
#odile #title h2 { background-image:url(../images/bg_entete_odile.jpg) }
#odowatch #title h2 { background-image:url(../images/bg_entete_odowatch.jpg) }
#polair #title h2 { background-image:url(../images/bg_entete_polair.jpg) }
#tropos #title h2 { background-image:url(../images/bg_entete_tropos.jpg) }
#services #title h2 { background-image:url(../images/bg_entete_services.jpg) }
#services #title h2#s-audit { background-image:url(../images/bg_entete_audit.jpg)}
#services #title h2#s-comite { background-image:url(../images/bg_entete_comite.jpg)}
#services #title h2#s-etudes { background-image:url(../images/bg_entete_etudes.jpg)}
#services #title h2#s-labo { background-image:url(../images/bg_entete_labo.jpg)}
#services #title h2#s-diag { background-image:url(../images/bg_entete_diag.jpg)}
#produits #title h2 { background-image:url(../images/bg_entete_produits.jpg) }
#carrieres #title h2 { background-image:url(../images/bg_entete_carrieres.jpg) }
#formation #title h2 { background-image:url(../images/bg_entete_formation.jpg) }
#assistant #title h2 { background-image:url(../images/bg_entete_assistant.jpg) }
#entreprise #title h2 { background-image:url(../images/bg_entete_entreprise.jpg) }
#contacts #title h2 { background-image:url(../images/bg_entete_contact.jpg) }
#info-odeurs #title h2 { background-image:url(../images/bg_entete_centre.jpg) }
#presse #title h2 { background-image:url(../images/bg_entete_presse.jpg) }
#politique #title h2 { background-image:url(../images/bg_entete_politique.jpg) }
#recherche #title h2 { background-image:url(../images/bg_entete_search.jpg) }
#plan #title h2 { background-image:url(../images/bg_entete_plan.jpg) }

#title h2.lines { line-height:0.95; padding-top:32px; padding-bottom:0; height:56px; overflow:visible }

#steps, #download { margin-top:10px; margin-bottom:10px; width:766px; }
#steps div.col1, #steps div.col2 {margin-bottom: -4000px; padding-bottom: 4000px; padding-top:14px; }
#steps div.moreinfo { padding-top:4px; }
#steps div.col1, #steps div.photoone { width:373px; margin-right:12px;background-image:url(../images/bg_col1_title.gif); }
#steps div.col1 h4 {  }
#steps div.col2, #steps div.phototwo { width:381px;background-image:url(../images/bg_col2_title.gif) }
#steps div.photo, #steps div.photoone, #steps div.phototwo { background-image:none }
#steps div.col2 h4 {  }
#steps h4, #steps p, #steps ul, #steps ol, #download h4, #download p, #download ul, #download ol, #steps form, #carrieres #steps dl { padding:0 30px 0 20px; }
#steps div div.video { margin:4px 0 8px 0px; padding-left:20px; z-index:21; position:relative; }
#steps div div.video input { width:315px; }

#steps div h4, #download div h4 { padding-top:4px; padding-bottom:4px; }
#steps div p, #steps div ul, #download div p, #download div ul { padding-top:4px; padding-bottom:8px; }
#steps div.col1 blockquote { padding:4px 0; }
#steps div.horiz { background-image:url(../images/bg_horiz_title_a.gif); padding-top:14px; }
#steps div.horiz ul { padding-right:0; }
#download { background-image:url(../images/bg_title_line.gif); margin:0; padding-top:14px;}
#download div.info { border-left:3px solid #d7e6ef; border-right:3px solid #d7e6ef; }
#steps div.photo p { padding-left:0; padding-right:0; }
#steps div.phototwo p { padding-right:0; }
#steps dl.dict { padding:0 20px; }
#steps dl.dict dd { padding-right:10px; margin-right:10px; border-right:1px solid }
#steps dl.dict dd.last { border-right:1px; }

/**  Reset  ***/
#steps div.moreinfo, #contacts #steps form, #carrieres #steps form {line-height:normal;}
#steps div.moreinfo form, #steps div.moreinfo div, #steps div.moreinfo p { padding:0; }
#steps div.moreinfo a { padding:12px 20px; background-image:url(../images/bg_infosupp_plus.gif); background-position:center right }
#steps div.moreinfo div.odd a { background-image:url(../images/bg_infosupp_arr.gif) }
#steps div.moreinfo form { padding:0 75px 12px 20px }
#steps div.moreinfo form label { padding-bottom:4px; }
#steps div.moreinfo form div { padding-bottom:8px; }
#steps div.moreinfo form div.boutons, #contacts div.col1 form div.boutons { padding-bottom:0; }
#steps div.moreinfo form button, #contacts #steps form button, #carrieres #steps form button { border:1px solid #9eacb2; background-color:#c3e0ed; background-image:url(../images/bg_button.gif); background-repeat:repeat-x; padding:1px 14px 2px 14px;  }
/**********/


body #steps div.horiz.color-b { background-image:url(../images/bg_horiz_title_b.gif) !important; }
body #steps div.col2.colora { background-image:url(../images/bg_col2_title_b.gif) !important; }
body #steps div.col1.colorb { background-image:url(../images/bg_col2_title_c.gif) !important; }

#global { margin-left:-20px; background-image:url(../images/bg_global.gif); background-color:#ffffff; overflow:hidden; height:auto; padding:10px 0px 0 136px; }
#global h4 { padding:10px 60px 4px 0; }
#global p { padding:4px 60px 8px 0; }
#global div.insert { background:transparent url(../../images/bg_global_bottom.gif) 0 0 no-repeat; height:17px; margin-left:-136px;}


#listing { padding:0px 0 0px 20px; margin-top:20px }
#listing dl { width:331px;  /*overflow:hidden; margin-bottom:22px;*/ }
#listing dt {margin-top:22px;}
#listing dt a { padding:21px 0 48px 24px;  line-height:normal }
#listing dl.lines dt a { padding:11px 150px 38px 24px; line-height:1 }
#listing dl.smaller dt a { padding-top:20px; }
#listing dd { padding:0 0px 0 10px; height:110px; }
#listing dl#p-odile { background-image:url(../images/bg_produits_odile.jpg);  }
#listing dl#p-odoflux { background-image:url(../images/bg_produits_odoflux.jpg) }
#listing dl#p-odoscan { background-image:url(../images/bg_produits_odoscan.jpg); }
#listing dl#p-odowatch { background-image:url(../images/bg_produits_odowatch.jpg) }
#listing dl#p-polair { background-image:url(../images/bg_produits_polair.jpg); }
#listing dl#p-tropos { background-image:url(../images/bg_produits_tropos.jpg) }

#listing #stexte { margin-top:22px; padding-top:16px; background-image:url(../images/bg_services_top.gif);}
#listing #stexte dd { height:auto; padding:0px 15px 16px 15px; margin-right:16px; background-image:url(../images/bg_services_bottom.gif); background-position:bottom left }

#listing dl#saudit { background-image:url(../images/bg_services_audit.jpg);  }
#listing dl#sdiag { background-image:url(../images/bg_services_diag.jpg) }
#listing dl#setudes { background-image:url(../images/bg_services_etudes.jpg); }
#listing dl#sexpert { background-image:url(../images/bg_services_expert.jpg) }
#listing dl#scomite { background-image:url(../images/bg_services_comite.jpg); }

#listing dl#p-odile, #listing dl#p-odoscan, #listing dl#p-polair, #listing dl#saudit, #listing dl#setudes, #listing dl#scomite { margin-right:37px }

/*#contacts #steps div.col1 * { padding:0; margin:0; }*/
#contacts #steps form { padding:0 0 0 20px; margin:0; }
#contacts #steps form div input { }
#contacts #steps form div { padding:0 0 8px 0; margin:0; width:150px; margin-right:10px; }
/*#contacts #steps div.group { background:#ffffff !important;  }*/
#contacts #steps div.group div { padding-bottom:8px; }
#contacts #steps form div.boutons, #contacts #steps form div.group { width:auto !important; }

#recherche #steps div.horiz p { padding-top:0; padding-bottom:0; }¸


#assistant #steps form,  #assistant #steps label, #assistant #steps div.horiz div { padding:0; margin:0; }
/*#assistant #steps select { display:none; }
#assistant #steps div.group { width:200px; }
#assistant #steps div.many {  }*/

#carrieres #steps dl { margin-bottom:15px; }
#carrieres #steps dt { padding-bottom:3px; }
#carrieres #steps form#postule div { margin-right:20px; width:218px; padding-bottom:6px;}
#carrieres #steps form#postule div input { width:215px; }


#entreprise div.fiche h4, #entreprise div.fiche p { margin-left:80px; }
#entreprise div.fiche p.photo { padding-right:0; margin-left:0; left:0; }


#footer { margin:0px 12px 0 155px;width:751px; }

#footer ul li, div.links dl dd { border-right:1px solid; padding-right:6px; margin-right:6px; }
body.inside #footer { text-align:center; }
#footer ul li, #footer h5 { padding-top:8px; line-height:1.1em }
#footer ul li { margin-top:8px; padding-top:0; }
body.inside #footer ul { margin-left:auto; margin-right:auto; width:648px; height:3em; }
body.fr #footer ul { width:738px; }
body.en #footer ul { width:665px; }
#home #footer { margin-left:168px;width:725px; }
#home #footer ul { width:auto; margin-left:0;}


div.line { margin:0 12px 2px 30px; background-position:center left; height:10px; }
div.horiz, #steps div.photo { width:766px; }
div.horiz li { width:30em; margin-right:10px; }

#assistant div.horiz li, #presse #steps div.horiz li, #plan #steps div.horiz li { width:auto; margin-right:0 }

#presse #steps div.horiz ul { padding:0; }
#presse #steps div.horiz li { padding:6px 30px 6px 20px; background-image:url(../images/icn_pdf.gif); background-position:center right }
#presse #steps div.horiz li.video { background-image:url(../images/icn_video.gif); }


#steps div.bookmarks { margin:0 20px 0 20px; padding:0px 0 0 0px; text-align:center; width:333px; }
#steps div.bookmarks ul, #steps div.bookmarks ul li { padding:0; background:none }
#steps div.bookmarks ul { padding-top:10px; padding-left:6px ;float:left; }
#steps div.bookmarks ul li { padding-right:11px; margin-right:11px; padding-bottom:3px; width:auto; border-right:1px solid; text-align:center }
/*#steps div.col1 div.bookmarks { padding-left:5px; }*/
#steps div.bookmarks ul li img { vertical-align:middle;  }
#steps div.bookmarks ul li.last { padding-right:0px; margin-right:0px; border-right:none; }
#steps div.bookmarks div.clear { height:10px; }
#steps div.col2 div.bookmarks, #steps div.horiz div.bookmarks { background-image:url(../images/bg_book_top_col2_b.gif) }
#steps div.col2 div.bookmarks div.clear, #steps div.horiz div.bookmarks div.clear { background-image:url(../images/bg_book_bottom_col2_b.gif); background-position: bottom left }

#steps div.colora div.bookmarks, #steps div.col1 div.bookmarks { background-image:url(../images/bg_book_top_col2_a.gif) }
#steps div.colora div.bookmarks div.clear, #steps div.col1 div.bookmarks div.clear { background-image:url(../images/bg_book_bottom_col2_a.gif); background-position: bottom left }


#plan #steps ul ul, #plan #steps ul ul ul { padding-bottom:0; }


div.bottom { padding-top:0 !important; clear:both !important; height:24px; width:766px; background-image:url(../images/bg_steps_2col.gif); background-color:#ffffff !important; background-position:0 -8px !important;}
body div.bottom.onecol { background-image:url(../images/bg_steps_1col.gif) !important; }
body div.bottom.twocol { background-image:url(../images/bg_steps_1colb.gif) !important; }
body div.bottom.color-a { background-image:url(../images/bg_steps_2colb.gif) !important; }
body div.bottom.color-c { background-image:url(../images/bg_steps_2colc.gif) !important;}
body div.bottom.horiz-a { background-image:url(../images/bg_horiz_a.gif) !important; }
body div.bottom.horiz-b { background-image:url(../images/bg_horiz_b.gif) !important;  }
body div.bottom.onephoto { background-image:none; height:4px }
body #download div.bottom { background-image:url(../images/bg_steps_line.gif) }

div.links dd { line-height:normal; padding:0; margin:2px 0 0px 0; }

p#page_result { padding:20px 0 20px 20px; }

.hidden { display:none; }
label.hidden { display:none !important }
.off { }
div.on { }

#steps div.horiz div.video { display:block; padding-left:20px !important; float:none; }


#stats { margin-left:20px; }
#stats table { border:1px solid #004273; width:100% }
#stats td, #stats th { padding:5px 8px; }
#stats td {  }
td.nowrap { white-space:nowrap}
#admin #box { width:998px; }
#stats tr.odd td { background-color:#f2f5f8 }
/*col.even { border-left:1px solid #ccd9e3; border-right:1px solid #ccd9e3 }*/
#stats tr th { background-color:#004273 }
#stats tr th a { color:#ffffff; }
#stats tr th a:hover { color:#ffffff; text-decoration:none }