@charset "utf-8";
/* CSS Document */
body, ul, li, ol, dl, dt, dd, p, form, div, h1, h2, h3, h4, h5, h6, label, a, input, select, img{margin:0; padding:0;border:none;}
html, body{height:100%;margin:0;padding:0;}
ul{list-style-type:none;}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;text-align:justify;overflow-x:hidden;}
.global{background:#262626;width:1000px;font-family:Arial, Helvetica, sans-serif;margin:auto;/*height:600px;*/}
.col_left{float:left;background:url(images/bkgleft.png) repeat-y top left;width:417px;text-align:center;height:600px;}
.col_left img{padding:40px 0 30px 20px;}
/*navigation*/
.col_left #mainpic{width:583px;float:left;}
.col_left li{color:#ff0000;font-weight:bold;padding:0 0 10px 100px;width:215px;font-size:12px;}
/*li pour les pages ek footer*/
.col_left ul{width:417px;}
.col_left ul ul{width:220px;}
.col_left ul ul li{width:220px;margin:0;padding:5px 0 0 0;}
.col_left ul ul li a{width:220px;font-weight:normal;font-size:11px;}
.col_left h2{color:#FFFFFF;font-weight:normal;padding:140px 0 90px 0;}
.col_left a{color:#999;text-decoration:none;width:180px;padding:0 0 0 15px;}
.col_left ul li a:hover{background:url(images/pointers.png) no-repeat 5px 4px;color:#666;}
.col_left strong{font-weight:bold;}
.col_left .li_vert{width:417px;float:left;}
.partners {width:417px;float:left;}
.partners img{padding:35px 0 0 10px!important;}
.col_right{width:583px;float:left;}
.col_right .flash .pleft{padding:133px 0 0 63px;}
.banner{width:560px;position:absolute;top:0;z-index:998;padding:0 0 0 10px;}
.contenu_droite{width:515px;float:left;padding:20px 34px 0 34px;background:#FFFFFF;height:297px;}
.contenu_droite h3{color:#000000;font-size:22px;}
.contenu_droite .text {padding:15px 0 0 0;color:#000000;font-size:12px;text-align:justify;}
.contenu_droite .text a{ color:#666;text-decoration:none;}
.contenu_droite .text a:hover{color:#000;text-decoration:none;}
.contenu_droite .arrow{float:right;color:#FFFFFF;font-size:10px;padding-top: 40px;width:80px;}
.contenu_droite .arrow p{float:left;padding:5px 0 0 5px;color:#FFFFFF;}
.contenu_droite .arrow img{float:left;padding:0 0 0 3px;}
/*sub menu - contenu droite*/
.contenu_droite .submenu{width:130px;float:left;font-size:10px;padding:20px 0 0 20px;}
.contenu_droite .submenu .firstli{width:100px;padding:0 25px 5px 0;border:none;margin:27px 0 0 0;}
.contenu_droite .submenu ul li{width:100px;padding:5px 25px 5px 0;border-top:#333333 dashed 1px;text-align:left;}
.contenu_droite .submenu ul li a{color:#666;text-decoration:none;}
.contenu_droite .submenu ul li a:hover{color:#000000;}
.contenu_droite .mainmenu{width:446px;float:left;}
.footer{width:1000px;font-size:11px;;float:left;}
.footer a{text-decoration:none;color:#333;}
.footer a:hover{color:#999;text-decoration:none;}
.footer ul li{float:left;}
.footer .footerfirst{padding:3px 0 0 0px;color:#333;}
.footer .footersecond{padding:3px 0 0 0px; float: right;color:#333;}
.footer .footerthird{padding:3px 0 0 435px;color:#333;}
/*accueil*/
#accueil .col_left img{padding:121px 0 60px 0;}
/*about*/
#about .col_left img{padding:121px 0 60px 0;}
/*chairman html*/
#chairman .col_left img{padding:121px 0 60px 0;}
#chairman .col_right{background:url(images/ceo.jpg) no-repeat top left;}
#chairman .flash p,strong{color:#FFFFFF;}
#chairman .col_right .flash{float:left;width:583px;color:#FFFFFF;}
#chairman .col_right .flash p{width:230px;font-size:14px;padding:0 0 0 35px;}
#chairman .col_right .flash p.pleft{padding:110px 0 0 35px;font-weight:bold;}
#chairman .flash{height:283px;width:583px;}
#chairman .contenu_droite{ background:url(images/bkgtransparent.png) repeat-x top left;}
#chairman .contenu_droite h3{color:#FFFFFF;width:390px;}
#chairman .contenu_droite .text{color:#FFFFFF;}
/*groupe socota paris-mada-etc*/
#groupeparis .col_left img{padding:121px 0 60px 0;}
#groupeparis .col_right .contenu_droite{height:234px;padding:0;margin:0;width:583px;border-top:#000000 1px solid;}
#groupeparis .contenu_droite .mainmenu{width:400px;float:left;padding:25px 0 0 15px;}
#groupeparis .contenu_droite h3{font-size:18px;}
#groupeparis .contenu_droite .text{color:#000000;}
#groupeparis .contenu_droite .mainmenu .arrow p{color:#999999;padding:0 50px 0 5px;}
/*socota madagas */
#transparent .col_left{width:417px;height:570px;}
#transparent .col_left li a:hover{background:url(images/pointers.png) no-repeat 5px 4px;}
#transparent .col_right{background:none;height:570px;position:relative;top:0;right:0;z-index:1;}
#transparent .contenu_droite{background:url(images/bkgtranstextile.png) repeat-x top left;;height:283px;padding:24px 34px 0 34px;position:absolute;top:263px;right:0;z-index:999;}
#transparent .flash{visibility:hidden;height:263px;}
#transparent .contenu_droite h3{color:#fff;}
#transparent .contenu_droite .text{font-size:12px;color:#FFFFFF;padding:15px 0 0 0;text-align:justify;height:125px;}
#transparent .global .copyright{float:left;height:30px;width:1000px;background:url(images/footer.jpg) no-repeat top left;position:static;}
/*product*/
#transparent_product .col_left{height:570px;}
#transparent_product .col_left li a:hover{background:url(socota/images/li.png) no-repeat 4px 4px;}
#transparent_product .flash{height:275px;position:relative;top:0;left:0;z-index:200;}
#transparent_product .header{position:absolute;top:65px;left:75px;z-index:900;}
#transparent_product .header h2{color:#FFFFFF;}
#transparent_product .col_right{position:relative;top:0;left:0;}
#transparent_product .col_right .contenu_droite p{font-size:11px;color:#fff;}
#transparent_product .col_right .contenu_droite{background:url(images/bkgtranstextile.png) repeat-x top left;height:307px;padding:0;margin:0;width:583px;top:263px;position:absolute;z-index:999;}
#transparent_product .contenu_droite h3{color:#fff;padding:24px 0 0 0}
#transparent_product .contenu_droite .text{font-size:12px;color:#fff;padding:15px 0 0 0;text-align:justify;line-height:16px;}
#transparent_product .contenu_droite .text a{color:#fff;text-decoration:none;}
#transparent_product .contenu_droite .text a:hover{color:#85BC1C;text-decoration:none;}
#transparent_product .contenu_droite .mainmenu{width:400px;padding:0 0 0 15px;}
#transparent_product .contenu_droite .mainmenu strong{font-size:13px;font-weight:bold;color:#fff;}
#transparent_product .contenu_droite .mainmenu .arrow{padding-top:30px;}
#transparent_product .global .copyright{float:left;height:30px;width:1000px;background:url(images/footer.jpg) no-repeat top left;position:static;}
#transparent_product .contenu_droite .submenu{width:130px;float:left;font-size:10px;padding:0 0 0 20px;}
#transparent_product .contenu_droite .submenu .titleli{width:100px;border:none;padding: 0 25px 7px 0;margin:30px 0 0 0;font-size:12px;font-weight:bold;color:#fff;}
#transparent_product .contenu_droite .submenu ul li{width:100px;padding:7px 25px 7px 0;border-top:#fff dashed 1px;text-align:left;}
#transparent_product .contenu_droite .submenu ul li a{color:#fff;}
#transparent_product .contenu_droite .submenu ul li a:hover{color:#fff;}
#transparent_product .contenu_droite .submenu a{text-decoration:none;}
/*fulfilling our mission*/
#opaque .col_left{height:570px;}
#opaque .col_left li a:hover{background:url(socota/images/li.png) no-repeat 4px 4px;}
#opaque .flash{height:275px;position:relative;top:0;left:0;z-index:200;}
#opaque .header{position:absolute;top:65px;left:75px;z-index:900;}
#opaque .header h2{color:#FFFFFF;}
#opaque .col_right .contenu_droite p{font-size:11px;color:#000000;}
#opaque .contenu_droite{width:583px;margin:0;padding:0;background:#FFFFFF;height:295px;}
#opaque .contenu_droite h3{font-size:18px;color:#000000;padding:25px 0 15px 0;}
#opaque .contenu_droite .text{width:395px;height:185px;overflow:auto;padding:5px 10px 10px 0px;font-size:12px;color:#000000;text-align:justify;}
#opaque .contenu_droite .mainmenu{width:380px;padding-left:15px;}
#opaque .contenu_droite .mainmenu strong{font-size:13px;font-weight:bold;font-style:italic;color:#000000;}
#opaque .contenu_droite .mainmenu .arrow{padding-top:5px;}
#opaque .global .copyright{float:left;height:30px;width:1000px;background:url(images/footer.jpg) no-repeat top left;position:static;}
/*bouton actif mainmenu:groupe | submenu:groupe*/
.about ul li.about a, .pressbook ul li.pressbook a, .careers ul li.careers a, #chairman ul li.chairman a, #groupeparis ul li.contact a
{background:url(images/pointers.png) no-repeat 5px 4px;color:#666}
#groupeparis.maurice .col_right .contenu_droite .submenu ul li.firstli a, #groupeparis.france .col_right .contenu_droite .submenu ul li.paris a, #groupeparis.madagascar .col_right .contenu_droite .submenu ul li.mada a
{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat 3px 3px;width:80px;text-align:left;color:#000;display: block;}
/*bouton actif mainmenu:textile | submenu:textile*/
.about li.about a,.mission li.mission a,.fulfilling li.fulfilling a,.customers li.customers a,.products li.products a,.careers li.careers a
{background:url(socota/images/li.png) no-repeat 4px 4px; color:#fff;}
#opaque.sub .col_right .contenu_droite .submenu ul li.firstli{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 2px;width:80px;text-align:left;}
#opaque.sub1 .col_right .contenu_droite .submenu ul li.active a{color:#000000;}
#opaque.sub1 .col_right .contenu_droite .submenu ul li.active{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 8px;width:80px;text-align:left;}
#opaque.sub2 .col_right .contenu_droite .submenu ul li.active a{color:#000000;}
#opaque.sub2 .col_right .contenu_droite .submenu ul li.active{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 8px;width:80px;text-align:left;}
#opaque.sub3 .col_right .contenu_droite .submenu ul li.active a{color:#000000;}
#opaque.sub3 .col_right .contenu_droite .submenu ul li.active{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 8px;width:80px;text-align:left;}
#opaque.sub4 .col_right .contenu_droite .submenu ul li.lastli a{color:#000000;}
#opaque.sub4 .col_right .contenu_droite .submenu ul li.lastli{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 8px;width:80px;text-align:left;}
#contact_transparent .col_left{height:570px;}
#contact_transparent .col_left li a:hover{background:url(images/pointers.png) no-repeat 5px 4px;}
#contact_transparent .flash{height:275px;position:relative;top:0;left:0;z-index:200;}
#contact_transparent .header{position:absolute;top:65px;left:75px;z-index:900;}
#contact_transparent .header h2{color:#FFFFFF;}
#contact_transparent .col_right{position:relative;top:0;left:0;}
#contact_transparent .col_right .contenu_droite p{font-size:11px;color:#fff;}
#contact_transparent .col_right .contenu_droite{background: #f4f4f5;height:205px;padding:0;margin:0;width:583px;top:365px;position:absolute;z-index:999;}
#contact_transparent .contenu_droite h3{font-size:18px;color:#000;padding:15px 0 15px 0;}
#contact_transparent .contenu_droite .text{font-size:12px;color:#000;padding:5px 0 0 0;text-align:justify;line-height:16px;}
#contact_transparent .contenu_droite .text a{color:#000;text-decoration:none;}
#contact_transparent .contenu_droite .text a:hover{color:#51af59;text-decoration:none;}
#contact_transparent .contenu_droite .mainmenu{width:380px;padding:0 0 0 30px;}
#contact_transparent .contenu_droite .mainmenu strong{font-size:13px;font-weight:bold;color:#fff;}
#contact_transparent .contenu_droite .mainmenu .arrow{padding-top:30px;}
#contact_transparent .global .copyright{float:left;height:30px;width:1000px;background:url(images/footer.jpg) no-repeat top left;position:static;}
#contact_transparent.contenu_droite .submenu{width:150px;float:left;font-size:10px;padding:20px 0 0 20px;!important}
#contact_transparent .contenu_droite .submenu .titleli{width:125px;padding:0 25px 5px 0;border:none;margin:20px 0 0 0;font-size:12px;font-weight:bold;color:#fff;}
#contact_transparent .contenu_droite .submenu ul li{width:115px;padding:7px 20px 7px 0;border-top:#fff dashed 1px;text-align:left;}
#contact_transparent .contenu_droite .submenu ul li a{color:#fff;}
#contact_transparent .contenu_droite .submenu ul li a:hover{color:#fff;}
#contact_transparent .contenu_droite .submenu a{text-decoration:none;}
#contact_transparent.sub .col_right .contenu_droite .submenu ul li.firstli{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 2px;width:80px;text-align:left;}
#contact_transparent.sub1 .col_right .contenu_droite .submenu ul li a{color:#fff;}
#contact_transparent.sub1 .col_right .contenu_droite .submenu ul li.management{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 8px;width:80px;text-align:left;}
#contact_transparent.sub2 .col_right .contenu_droite .submenu ul li a{color:#fff;}
#contact_transparent.sub2 .col_right .contenu_droite .submenu ul li.active{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 8px;width:80px;text-align:left;}
#contact_transparent.sub3 .col_right .contenu_droite .submenu ul li a{color:#fff;}
#contact_transparent.sub3 .col_right .contenu_droite .submenu ul li.workforce{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 8px;width:80px;text-align:left;}
#contact_transparent.sub4 .col_right .contenu_droite .submenu ul li.lastli a{color:#fff;}
#contact_transparent.sub4 .col_right .contenu_droite .submenu ul li.lastli{padding-left:10px;background:url(images/sub_li_arrow.png) no-repeat left 8px;width:80px;text-align:left;}