/* CSS Document */ body{padding:0; margin:0;background:url(images/bg_body.gif) center top repeat-y #fff;color:#000;} div, h1, h2, p, form, label, input, textarea, img, span{margin:0; padding:0;} ul{ margin:0; padding:0; list-style-type:none; font-size:0;} .spacer{clear:both; font-size:0; line-height:0;} /*------------------------------------------------body--------------------*/ a:focus { outline:none; } /*------------------------------------------------top part--------------------*/ #top{background:url(images/top_part.png) 0 0 no-repeat; width:968px;height:140px;margin:0 auto; position:relative;} #top img{position:absolute; left:67px; top:46px; width:181px; height:72px;} #top ul{width:309px; height:29px; position:absolute; left:660px; top:102px;} #top ul li{ float:left; margin:0 1px 0 0;} #top ul li a{ background:url(images/nav_bg.gif) 0 0 no-repeat;width:102px;height:29px;display:block;font:bold 11px/29px Arial, Helvetica, sans-serif;color:#fff;text-decoration:none; text-transform:uppercase; text-align:center; background-color:inherit;} #top ul li a:hover{ width:102px; height:29px;color:#000;background-color:inherit;} /*------------------------------------------------top part--------------------*/ /*------------------------------------------------body--------------------*/ #body{width:968px;margin:0 auto;padding:0;background-color:#fff;color:#000;} #body ul.nav{width:902px;height:44px;border-top:#fff solid 4px;padding:0 0 0 66px;margin:0 0 24px 0;background:url(images/bg_menu.jpg) repeat-x;color:#000;} #body ul.nav li.navLink{display:block;float:left;height:44px;padding:0 1px 0 0;} #body ul.nav li.navLinkNoBdr{display:block; background-image:none; float:left; height:44px; padding:0 1px 0 0;} #body ul.nav li.navLink a.service{display:block;background:url(images/services_icon.gif) 0 7px no-repeat ; padding:0 10px 0 35px; font:bold 12px/46px Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; text-decoration:none;} #body ul.nav li.navLink a.service:hover{background:url(images/services_icon_hover.gif) 0 7px no-repeat ;color:#FFCC00;} #body ul.nav li.navLink a.testimonial{display:block;background:url(images/testimonial_icon.gif) 10px 5px no-repeat ; padding:0 15px 0 35px; font:bold 13px/46px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none;} #body ul.nav li.navLink a.testimonial:hover{background:url(images/testimonial_icon_hover.gif) 10px 5px no-repeat ; color:#FFCC00;} #body ul.nav li.navLink a.project{ display:block; background:url(images/project_icon.gif) 9px 10px no-repeat ; padding:0 14px 0 43px; font:bold 13px/46px Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; text-decoration:none;} #body ul.nav li.navLink a.project:hover{background:url(images/project_icon_hover.gif) 9px 10px no-repeat ; color:#FFCC00;} #body ul.nav li.navLink a.privacy{display:block;background:url(images/privacy_icon.gif) 12px 7px no-repeat ; padding:0 8px 0 42px; font:bold 13px/46px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none;} #body ul.nav li.navLink a.privacy:hover{background:url(images/privacy_icon_hover.gif) 12px 7px no-repeat ; color:#FFCC00;} #body ul.nav li.navLinkNoBdr a.moreLink{display:block; background:url(images/more_links_icon.gif) 8px 6px no-repeat ; padding:0 0 0 40px; font:bold 13px/46px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none;} #body ul.nav li.navLinkNoBdr a.moreLink:hover{ background:url(images/more_links_icon_hover.gif) 8px 6px no-repeat ; color:#FFCC00;} #body ul.nav li.navLinkNoBdr a.reference{ display:block; background:url(images/reference_icon.gif) 8px 9px no-repeat ; padding:0 0 0 40px; font:bold 13px/46px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none;} #body ul.nav li.navLinkNoBdr a.reference:hover{ background:url(images/reference_icon_hover.gif) 8px 9px no-repeat ; color:#FFCC00;} /*------------------------------------------------left panel--------------------*/ #left{ width:366px; padding:5px 15px 0 22px; float:left;} #left h2{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 20px;color:#FF6600; background-color:#fff; margin:0 0 12px 0; display:block;} #left p.lftText{ font:normal 12px/19px Arial, Helvetica, sans-serif; text-align:justify; color:#000; background-color:#fff; margin:0; padding:0;} #left p.lftText span{ color:#9E3F01; font:bold 12px/19px Arial, Helvetica, sans-serif;} #left p.viewMore{width:77px; height:13px; background:url(images/view_more_bg.gif) 0 0 repeat-x; padding:0 0 0 288px; margin:0 0 10px 0; font-size:0; display:block;} #left p.viewMore a{ background:url(images/view_more.gif) 0 0 no-repeat; width:77px; height:13px;display:block;} #left p.viewMore a:hover{ background:url(images/view_more_hover.gif) 0 0 no-repeat;} #leftBottom{width:364px;background:url(images/left_bottom_bg.gif) 0 0 repeat-y;} #leftBottom p.top1{ background:url(images/left_bottom_top.gif) 0 0 no-repeat; width:364px; height:21px;} #leftBottom h2{ background:url(images/left_bottom_h2.png) 0 0 no-repeat; width:364px; height:52px;} #leftBottom p.lftBottomText{ margin:0 13px 0 18px; font:bold 13px/19px Arial, Helvetica, sans-serif; color:#91835B; background-color:#fff;} #leftBottom p.lftBottomText span{font:bold 13px/19px Arial, Helvetica, sans-serif; color:#C24E01; background-color:#fff;} #leftBottom p.bot1{ background:url(images/left_bottom_bot.gif) 0 0 no-repeat; width:364px; height:25px;} /*------------------------------------------------left panel--------------------*/ /*------------------------------------------------lefta panel--------------------*/ #lefta{ width:660px; padding:5px 15px 0 22px; float:left;} #lefta h2{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 20px; color:#FF6600; background-color:#fff; margin:0 0 12px 0; display:block;} #lefta p.lftText{ font:12px Verdana, Arial, Helvetica, sans-serif;text-align:justify; color:#000; background-color:#fff; margin:0; padding:0;} #lefta p.lftText span{ color:#9E3F01; font:bold 12px/19px Arial, Helvetica, sans-serif;} /*------------------------------------------------lefta panel--------------------*/ /*------------------------------------------------mid panel--------------------*/ #mid{ width:252px; border:#FF6600 solid 1px; background:url(images/mid_panel_bg.gif) 0 0 repeat-x #FF660e; color:#fff; padding:4px 13px 5px 11px; margin:0 17px 0 0; float:left;} #mid h2{ font:bold 22px/38px Arial, Helvetica, sans-serif;} #mid img{ margin:0 0 14px 0; width:252px; height:109px;} #mid h3{ font:bold 12px/29px Arial, Helvetica, sans-serif; color:#323232; background-color:#FF6600; padding:0; margin:0; text-transform:uppercase;} #mid p.midText{ font:bold 12px/19px Arial, Helvetica, sans-serif; color:#fff; background-color:#FF6600;margin:0 0 10px 0; background:url(images/120.gif) top right no-repeat;} #mid p.midText2{font:bold 16px/22px Arial, Helvetica, sans-serif;color:#fff;background-color:#FF6600;margin:0 0 46px 0;} #mid p.midText3{ font:bold 12px/19px Arial, Helvetica, sans-serif; color:#fff; background-color:#FF6600;margin:0 0 10px 0; background:url(images/260.gif) top right no-repeat;} #mid p.midText4{ font:bold 12px/19px Arial, Helvetica, sans-serif; color:#fff; background-color:#FF6600;margin:0 0 10px 0; background:url(images/470.gif) top right no-repeat;} #mid p.midText5{ font:bold 12px/19px Arial, Helvetica, sans-serif; color:#fff; background-color:#FF6600;margin:0 0 10px 0; background:url(images/760.gif) top right no-repeat;} /*------------------------------------------------mid panel--------------------*/ /*------------------------------------------------right panel--------------------*/ #right{ width:264px; float:left;} #right a.devisBanner{background:url(images/job_banner.png) 0 0 no-repeat;width:212px; height:87px;display:block; margin:0 0 22px 22px;} #right a.devisBanner:hover{ background:url(images/job_banner_hover.png) 0 0 no-repeat;} #right h2.mem{ width:214px; height:57px; background:url(images/member_login.gif) 0 0 no-repeat; padding:0 0 0 50px; font:bold 20px/57px Arial, Helvetica, sans-serif; color:#7BCA0A; background-color:inherit;} #right form{ background:url(images/memberlogin_bg.gif) 0 0 repeat-y; width:228px; padding:0 18px; margin:0;} #right form input.txtBox{ width:206px; height:19px; border-left:#808080 solid 1px; border-top:#808080 solid 1px; border-right:#D4D0C8 solid 1px; border-bottom:#D4D0C8 solid 1px; /*font:normal 11px/19px Arial, Helvetica, sans-serif;*/ color:#000; background-color:#fff; margin:0 0 17px 0; padding:0 0 0 20px;} #right form a{ font:bold 12px/19px Arial, Helvetica, sans-serif; color:#FF6600; background-color:#131313; text-decoration:underline; float:left; background:url(images/register_here_bg.gif) 0 5px no-repeat; padding:0 0 0 14px; width:79px;} #right form a:hover{ text-decoration:none;} #right form input.login{ background:url(images/btn_login.gif) 0 0 no-repeat; width:53px; height:13px;border:none; cursor:pointer; float:right;} #right p.bottom2{ background:url(images/memberlogin_bot.gif) 0 0 no-repeat; width:264px;height:25px;margin:0 0 5px 0;} #right h2.solution{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 20px; color:#FF6600; background-color:#fff; padding:0 0 0 17px;} #right ul{ width:238px; padding:0 0 0 17px;} #right ul li{ display:block; background:url(images/solution_div.gif) left bottom repeat-x; height:20px; width:238px; padding:0 0 1px 0;} #right ul li a{ background:url(images/arrow.gif) 0 7px no-repeat; padding:0 0 0 14px; font:bold 11px/20px Arial, Helvetica, sans-serif; color:#000; background-color:#fff; text-decoration:none; margin:0; display:block;} #right ul li a:hover{ color:#A60303; background-color:#ECECEC;} #right ul li.noImg{ display:block; background-image:none; height:20px;} /*------------------------------------------------right panel--------------------*/ /*------------------------------------------------bodyBottom--------------------*/ #bodyBottom{ width:953px; margin:18px 0 0 0; padding:8px 8px 19px 7px; float:left;} #bodyBottom ul{ width:944px; background-color:#F07939; color:#000; padding:8px 0 8px 9px; float:left; display:block;} #bodyBottom ul li.one{ padding:7px 47px 36px 15px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#131313; background-color:#fff; float:left; border-right:#F07939 solid 5px; display:block; width:270px;} #bodyBottom ul li.one a{font:bold 20px Arial, Helvetica, sans-serif;color:#D35400; background-color:#fff; text-decoration:underline; margin:0 0 0 0; display:block; text-transform:uppercase;} #bodyBottom ul li.one a:hover{ color:#323232 ; background-color:#fff; text-decoration:none;} #bodyBottom ul li.two{ padding:7px 18px 36px 24px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#131313; background-color:#fff; float:left; border-right:#F07939 solid 5px; display:block; width:271px;} #bodyBottom ul li.two a{ font:bold 20px Arial, Helvetica, sans-serif; color:#D35400; background-color:#fff; text-decoration:underline; margin:0 0 0 0; display:block; text-transform:uppercase;} #bodyBottom ul li.two a:hover{ color:#323232; background-color:#fff; text-decoration:none;} #bodyBottom ul li.three{ padding:7px 16px 36px 26px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#131313; background-color:#fff; float:left; border-right:#F07939 solid 5px; display:block; width:238px;} #bodyBottom ul li.three a{ font:bold 20px Arial, Helvetica, sans-serif; color:#D35400; background-color:#fff; text-decoration:underline; margin:0 0 0 0; display:block; text-transform:uppercase;} #bodyBottom ul li.three a:hover{ color:#323232; background-color:#fff; text-decoration:none;} /*------------------------------------------------bodyBottom--------------------*/ /*------------------------------------------------body--------------------*/ /*------------------------------------------------footer--------------------*/ #footerMain{width:968px;margin:0 auto;height:128px;background-color:#fff;color:#000;padding:0 0 16px 0;} #footer{width:953px;margin:0 auto;background:#323232 url(images/footer_bg.gif) repeat-x scroll 0 0;height:128px;position:relative;} #footer ul{ width:557px; position:absolute; left:202px; top:20px;} #footer ul li{ float:left; color:#fff; background-color:inherit;font:normal 12px/16px Arial, Helvetica, sans-serif;} #footer ul li a{font:normal 12px/16px Arial, Helvetica, sans-serif; color:#fff; background-color:inherit;padding:0 11px; text-decoration:none;} #footer ul li a:hover{ color:#FFCC00;} #footer p.copyright{font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif; color:#FFCC00;background-color:inherit; position:absolute; left:400px; top:38px;} #footer a.xht{ width:85px; height:13px;background:url(images/xhtml_bg.gif) 0 0 no-repeat; position:absolute; left:391px; top:59px; margin:0;} #footer a.xht:hover{background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;} #footer a.cs{width:85px; height:13px; background:url(images/css_bg.gif) 0 0 no-repeat; position:absolute; left:478px; top:59px; margin:0;} #footer a.cs:hover{ background:url(images/css_bg_hover.gif) 0 0 no-repeat;} #footer p.design{ display:block; width:187px; height:17px; padding:3px; position:absolute; left:382px; top:83px; font:bold 11px/17px Arial, Helvetica, sans-serif; color:#fff; background-color:#03373B; text-transform:none; text-align:center;} #footer p.design a.link{ font:bold 11px/17px Arial, Helvetica, sans-serif; color:#fff; background-color:#03373B; text-decoration:none; text-transform:none;} #footer p.design a.link:hover{ color:#FDFF35; background-color:#03373B;} /*------------------------------------------------footer--------------------*/ .menug { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: normal; font-variant: normal; font-style: normal} .menud { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #323232; text-decoration: none} /*formulaire*/ div.row {clear: both; padding-top: 10px; } div span.label {float: left; text-align: right;font: 12px Arial, Helvetica, sans-serif; color:#000; } div.row span.label {float: left; text-align: right;font: 12px Arial, Helvetica, sans-serif; color:#000; } div.row span.formw {float: right; width: 335px; text-align: left; } div.row span.formw input{border: 1px solid #323232; float: left; text-align: left; } div.row span.formw textarea{border: 1px solid #323232; float: left; text-align: left; } div.row span.formr {float: right; text-align: left; } .button {border: 1px solid #006; background: #323232; color:#FFFFFF;} .buttonr {border: 1px solid #006; background: #323232;} #leftBottom2{width:364px;background:url(images/left_bottom_bg.gif) 0 0 repeat-y;} #leftBottom2 p.top1{ background:url(images/left_bottom_top.gif) 0 0 no-repeat; width:364px; height:21px;} #leftBottom2 h2{ background:url(images/left_bottom_h3.png) 0 0 no-repeat; width:364px; height:82px;} #leftBottom2 p.lftBottomText{ margin:0 13px 0 18px; font:bold 13px/19px Arial, Helvetica, sans-serif; color:#970000;} #leftBottom2 a{ margin:0 13px 0 18px; font:bold 13px/19px Arial, Helvetica, sans-serif; color:#970000; text-decoration:none;} #leftBottom2 p.lftBottomText span{font:bold 13px/19px Arial, Helvetica, sans-serif; color:#EF661E;} #leftBottom2 p.bot1{ background:url(images/left_bottom_bot.gif) 0 0 no-repeat; width:364px; height:25px;} .module_templates { border:solid 1px #F07939; padding:16px 10px; overflow:auto; margin:6px 0; } .module_templates ul { height:100%; } .module_templates ul li { list-style:none; width:103px; height:136px; padding:18px 25px; float:left; } .module_templates ul li .temp_placeholder { width:101px; height:112px; display:table; border:solid 1px #D4D4D4; margin:0 auto 8px auto; } .module_templates ul li .temp_placeholder .positionn { display: table-cell; vertical-align:middle; width:100%; text-align:center; } .module_templates ul li span { display:block; height:18px; color:#000000;} .module_templates ul li a.details { text-decoration:underline; line-height:16px; color:#090909; float:left; margin-top:-4px; } .module_templates ul li a.details:hover {background:none; text-decoration:none;} img{border:none;}