* {border:0px;padding:0px;margin:0px;font-family:Arial, sans-serif;color:#8e8e8e;}
body {font-size:12px;text-align:center;width:100%;float:left;line-height:18px;}
a {text-decoration:none;color:inherit;font-weight:normal;}
#centralpanel .boxcontent p a {color:#0d2f85;}
ul, li, ol {list-style-type:none;}
h4 {font-size:12px;}
img {border:0px;}
img.absmiddle {vertical-align:middle;display:inline-block;}
img.r-margin {margin:0px 10px 0 0;}
*.smalltext {font-size:10px;}
*.textblue {color:#0d2f85;}
*.textdarkgrey {color:#475358;}
*.textdarkgrey2, .textdarkgrey2 * {color:#4f5456;}
*.textlightgrey {color:#93999c;}
.textfield {float:left;border:1px solid #93999c;padding:1px 2px 1px 5px;font-size:11px;color:#0d2f85;margin:0 5px 0 0;}
#debug{clear:left;float:left;padding:5px;border:1px dashed red;display:none;}
#topbar {background-color:#eceded;float:left;height:23px;width:100%;line-height:20px;color:#0d2f85;font-size:11px;}
#topbar .left {background-color:#0e2b74;float:left;height:23px;width:70%;line-height:20px;text-align:right;}
#topbar .left * {color:#739bc8;}
#topbar .left #banner {float:right;text-align:right;width:100%;}
#topbar .left #banner ul li {font-size:11px;display:inline;padding:0px 5px 0px 5px;}
#topbar .left #lang {float:right;border-left:1px solid #6c7eb3;}
#topbar .left #lang .flag {background:url( "../img/flag-bg-off.jpg" ) repeat-x;margin:1px;float:left;width:30px;height:21px;text-align:center;}
#topbar .left #lang .flag.on {background-image:url( "../img/flag-bg-on.jpg" );}
#topbar .left #lang .flag img {margin-top:5px;opacity:0.75;filter:alpha(opacity=75);}
#topbar .left #lang .flag.on img {opacity:1;filter:alpha(opacity=100);}
#topbar .left #lang .flag:hover img {opacity:0.85;filter:alpha(opacity=85);}
#topbar .right {float:right;width:30%;text-align:left;}
#topbar .right form {margin:1px 0 0 15px;}
#topbar .right form label {color:#0e2b74;width:50px;text-align:left;font-size:12px;}
#topbar .right form input {margin-left:10px;}
#topbar .right form input.fieldtext {color:#0d2f85;border:1px solid #d1d4d5;}
#filariane {font-size:10px;margin:0 0 5px 0;}
#filariane .selected {color:#0d2f85;}
#maincontener {clear:left;margin-left:auto;margin-right:auto;width:950px;text-align:left;}
#mainfooter {text-align:center;font-size:10px;}
#globalcontener #leftpanel .dropdown {clear:both;float:left;margin:5px 0 5px 0;}
.dropdown * {font-size:11px;color:#0e2b74;position:relative;}
.dropdown .menu {width:170px;background-color:#ffffff;padding:0px 5px 0px 5px;border:1px solid #93999c;float:left;height:16px;line-height:16px;}
.dropdown img.action {cursor:pointer;}
.dropdown ul.list {width:178px;clear:left;z-index:100;position:absolute;margin-top:17px;border:1px solid #93999c;background-color:#ffffff;padding:2px 15px 2px 5px;}
.dropdown ul.list li {padding-left:5px;}
* html .dropdown .list {margin-top:-1px;} 
*+html .dropdown .list {margin-top:-1px;}
#topmenu {margin:20px 0 0 0px;position:relative;float:left;height:90px;text-align:left;}
#topmenu a.backhome {float:left;position:absolute;top:0px;left:-50px;}
#topmenu ul {margin:13px 0 0 15px;float:left;}
#topmenu ul li {display:inline;height:55px;float:left;margin-left:35px;text-align:center;padding:18px 0 0 20px;}
* html #topmenu ul li {width:10px;}
#topmenu ul li.first {margin-left:0;}
#topmenu ul li.selected {background:url("../img/topmenu-sel-bg.jpg") no-repeat top left;}
#globalcontener {float:left;width:860px;margin:10px 0 0 110px;display:inline;}
#msg_popup {position:absolute;z-index:150;border:1px solid #4f5456;padding:5px 25px 5px 10px;background-color:white;width:400px;margin:7px 0 0 5px;}
#msg_popup #btn_close {position:absolute;top:2px;right:2px;}
#msg_popup .texterror {color:#F75456;}
#msg_popup .textvalid {color:#57AF6B;}
#tplhome #globalcontener #mainheader {float:left;background:url( "../img/top-860.jpg" ) no-repeat bottom left;width:100%;height:7px;}
#tplhome #globalcontener #maincontent {float:left;background:url( "../img/content-bg-860.jpg" ) repeat-y;padding:0 0 15px 3px;width:857px;}
#tplhome #globalcontener #mainfooter {float:left;background:url( "../img/bottom-860.jpg" ) no-repeat top left;width:100%;padding:15px 0 10px 0;text-align:center;font-size:10px;}
#tplhome #actus {clear:left;float:left;width:370px;margin:20px 0 0 50px;padding:0 30px 0 0;border-right:1px solid #e6e6e6;}
#tplhome #videos {float:left;width:370px;margin:20px 0 0 30px;}
* html #tplhome #actus, * html #tplhome #videos { width:340px; }
#tplhome .homebox h4.title {font-weight:normal;text-transform:uppercase;color:#0d2f85;font-size:12px;}
#tplhome .homebox .link {color:#222222;font-size:11px;}
#tplhome .homebox ul li {clear:left;margin:10px 0 0 0;float:left;width:100%;}
#globalcontener #leftpanel {float:left;width:235px;background:url( "../img/boxleft-top.jpg" ) no-repeat top left;padding-top:9px;margin-top:11px;}
#globalcontener #leftpanel .boxcontent {float:left;background:url( "../img/boxleft-left.jpg" ) repeat-y top left;padding:10px 0 0px 5px;}
#globalcontener #centralpanel {float:left;width:625px;background:url( "../img/boxcenter-top.jpg" ) no-repeat top left;padding-top:20px;}
#globalcontener #centralpanel .boxcontent {float:left;background:url( "../img/boxcenter-left.jpg" ) repeat-y top left;padding:10px 0 10px 40px;min-height:350px;}
* html #globalcontener #centralpanel .boxcontent {height:350px;}
#globalcontener #centralpanel .boxfooter {clear:left;float:left;width:100%;background:url( "../img/boxcenter-bottom.jpg" ) no-repeat top left;height:15px;padding:15px 0 0px 0;text-align:center;font-size:10px;}
#globalcontener #leftpanel ul.level1>li {clear:left;float:left;width:210px;padding-left:16px;background:url( "../img/arrow-left-normal.gif" ) no-repeat top left;font-size:15px;margin:0 0 15px 0;}
#globalcontener #leftpanel ul.level1>li.selected {background-image:url( "../img/arrow-left-selected.gif");font-size:17px;}
#globalcontener #leftpanel ul.level1>li.selected .title {color:#0d2f85;}
#globalcontener #leftpanel ul.level1>li a {color:#a3a3a3;}
#globalcontener #leftpanel ul.level1>li a:hover {color:#5c5c5c;}
#globalcontener #leftpanel ul.level1>li ul.level2 {margin-top:10px;}
#globalcontener #leftpanel ul.level2>li {margin:0px;font-size:12px;line-height:18px;}
#globalcontener #leftpanel ul.level2>li a {color:#a3a3a3;}
#globalcontener #leftpanel ul.level2>li a:hover {color:#5c5c5c;}
#globalcontener #leftpanel ul.level2>li.selected {font-size:13px;}
#globalcontener #leftpanel ul.level2>li.selected a {color:#0d2f85;}
#globalcontener #leftpanel ul.level2>li.external a {background:url( "../img/external_link.jpg" ) no-repeat top right;padding-right:17px;}
#listarticle ul li {margin:10px 0 15px 0;clear:left;float:left;width:100%;}
#listarticle ul li p a.textlightgrey {color:#93999c;display:block;}
#listarticle ul li p a.textlightgrey:hover {color:#4f5456;}
#listarticle ul li .title {font-weight:normal;text-transform:uppercase;color:#0d2f85;font-size:12px;}
#listarticle ul li .link {color:#222222;font-size:11px;font-weight:normal;}
#detailarticle h3.title {font-size:16px;font-weight:normal;text-transform:uppercase;margin:0 0 0 0;}
#detailarticle h4.subtitle {font-size:14px;font-weight:normal;text-transform:uppercase;margin:0 0 10px 0;}
#detailarticle h3.title span {margin-right:10px;}
#detailarticle h4.brandname {clear:both;float:left;width:100%;color:#475358;text-transform:uppercase;font-size:11px;font-weight:normal;margin:10px 0 5px 0;}
#tpldetail #detailarticle div.content {text-align:justify;font-size:12px;clear:left;float:left;width:100%;margin:0 0 10px 0;}
#tplcontent #detailarticle div.content {text-align:justify;font-size:12px;margin:0 0 10px 0;}
.content p { margin-bottom:12px; }
#detailarticle div.content ul li {background:url( "../img/dot-grey.gif" ) no-repeat 0px 7px;padding-left:10px;}
#diaporamaphotos {clear:left;position:relative;overflow:hidden;float:left;height:350px;width:600px;}
#diaporamaphotos #diaporama {position:absolute;padding:0px;width:9999999px;height:400px;float:left;}
#diaporamaphotos #diaporama .img {float:left;position:relative;width:600px;text-align:center;margin:0 10px 0 0;}
#diaponav {clear:left;}
#diaponav a {border-right:1px solid #d7d7d7;width:20px;float:left;font-size:11px;text-align:center;}
#diaponav a.first {border-left:1px solid #d7d7d7;}
#diaponav a.selected {font-size:12px;color:#0d2f85;}
#pagination {clear:left;float:left;font-size:11px;text-align:center;width:585px;}
#pagination #previouspage {background:url( "../img/previous-page.gif" ) no-repeat 0px 3px;padding:0 0 0 13px;margin-right:15px;}
#pagination #pages {padding:0 15px 0 15px;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;}
#pagination #pages a, #pagination #pages span {margin:0 2px 0 3px;}
#pagination #pages span {font-size:14px;color:#0d2f85;}
#pagination #nextpage {background:url( "../img/next-page.gif" ) no-repeat right 3px;padding:0 13px 0 0;margin-left:15px;}
/* spécificités des gabarits 'recrutement', 'detailoffre' et 'newsletter' */
#tplrecrutement #globalcontener #centralpanel .boxcontent {padding-left:10px;}
#tplrecrutement #filariane {margin-left:30px;}
#tplrecrutement #listarticle ul li {padding-left:30px;background:url("../img/arrow-centre-normal.gif") no-repeat 0px 2px;}
#tplrecrutement #listarticle h4.title span {margin-right:10px;}
#tplrecrutement #listarticle h5.subtitle {font-weight:normal;font-style:italic;font-size:11px;color:#4f5456;}
#tplrecrutement #listarticle p.description {margin-top:10px;}
#tpldetailoffre #detailarticle h3.title {margin:0;}
#tpldetailoffre #detailarticle h4.subtitle {font-weight:normal;font-size:12px;color:#4f5456;}
#tpldetailoffre #detailarticle div.content {margin-top:10px;text-align:justify;}
#detailarticle div.buttons {clear:left;float:left;margin-top:10px;}
#detailarticle div.buttons img {margin-right:10px;}
#tpldetailoffre #detailarticle div#formPostul,
#tplnewsletter #detailarticle div#formNewsletter {clear:left;float:left;width:100%;margin:20px 0 0 0;}
form ul li {clear:left;float:left;width:100%;margin:0 0 5px 0;}
form label {float:left;padding-right:5px;color:#4f5456;}
form label.w100 {width:95px;}
form label.w200 {width:200px;}
form label.w300 {width:300px;}
#tplnewsletter #detailarticle div#formNewsletter input.textfield {width:200px;}
#tpldetailoffre #detailarticle div#formPostul #field_covering_letter {clear:left;width:570px;overflow:auto;}
#tpldetailoffre #detailarticle div#formPostul #label_name {margin-left:1px;}
#tpldetailoffre #detailarticle div#formPostul #field_surname,
#tpldetailoffre #detailarticle div#formPostul #field_name {width:177px;}
* html #tpldetailoffre #detailarticle div#formPostul #field_name {margin-right:0px;}
#tpldetailoffre #detailarticle div#formPostul #field_phone {width:80px;}
#tpldetailoffre #detailarticle div#formPostul #field_mail {width:320px;margin-right:0px;}
#tpldetailoffre #detailarticle div#formPostul div.lettre {float:left;margin:15px 0 15px 0;}
#tplnewsletter #detailarticle div.buttons {margin-top:10px;margin-bottom:10px;float:left}
/* spécificités du gabarit 'contacts' */
* html .first {width:575px;}
#tplcontacts #listarticle .contact {float:left;width:280px;margin:0 10px 15px 0;}
#tplcontacts #listarticle .breaker {clear:left;float:left;}
#tplcontacts #listarticle .contact .header {font-weight:normal;font-size:12px;color:#0d2f85;}
/* Gabarit conseil */
#tplconseil form fieldset {border:1px solid #8697c2;float:left;padding:0 0 5px 5px; width:560px;margin-top:10px;}
#tplconseil form fieldset.halfwidth {width:273px;margin-right:7px;}
#tplconseil form legend {padding:0 5px 0 5px;}
#tplconseil form fieldset input.textfield {width:445px;}
#tplconseil form fieldset input.box {float:left;margin-right:5px;}
#tplconseil form fieldset textarea {width:545px;height:100px;}
#tplconseil form fieldset.halfwidth input {width:155px;}

#medialayer {z-index:100;position:fixed;width:100%;height:100%;float:left;background-color:black;background-attachment:fixed;top:0;left:0;opacity:0.7;}
#zoommedia {z-index:101;position:absolute;top:0;left:0;text-align:center;width:100%;padding:0px;}
#zoomactions{position:relative;width:100%;height:23px;padding:0px;float:left;}
#zoomactions div#zoombuttons {position:absolute;z-index:105;background-color:#e9e9e9;height:23px;padding:0 5px 0 0;left:0px;}
#zoomactions div#zoombuttons img {margin:5px 3px 0 5px;}
#mediabox {position:relative;display:block;margin:0px auto 0 auto;background-color:white;}
#mediabox p.legend {width:100%;clear:left;background-color:white;padding-bottom:5px;text-align:center;}