/**
 *
 * LDi 17.11.2013
 *
 * Modification mineures de formes (couleur de fond du menu, déplacement de la version, augmentation taille boxDual)
 * Ajout des styles
 *  - #nav>ul>li>ul>li>a:hover
 *  - table.work .workFile 
 *  - table.work .fileName 
 *  - table.work .deleteCheckbox
 *  - newSkill
 *  - newJobType
 *
 */
input { margin:0px; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; border:1px solid #aaaeb2; background:url(../images/fond-formulaire.jpg) 0 0 no-repeat #FFFFFF; vertical-align:middle; }
textarea { margin:0px; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; border:1px solid #aaaeb2; background:url(../images/fond-formulaire.jpg) 0 0 no-repeat #FFFFFF; vertical-align:middle; }
select { margin:0px; padding:1px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; border:1px solid #aaaeb2; background:url(../images/fond-formulaire.jpg) 0 0 no-repeat #FFFFFF; vertical-align:middle; }
a { cursor:pointer; }
/* BODY */
body { margin:0; padding:0; background:url("../images/tail-top.gif") 0 0 repeat-x #AEEAA2; font-family:Arial, Helvetica, sans-serif; }
/* CONTAINER */
#container { width:1024px; margin:0 auto; padding:0; position:relative; }
/* EN-TETE */
#header { width:1024px; height:80px; position:relative; }
#header img.flag_left { width:80px; margin:10px; float:left; }
#header img.flag_right { width:80px; margin:10px; float:right; }
#header img.logo_left { height:70px; margin:5px 10px; float:left; }
#header img.logo_right { height:70px; margin:5px 10px; float:right; }
#header img.logo-epi_left { height:45px; position:absolute; top:5px; left:230px; }
#header img.logo-epi_right { height:45px; position:absolute; top:5px; right:230px; }
#header h1 { margin:0; padding:10px 0 6px 0; text-align:center; font-family:Brush script MT; font-size:35px; font-weight:bold; color:white; }
#header h1 b { font-family:arial; font-size:20pt; }
#textScroller { width:650px; height:16px; float:left; overflow:hidden; background:#84DE72; color:black; font-size:13px; }
#clock { margin:0; float:right; font-size:12px; color:#1C4C12;; font-style:italic; }
/* CONTENT */
#content { width:1024px; min-height:1000px; }
/* MENU */
#nav { width:1024px; height:25px; margin:0px; padding:0px; position:relative; border-bottom:1px solid #72D95D; background:url(../images/nav-bg1.gif) 0 0 repeat-x; z-index:1; }
#nav div.left { width:12px; height:25px; margin:0px; padding:0px; position:absolute; top:0px; left:0px; background:url(../images/nav-left1.gif) no-repeat 0 0; z-index:2; }
#nav div.right { width:12px; height:25px; margin:0px; padding:0px; position:absolute; top:0px; right:0px; background:url(../images/nav-right1.gif) no-repeat 0 0; z-index:2; }
#nav div.version { position:absolute; bottom:48px; right:100px; font-size:11px; color:black; z-index:3; }
#nav>ul { width:1024px; height:25px; margin:0px; padding:0px; }
#nav>ul>li { height:25px; margin:0px; padding:0px; display:block; float:left; background:url(../images/divider1.gif) no-repeat 100% 0; }
#nav>ul>li>a { padding:0px 20px; display:block; font-size:12px; font-weight:bold; color:#FFF109; line-height:25px; text-decoration:none; }
#nav>ul>li>span { padding:0px 20px; display:block; font-size:12px; font-weight:bold; color:#FFF109; line-height:25px; cursor:default; }
#nav>ul>li:hover>a { color:#FE0000; }
#nav>ul>li:hover>span { color:#FE0000; }
#nav>ul>li>ul { margin:0px; padding:0px; display:none; position:absolute; border:1px solid #72D95D; background:#346F29; z-index:100; }
#nav>ul>li:hover>ul { display:block; }
#nav>ul>li>ul>li { min-width:245px; margin:0px; padding:0px; display:block; list-style:none; }
#nav>ul>li>ul>li:hover { background-color: #FFFF00; }
#nav>ul>li>ul>li>a:hover { color: red; }
#nav>ul>li>ul>li>a { padding:0px 8px; display:block; font-size:12px; font-weight:normal; color:white; line-height:20px; text-decoration:none; font-family:Fontin, Holland, sans-serif; }
/* DIAPORAMA DE PHOTOS */
#slideShow { width:1024px; height:320px; margin-bottom:10px; padding:0px; overflow:hidden; z-index:0; }
#slideShow img {	width:1024px; height:320px; margin:0px;	padding:0px; }
/* COLONNE DE BOITES A OUTILS */
div.leftSide { width:190px; margin-right:10px; float:left; }
div.rightSide { width:190px; margin-left:10px; float:right; }
/* BOITE */
.box { margin-bottom:10px; position:relative; background:#9BE48C; z-index:1; }
.box .corner-top-left { width:10px; height:10px; position:absolute; top:0px; left:0px; background:url(../images/corner-top-left.gif) no-repeat 0 0; z-index:2; }
.box .corner-top-right { width:10px; height:10px; position:absolute; top:0px; right:0px; background:url(../images/corner-top-right.gif) no-repeat 0 0; z-index:2; }
.box .corner-bottom-left { width:10px; height:10px; position:absolute; bottom:0px; left:0px; background:url(../images/corner-bottom-left.gif) no-repeat 0 0; z-index:2; }
.box .corner-bottom-right { width:10px; height:10px; position:absolute; bottom:0px; right:0px; background:url(../images/corner-bottom-right.gif) no-repeat 0 0; z-index:2; }
.box .inner { padding:5px; position:relative; font-size:12px; z-index:3; color:black; }
/* GENERAL BOITE A OUTILS */
.leftSide .box .inner { color:#1C4C12; }
.rightSide .box .inner { color:#1C4C12; }
/* BOITE LISTE */
.leftSide h1 { margin:0 0 15px 0; padding:0 0 0 10px; font-size:13px; color:red; }
.leftSide ul { margin:0; padding-left:15px; list-style-type:none; }
.leftSide ul li { margin:0; padding:3px 0; }
.leftSide ul li a { color:#1C4C12; text-decoration:none; }
.leftSide ul li a:hover { color:blue; text-decoration:underline; }
.rightSide h1 { margin:0 0 15px 0; padding:0 0 0 10px; font-size:13px; color:red; }
.rightSide ul { margin:0px; padding:0px 0px 0px 15px; list-style-type:none; }
.rightSide ul li { margin:0; padding:3px 0; }
.rightSide ul li a { color:#1C4C12; text-decoration:none; }
.rightSide ul li a:hover { color:blue; text-decoration:underline; }
/* BOITE D'AUTHENTIFICATION */
.leftSide ul.login  { margin:0; padding-left:0; list-style-type:none; }
.leftSide ul.login li { margin:0; padding:3px 0; }
.leftSide ul.login li label { font-weight:bold; font-size:12px; }
.leftSide ul.login li input { width:170px; }
.leftSide ul.login li input[type=submit] { width:180px; }
.leftSide ul.login li span.error { font-style:italic; color:red; font-size:10px; }
/* BOITE PHOTO */
.rightSide .box .inner img { width:180px; margin:0px; padding:0px; }
.rightSide .box .inner a.deletePhoto { color:blue; text-decoration:underline; }
.rightSide .box .inner a.deleteCV { color:blue; text-decoration:underline; }
/* ERROR */
#success { margin-bottom:10px; padding:2px 5px; border:none; color:white; background-color:green; font-size:13px; overflow:hidden; }
#error { margin-bottom:10px; padding:2px 5px; border:none; color:white; background-color:red; font-size:13px; overflow:hidden; }
#main { overflow:hidden; }
#main div.button { margin-bottom:10px; text-align:center; }
#main h1 { margin:0 0 15px 0; padding:0 0 0 10px; font-size:13px; color:red; }
#main h2 { margin:0 0 5px 0; padding:0 0 0 15px; font-size:14px; color:black; }
#main p:first-letter { font-size:12pt; color:red; }
#main p { padding:5px 0 0 0; text-align:justify; line-height:20px; text-indent:20px; }
#main ul li { line-height:22px; }
table.oneRow { width:600px; }
table.oneRow tr th { width:150px; padding:2px 4px 2px 0px; text-align:right; font-size:12px; }
table.oneRow tr td { width:450px; padding:2px 0px 2px 4px; text-align:left; font-size:12px; }
table.oneRow tr td a { color:blue; font-size:11px; font-style:italic; text-decoration:underline; }
table.oneRow tr td span.comment { font-size:11px; font-style:italic; }
table.oneRow tr td span.error { font-style:italic; color:red; font-size:10px; }
table.twoRows { width:600px; }
table.twoRows tr td { width:300px; padding:2px 4px; text-align:left; font-size:12px; vertical-align:bottom;}
table.twoRows tr td label { font-weight:bold; font-size:12px; }
table.twoRows tr td a { color:blue; font-size:11px; font-style:italic; text-decoration:underline; }
table.twoRows tr td span.comment { font-size:11px; font-style:italic; }
table.twoRows tr td span.error { font-style:italic; color:red; font-size:10px; }
.center { text-align:center; }
.button { background:transparent; border:none; cursor:pointer; }
table.catchline { }
table.catchline input.catchline { width:500px; }
table.work { }
table.work .workTitle { width:430px; }
table.work .workText { width:512px; }
table.work .workFile { width:200px; }
table.work .fileName { width:370px; overflow:hidden; float:left; }
table.work .deleteCheckbox { float:left; }
.lastName { width:280px; }
.firstName { width:280px; }
.date { width:70px; }
.email { width:280px; }
.password { width:280px; }
.address { width:370px; height:35px; }
.department { width:70px; }
.town { width:150px; }
.country { width:160px; }
.phoneType { width:140px; }
.phoneNumber { width:225px; }
.jobType { width:380px; }
.newJobType { width:370px; background:yellow; font-weight:bold; color:black; }
.newSkill { background:yellow; font-weight:bold; color:black; }
.jobDescription { width:370px; height:50px; }
.name { width:280px; }
.object { width:580px; }
.body { width:580px; height:200px; }
/* MAIN */
#emain .box .inner h1 { margin:0; padding:5px 0 0 10px; font-size:16px; color:red; }
#emain .box .inner h2 { margin:0; padding:25px 0 0 20px; font-size:14px; color:black; }
#emain .box .inner ul { margin:0; padding:10px 10px 10px 30px; list-style-type:disc; }
#emain .box .inner ul li a { color:#1C4C12; text-decoration:none; }
#emain .box .inner ul li a:hover { color:blue; text-decoration:underline; }
#emain .box .inner #email { width:200px; }
/* ORGANIGRAMME */
#executiveOffice { overflow:hidden; }
#executiveOffice h1 { margin:0 0 15px 0; padding:0 0 0 10px; font-size:13px; color:red; }
#executiveOffice .boxOrphan { width:300px; margin:10px auto; position:relative; background:#AEEAA2; z-index:4; }
#executiveOffice .boxOrphan .corner-top-left { width:10px; height:10px; position:absolute; top:0px; left:0px; background:url(../images/cornerbis-top-left.gif) no-repeat 0 0; z-index:5; }
#executiveOffice .boxOrphan .corner-top-right { width:10px; height:10px; position:absolute; top:0px; right:0px; background:url(../images/cornerbis-top-right.gif) no-repeat 0 0; z-index:5; }
#executiveOffice .boxOrphan .corner-bottom-left { width:10px; height:10px; position:absolute; bottom:0px; left:0px; background:url(../images/cornerbis-bottom-left.gif) no-repeat 0 0; z-index:5; }
#executiveOffice .boxOrphan .corner-bottom-right { width:10px; height:10px; position:absolute; bottom:0px; right:0px; background:url(../images/cornerbis-bottom-right.gif) no-repeat 0 0; z-index:5; }
#executiveOffice .boxOrphan .inner2 { margin:0px; padding:8px; font-size:9pt; }
#executiveOffice .boxOrphan .inner2 img { width:90px; margin:0px; padding:0px; float:left; }
#executiveOffice .boxOrphan .inner2 span { margin:0px 0px 0px 5px; padding:0px; float:left; font-size:11px; }
#executiveOffice .boxOrphan .inner2 span h2 { margin:0px; padding:0px; font-size:10pt; color:red; }
#executiveOffice .boxOrphan .inner2 span h3 { margin:0px; font-size:12px; }
#executiveOffice .boxDual { width:301px; min-height:135px; margin:10px 3px; position:relative; float:left; background:#AEEAA2; z-index:4; }
#executiveOffice .boxDual .corner-top-left { width:10px; height:10px; position:absolute; top:0px; left:0px; background:url(../images/cornerbis-top-left.gif) no-repeat 0 0; z-index:5; }
#executiveOffice .boxDual .corner-top-right { width:10px; height:10px; position:absolute; top:0px; right:0px; background:url(../images/cornerbis-top-right.gif) no-repeat 0 0; z-index:5; }
#executiveOffice .boxDual .corner-bottom-left { width:10px; height:10px; position:absolute; bottom:0px; left:0px; background:url(../images/cornerbis-bottom-left.gif) no-repeat 0 0; z-index:5; }
#executiveOffice .boxDual .corner-bottom-right { width:10px; height:10px; position:absolute; bottom:0px; right:0px; background:url(../images/cornerbis-bottom-right.gif) no-repeat 0 0; z-index:5; }
#executiveOffice .boxDual .inner2 { margin:0px; padding:8px; font-size:9pt; }
#executiveOffice .boxDual .inner2 img { width:90px; margin:0px; padding:0px; float:left; }
#executiveOffice .boxDual .inner2 span { margin:0px 0px 0px 5px; padding:0px; float:left; font-size:11px; }
#executiveOffice .boxDual .inner2 span h2 { margin:0px; padding:0px; font-size:9pt; color:red; }
#executiveOffice .boxDual .inner2 span h3 { margin:0px; font-size:11px; }
#executiveOffice sup { font-size:0.7em; }
#executiveOffice hr { height:0px; margin:0px; padding:0px; clear:both; visibility:hidden; }
/* PIED DE PAGE */
#footer { width:1024px; height:65px; position:relative; clear:both; }
#footer div.left { width:12px; height:65px; position:absolute; top:0px; left:0px; background:url(../images/footer-left.png) no-repeat 0 0; }
#footer div.bg { width:1000px; height:65px; position:absolute; top:0px; left:12px; background:url(../images/footer-bg.png) repeat-x 0 0; }
#footer div.right { width:12px; height:65px; position:absolute; top:0px; right:0px; background:url(../images/footer-right.png) no-repeat 0 0; }
#footer span { width:1024px; margin:40px auto 0px auto; display:block; color:white; font-size:10pt; text-align:center; }