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

body { background-image:url(../images/bg_body.gif); background-position:center top }

#box { width:934px; margin:0 auto; }

#content { background-image:url(../images/bg_content.gif); background-repeat:repeat-y; padding-left:10px; }
#roue { background-image:url(../images/roue.gif); width:335px; height:230px; top:0; right:0; }
#header { padding-left:51px; padding-top:53px;}
h1 a { width:322px; height:70px;/* background-image:url(../images/logo_xpertdoc_en.gif)*/ }
#header ul { top:10px; right:25px; }
#header form { right:25px; top:2.75em; }
#header select { right:25px; top:2.75em; width:130px; position:absolute }
/*#header select { width:130px; }*/
#header ul li { border-right:1px solid #213973; padding-right:10px; margin-right:10px }
#header ul li.last { border-right:0; padding-right:0; margin-right:0 }


#text { margin-left:51px; margin-top:29px; width:531px;  }
body.home #text, body.gabarit #text { margin-left:0; width:582px }
body #cover { margin-left:51px; }
body #cover p { line-height:1.6 }
#droite { width:297px; margin-top:112px; margin-left:28px }

#cover h2 { }
#programmes { width:590px; margin-top:20px; background-image:url(../images/bg_progs.gif); background-repeat:repeat-x; background-position:bottom left }
#programmes p { line-height:1.5; padding-top:8px }
#programmes h3 { padding:2px 0 2px 52px }
#programmes h4 { padding:0 0 4px 0 }
/*#programmes form { margin-top:8px; padding-top:8px; border-top:1px solid }*/
#programmes.interne form { border-top:0; margin-top:3px; }
/*#programmes div input, #main div input { width:105px; }*/
#programmes div input.check , #main div input.check { width:auto }
#programmes div.col { margin-right:15px; padding-bottom:4px }
#programmes #main div { margin-right:15px; padding-bottom:4px }
#programmes.interne div div { padding-bottom:6px }
#programmes div div label, #main div label { padding-bottom:2px }
#programmes div div.check, #programmes div div.col2, #main div.check, #main div.col2 { margin-right:0 }
#programmes.interne div.check { padding-top:6px }
#programmes div.formats, #main div.formats { margin-top:10px; }
#programmes.interne div.formats { margin-top:15px }
#programmes button, #main button { height:53px; width:40px; }
#programmes input.doc { background-position:center top; padding-left:2px; padding-right:2px; margin-right:20px; width:40px; height:53px }
#programmes input.pdf { background-position:center top; padding-left:2px; padding-right:2px; margin-right:20px; width:40px; height:53px }
#programmes input.imagebutton { background-position:center top; padding-left:2px; padding-right:2px; margin-right:10px; width:40px; height:53px }
#programmes button.doc, #programmes button.docx, #main button.doc, #main button.docx { margin-right:15px; width:40px; height:53px; margin-right:15px }
#programmes button.docx, #main button.imagebutton { width:40px; height:53px }
#programmes button.pdf, #main button.pdf { margin-right:15px; width:40px; height:53px  }
#programmes button.xps, #main button.xps { margin-right:15px; width:40px; height:53px }
#programmes button.html, #main button.html { width:40px; height:53px }
#easy { width:312px; border-bottom:3px solid #213973; border-right:1px solid #ffffff; }
#easy h3 { }
#easy fieldset {margin-left:43px; margin-right:17px; padding-left:7px; border-top:1px solid; margin-top:8px; padding-top:8px }
#easy p { margin-left:45px; margin-right:17px; padding-left:7px }
#lot { width:277px;  }
#lot h3 { padding-left:21px; }
.interne #lot h3 { padding-left:14px }
#lot p, #lot form { margin-left:15px; margin-right:17px; padding-left:7px }
.interne #lot p, .interne #lot form { padding-left:0; margin-right:8px; }
#lot form { border-top-color:#d4d4d4}
#lot fieldset {margin-left:15px; margin-right:17px; padding-left:7px; border-top:1px solid; margin-top:8px; padding-top:8px; color:#213973 }
#programmes.interne #lot h4.split { border-top:1px solid #d4d4d4; margin-top:8px; padding-top:8px }
#programmes.interne h4 { padding-bottom:10px }
#programmes.interne select { width:200px; }

#droite h3 { padding:0px 0 6px 0; }


#session button { background-image:url(../images/bg_button.gif); background-repeat:repeat-x; margin-top:15px; padding:0 4px; overflow: visible; }
#session.logged button { margin-top:0; }
#session.logged { border-bottom:1px solid #d4d4d4; padding-bottom:14px }
#session button span{ line-height:18px }
#session div p { line-height:20px; margin-right:20px }
#session div { margin-right:4px }
#session input { width:110px }

#messages { /*height:325px; background:silver;*/ margin-top:10px; }
.home #messages { margin-top:18px; }
.interne #messages { margin-top:10px; }
#messages dt { padding-bottom:4px }
#messages h3 {  }

#journal { margin-top:18px }
#journal table, #main table.journal {width:100%; border-bottom:1px solid #213973 }
#journal table td, #journal table th, #main table.journal td, #main table.journal th { padding:3px 8px 3px 4px }
#journal table th.date, #main table.journal th.date { width:75px }
#journal p { padding-top:8px }

#main { margin-left:51px; margin-top:13px; width:529px; padding-top:12px; padding-bottom:20px; border-top:1px solid #d4d4d4 }
#main h3 { padding-bottom:5px; }
#main table.journal { width:350px; margin-top:6px }
body.aide #main { margin-left:0; border-top:0; margin-top:5px; padding-top:0; padding-bottom:0;}
body.aide #main h2 { border-bottom:1px solid #d4d4d4; margin-bottom:7px }
body.aide #main h3 { padding-top:5px }
body.aide #main p { line-height:1.5; padding-top:2px; padding-bottom:10px; }

#footer { padding: 10px 339px 25px 60px; height:30px; background-image:url(../images/bg_footer.gif) }
#footer h3 { border-right:1px solid #929292; padding-right:5px; margin-right:5px; }


div.clear { padding-top:1px }
/*input.file { width:220px !important; }*/
body.gabarit #main form { width:312px; }