@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
}
body{
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	text-decoration:none;
}
.clear{
	clear:both;
}
li{
	list-style:none;
}
/********************************** Global **********************************/
.global{
	width:1000px;
	margin:20px 0 18px 0 ;
}
.global .header{
	background-image:url(../images/bg_container.jpg);
	width:1000px;
	height:300px;
}
.global .container{
	background-image:url(../images/bg_container.jpg);
	width:1000px;
	padding-bottom:13px;
}
.global .footer{
	width:1000px;
	height:149px;
}
/************************* Etat de header **********************************/
.header .topHeader{
	background-image:url(../images/top_header.jpg);
	width:1000px;
	height:19px;
}
.header .banner{
	background-image:url(../images/bg_header.jpg);
	width:1000px;
	height:248px;
}
.banner .sfere{
	width:200px;
	height:229px;
	float:left;
	margin:8px 0 0 29px;
}
.banner .slogant{
	float:left;
	height:53px;
	width:471px;
	margin-top:83px;
}
.banner .blokLogo{
	width:253px;
	float:left;
}
.blokLogo a.fr{
	background-image:url(../images/bt_Francais.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bt_Francais.png", sizingMethod="scale");
	width:82px;
	height:38px;
	display:block;
	float:left;
	margin:0 25px 16px 37px!important;
	margin:0 25px 16px 17px;
}
.blokLogo a.eng{
	background-image:url(../images/bt_Anglais.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bt_Anglais.png", sizingMethod="scale");
	width:65px;
	height:22px;
	float:left;
	display:block;
	margin:8px 0 0 0px;
}
.blokLogo a.logo{
	background-image:url(../images/logo_cim.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo_cim.png", sizingMethod="scale");
	width:253px;
	height:122px;
	float:left;
	display:block;
}
a.fr span, a.logo span, a.slogant span, a.eng span{
	display:none;
}
/****************************** Etat de Menu ***********************************/
.header .menu{
	background-image:url(../images/bg_menu.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_menu.png", sizingMethod="scale");
	width:938px;
	height:33px;
	padding-left:62px;
}
.menu li{
	list-style:none;
	float:left;
	width:82px;
	height:33px;
	margin-right:30px;
	margin-left:12px;
}
.menu li a{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:7px;
	height:26px;
	display:block;
}
/****************************************** Menu Hover , actif **************************************************/
a.accueil:hover, .accueilActif{
	background-image:url(../images/hover/accueil_hover.jpg);
	width:64px;
	height:26px;
	display:block;
}
a.historique:hover, .historiqueActif{
	background-image:url(../images/hover/historique_hover.jpg);
	width:80px;
	height:26px;
	display:block;
}
a.activite:hover, .activiteActif{
	background-image:url(../images/hover/activite_hover.jpg);
	width:73px;
	height:26px;
	display:block;
}
a.filiale:hover, .filialeActif{
	background-image:url(../images/hover/filiales_hover.jpg);
	width:55px;
	height:26px;
	display:block;
}
a.faits:hover, .faitsActif{
	background-image:url(../images/hover/faits_hover.jpg);
	width:82px;
	height:26px;
	display:block;
}
a.partenaire:hover, .partenaireActif{
	background-image:url(../images/hover/partenaire_hover.jpg);
	width:82px;
	height:26px;
	display:block;
}
a.contact:hover, .contactActif{
	background-image:url(../images/hover/contact_hover.jpg);
	width:82px;
	height:26px;
	display:block;
}
/***************************** Etat de contenu du site "container"*****************************************/
/*************************** details Partie du colone left : menu a gauche ********************************/
.container .blokLeft {
	background-image:url(../images/bg_rubrique.jpg);
	background-repeat:no-repeat;
	height:142px;
	width:136px;
	float:left;
	margin:25px 60px 0px 0px!important;
	margin:25px 6Opx 0px 0px;
	display:block;
	padding-left:42px;
	padding-top:70px;
	text-align:left;
	position:relative;
	font-size:11px;
}
.blokLeft .rubrique{
	position:absolute;
	left: 0px;
	top: 0px;
}	
.blokLeftActivite li, .blokLeft li{
	list-style:none;
	margin-top:4px;
}
.blokLeftActivite a, .blokLeft a, .blokLeftfiliales a{
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:10px;
	font-weight:bold;
}

.blokLeft a:hover, a:active{
	color:#FF0000;
}

/*************************** details Partie Contenu ********************************/
.container .allContenu{
	float:left;
	width:663px;
	margin:25px 0 0px 0;
	position:relative;
}
.allContenu .contenu{
	background-image:url(../images/bg_contenu.jpg);
	height:195px;
	width:620px;
	text-align:justify;
	padding:0 17px 0 26px;
	overflow:scroll;
	overflow:auto;
}
.allContenu .topContenu{
	background-image:url(../images/top_contenu.jpg);
	height:9px;
	width:663px;
	overflow:hidden;
}
.allContenu .basContenu{
	background-image:url(../images/bottom_contenu.jpg);
	height:10px;
	width:663px;
	overflow:hidden;
}
.contenu .construction{
	padding-top:15%;
	padding-left:35%;
}
/*********************************** Accueil *************************************/
.contenu .phPresident{
	width:180px;
	height:62px;
	color:#FF0000;
	text-align:right;
	font-size:7pt;
	float:right;
	margin-right:24px;
}
.phPresident img{
	float:right;
	margin-left:6px;
}
strong{
	color:#ff0000;
	font-size:11px;
}
.contenu .Blokliste{
	margin-left:0px;
}
.contenu span{
	color:#FF0000;
}
.contenu div#wn2{
	position:relative;
	height:214px;
	text-align:justify;
	overflow:hinden;
	float:left;
}
.contenu div#lyr2 {
	width:500px;
	position:relative;
	overflow:hidden;
}
.contenu .scroll{
	width:14px;
	height:214px;
	float:left;
	position:relative;
	margin-left:505px!important;
	margin-left:255px;
}

/************************************* Actvite **************************************/
.blokLeftActivite li ul li{
	margin-left:10px;
}
.container .blokLeftActivite {
	background-image:url(../images/bg_rubrique.jpg);
	background-repeat:no-repeat;
	height:205px;
	width:166px;
	float:left;
	margin:25px 23px 0px 0px!important;
	margin:25px 23px 0px Opx;
	display:block;
	padding-left:12px;
	padding-top:7px;
	text-align:left;
	position:relative;
	font-size:11px;
}
.blokLeftActivite a:hover, a:active{
	color:#FF0000;
}
/*************************************** Filiales ***********************************************/
.container .blokLeftfiliales {
	background-image:url(../images/bg_rubrique.jpg);
	background-repeat:no-repeat;
	height:180px;
	width:166px;
	float:left;
	margin:25px 23px 0px 0px!important;
	margin:25px 23px 0px 0px;
	display:block;
	padding-left:12px;
	padding-top:32px;
	text-align:left;
	position:relative;
	font-size:11px;
}
.blokLeftfiliales a:hover, a:active{
	color:#FF0000;
}
/*************************** Etat de Contenu : jQuery *******************************************/
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 930px; }
.ui-tabs-vertical .ui-tabs-nav {  }
.ui-tabs-vertical .ui-tabs-nav li {}
.ui-tabs-vertical .ui-tabs-nav li a {}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { color:#FF0000 }
.ui-tabs-vertical .ui-tabs-panel {}
/********************************* Divert *********************************************/
.contactMonbre{
	width:190px;
	float:left;
	margin:10px 0px 0 5px;
	text-align:center;
}
.marge{
	margin-left:13px;
}
.contenu .shema{
	width:510px;
	margin:auto;
}
.contenu .filiale{
	background-image:url(../images/partenaire.jpg);
	width:211px;
	height:196px;
	margin:auto;
	position:relative;
}
a.afrique{
	display:block;
	height:16px;
	width:51px;
	position:absolute;
	top:0;
	left:22px;
}
a.afrique:hover{
	background-image:url(../images/cim_maroc.jpg);
	width:130px;
	height:39px;
}
a.irak{
	display:block;
	height:16px;
	width:51px;
	position:absolute;
	top:50px;
	left:0;
}
a.irak:hover{
	background-image:;
	width:130px;
	height:39px;
}
a.automation{
	display:block;
	height:16px;
	width:51px;
	position:absolute;
	top:60px;
	right:43px;
}
a.automation:hover{
	background-image:url(../images/cim_equipement.jpg);
	width:130px;
	height:39px;
}
a.iac{
	display:block;
	height:16px;
	width:51px;
	position:absolute;
	top:107px;
	left:80px;
}
a.iac:hover{
	background-image:url(../images/cim_iac.jpg);
	width:130px;
	height:39px;
}
.contenu .imgMidest{
	width:286px;
	margin:auto;
	margin-bottom:8px;
	margin-top:10px
}
.imgConference{
	width:102px;
	margin:auto;
	margin-bottom:8px;
	margin-top:10px;
}
ul.chiffre{
	width:400px;
	margin:auto;
	margin-top:30px;
}
ul.chiffre li{
	list-style:none;
	font-size:12px;
	margin-bottom:8px;
}
ul.chiffre li span{
	color:#FF0000;
	width:200px;
	display:block;
	float:left;
}
li.margtop{
	margin-top:30px;
}
/****************/
ul.ingenerie{
	margin-top:8%;
	margin-left:25%;
	font-size:12px;
}
.ingenerie li{
	list-style:none;
	margin-top:5px;
}
.ingenerie span{
	color:#FF0000;
}
/*********************/
ul.instrument{
	margin-top:9%;
	margin-left:13%;
	font-size:12px;
}
ul.constru{
	margin-top:7%;
	margin-left:13%;
	font-size:12px;
}
ul.controle{
	margin-top:12%;
	margin-left:13%;
	font-size:12px;
}
ul.constru li, .instrument li{
	list-style:none;
	margin-top:5px;
}
.instrument span{
	color:#FF0000;
}
/************************/
ul.maintenance{
	margin-left:25%;
	font-size:12px;
}
.maintenance li{
	list-style:none;
	margin-top:2px;
}
.maintenance span{
	color:#FF0000;
}
p.saillant{
	margin-top:12%;
}
.pMarge{
	margin-top:8%;
	font-size:12px;
}
/********************************** Scroll *******************************************/

a.top{
	background-image:url(../images/scroll_arrow_top.jpg);
	display:block;
	width:12px;
	height:12px;
	overflow:hidden;
}
a.bottom{
	background-image:url(../images/scroll_arrow_bottom.jpg);
	display:block;
	width:13px;
	height:12px;
	margin-top:150px;
	overflow:hidden;
}
#wn1{
	display:none;
}

.ui-tabs span{
	margin-left:20px;
}
.ui-tabs-selected a.hover:hover{ color:#FFFFFF; }
/*******************************************************/
.blokLogo a.frAnglais{
	background-image:url(../images/fr_anglais.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fr_anglais.png", sizingMethod="scale");
	width:65px;
	height:22px;
	display:block;
	float:left;
	margin:8px 25px 0 37px;
}
.blokLogo a.engAnglais{
	background-image:url(../images/eng_anglais.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/eng_anglais.png", sizingMethod="scale");
	width:80px;
	height:38px;
	float:left;
	display:block;
	margin:0 0 16px 0px;
}
a.engAnglais span, a.frAnglais span {
	display:none;
}
/*******************************************************************************************/
div.reference{
	background-image:url(../images/bg_reference.jpg);
	width:639px;
	height:198px;
	padding:15px 0 0 24px;
}
div.reference a.samir{
	background-image:url(../images/logo_samir.jpg);
	height:63px;
	width:82px;
	display:block;
	float:left;
	margin-right:50px;
}
div.reference a.ocp{
	background-image:url(../images/logo_ocp.jpg);
	height:80px;
	width:59px;
	display:block;
	float:left;
	margin-right:70px;
}
div.reference a.sonatrach{
	background-image:url(../images/logo_sonatrach.jpg);
	height:75px;
	width:59px;
	display:block;
	float:left;
	margin-right:60px;
}
div.reference a.ics{
	background-image:url(../images/logo_ics.jpg);
	height:74px;
	width:60px;
	display:block;
	float:left;
	margin-right:70px;
}
div.reference a.yokogawa{
	background-image:url(../images/logo_yokogawa.jpg);
	height:73px;
	width:73px;
	display:block;
	float:left;
}
div.reference a.tekfen{
	background-image:url(../images/logo_tekfen.jpg);
	height:61px;
	width:80px;
	display:block;
	float:left;
	margin-right:50px;
	margin-top:30px;
}
div.reference a.coraf{
	background-image:url(../images/logo_coraf.jpg);
	height:77px;
	width:62px;
	display:block;
	float:left;
	margin-right:50px;
	margin-top:25px;
}
div.reference a.cusumar{
	background-image:url(../images/logo_cosumar.jpg);
	height:57px;
	width:98px;
	display:block;
	float:left;
	margin-right:30px;
	margin-top:30px;
}
div.reference a.sonara{
	background-image:url(../images/logo_sonara.jpg);
	height:95px;
	width:74px;
	display:block;
	float:left;
	margin-right:50px;
	margin-top:15px;
}
div.reference a.honeywell{
	background-image:url(../images/logo_honeywell.jpg);
	height:21px;
	width:112px;
	display:block;
	float:left;
	margin-top:55px;
}