@import url(cms.css);
/* 
	CSS Document
	protocolis.com
	info@protocolis.com
*/
/* CSS janvier 2005  
-------------------------------------------------------------------------*/
/* MAIN styles 
-------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0 0 15px;
	font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color: #333;
	background-color: #fff;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
form, table, td, th, img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style: square;
}
p {
	color: #333;
	margin: 15px 0;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #8b0009;
	margin: 0px;
	padding: 0px 0 20px 0;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #8b0009;
	margin: 0px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #8b0009;
	margin: 0px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #8b0009;
	margin: 0px;
}
h5 {
	font-size: 10px;
	font-weight: bold;
	color: #8b0009;
	margin: 0px;
}
/* HR 3 browsers compatible
-------------------------------------------------------------------------*/
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}
div.hr {
	height: 1px;
	background: #ccc;
}
div.hr hr {
	display: none;
}
/*= Total top
-------------------------------------------------------------------------*/
#layertop {
	background-image: url(../images/english/bg_header_lines.gif);
	background-repeat: repeat-x;
	display: block;
	height: 148px;
	width: 100%;
}
#layertop #imagebackground {
	background-image: url(../images/english/bg_header.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 148px;
}
#layerhome a.home:visited, a.home:active, a.home:link, a.home:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 550px;
	height: 120px;
	z-index: 2;
}
#layertop #imagebackground ul#buttonstop {
	width: 765px;
	height: 22px;
	position: relative;
	list-style: none;
	padding-top: 126px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	margin: 0;
}
#buttonstop li {
	position: absolute;
}
#buttonstop li#print {
	right: 111px;
	width: 153px;
	display: block;
	height: 22px;
}
#buttonstop li#contactus {
	right: 0px;
	width: 111px;
	display: block;
	height: 22px;
}
a.btprint:visited, a.btprint:active, a.btprint:link, a.btprint:hover {
	background-image: url(../images/english/bt_print_top.gif);
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	width: 153px;
}
a.btcontactus:visited, a.btcontactus:active, a.btcontactus:link, a.btcontactus:hover {
	background-image: url(../images/english/bt_contact_top.gif);
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	width: 111px;
}
#copy {
	float: right;
	font-size: 9px;
	padding: 22px 10px 0 0;
}

/*  Language Menu
----------------------------- */

.lang-menu{
 z-index: 3;
 position: absolute;
 margin: 0 0 0 602px;
 color: #fff;
 list-style: none;
}

.lang-ar{
	direction: rtl;
}

.lang-menu a:hover{
	text-decoration: none;
/* 	background: #8B0009 !important; */
}

.lang-menu li ul{
 	z-index: 3;
 	position: absolute;
	padding: 0px;
	margin: 0px;
	list-style: none;

}

.lang-menu li ul li .inactive{
	color: #666666 !important;
}

.lang-menu li ul li .inactive:hover{
	color: #666666 !important;
/*	 background: #b2ada5 !important; */
 background: url(../images/lang-sub-bg.png) repeat-y top left;
}


.lang-menu a, .lang-menu a:visited{
 color: white !important;
 display: block;
/*  background: #b2ada5; */
 padding: 2px 2px 2px 2px;
/* border: 1px solid #fff; */
 width: 120px;
 text-align: center;
}

.lang-menu li{
  float: left;
}

.lang-menu li ul {
	position: absolute;
	width: 90px;
	left: -999px;
}

.lang-menu li ul li a {
 background: url(../images/lang-sub-bg.png) repeat-y top left;
}

.lang-menu li ul li a:hover {
 background: url(../images/lang-sub-bg-hover.png) repeat-y top left;
}


.lang-menu li ul li.bottomlast {
background:transparent url(../images/lang-sub-bg-bottom.png) no-repeat scroll left top;
display:block;
height:12px;
width:120px;
}


.lang-menu li:hover ul {
	position: absolute;
	width: 90px;
	left: auto;
}


.lang-menu > li > a{
	 background: url(../images/lng-bg.png) no-repeat top left;
}



/*= Menu Top
-------------------------------------------------------------------------*/
#layermenutop {
	background-image: url(../images/english/bg_menu_top.gif);
	background-repeat: repeat-x;
	display: block;
	height: 30px;
	min-width: 765px;
}
#menutop {
	display: block;
	height: 30px;
	padding-left: 202px;
	padding-top: 2px;
}
a.btprofile:visited, a.btprofile:active, a.btprofile:link {
	background-image: url(../images/english/bt_profile_off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 57px;
	float: left;
}
a.btprofile:hover {
	background-image: url(../images/english/bt_profile_on.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 57px;
	float: left;
}
a.bthome:visited, a.bthome:active, a.bthome:link {
	background-image: url(../images/english/bt_home_off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 55px;
	float: left;
}
a.bthome:hover {
	background-image: url(../images/english/bt_home_on.gif);
}
a.btservices:visited, a.btservices:active, a.btservices:link {
	background-image: url(../images/english/bt_services_off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 67px;
	float: left;
}
a.btservices:hover {
	background-image: url(../images/english/bt_services_on.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 67px;
	float: left;
}
a.btclients:visited, a.btclients:active, a.btclients:link {
	background-image: url(../images/english/bt_clients_off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 59px;
	float: left;
}
a.btclients:hover {
	background-image: url(../images/english/bt_clients_on.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 59px;
	float: left;
}
a.btcontact:visited, a.btcontact:active, a.btcontact:link {
	background-image: url(../images/english/bt_contact_off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 63px;
	float: left;
}
a.btcontact:hover {
	background-image: url(../images/english/bt_contact_on.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 63px;
	float: left;
}
a.btsupports:visited, a.btsupports:active, a.btsupports:link {
	background-image: url(../images/english/bt_supports_off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 74px;
	float: left;
}
a.btsupports:hover {
	background-image: url(../images/english/bt_supports_on.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 74px;
	float: left;
}
/*= breadcrumb
-------------------------------------------------------------------------*/
#breadcrumb {
	display: block;
	height: 12px;
	background-color: #D7D2CB;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 220px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.breadcrumb {
	color: #666666;
}
a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.breadcrumb:hover {
	color: #8b0009;
	text-decoration: none;
}
/*= Links
-------------------------------------------------------------------------*/
a:visited, a:active, a:link {
	color: #8b0009;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.linkgrey:visited, a.linkgrey:active, a.linkgrey:link {
	color: #666;
	text-decoration: none;
}
a.linkgrey:hover {
	color: #8b0009;
	text-decoration: underline;
}
a.print:visited, a.print:active, a.print:link, a.print:hover {
	background-image: url(../images/english/bt_print.gif);
	display: block;
	height: 52px;
	width: 146px;
}
/*= Main content
-------------------------------------------------------------------------*/
#pagewrapper {
	display: block;
	width: 762px;
	background-image: url(../images/english/pic_president.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #fff;
}
#maincontent {
	display: block;
	background: url(../images/english/borderRightPoint.gif) repeat-y 762px;
/*background-color: #eeece9;
	background-image: url(../images/english/bg_main_content.gif);
	background-repeat: repeat-y;
	background-position: right top;
*/
}
#menulayout {
	display: block;
	float: left;
	width: 200px;
}
#menuline {
	display: block;
	background-image: url(../images/english/line_menu.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#menuline2 {
	display: block;
	background-image: url(../images/english/bg_menuline2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 2px;
	width: 200px;
}
#president {
	display: block;
	width: 200px;
	height: 277px;
}
#content {
	display: block;
	float: right;
	width: 560px;
}
#bgtext {
	
/*background-color:#f9f8f7;*/
	background-color: #fff;
}
#textmain {
	display: block;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
pagewrapper #arrowtop {
	display: block;
	width: 763px;
	height: 31px;
	position: absolute;
	bottom: 0px;
}
a.bttop:visited, a.bttop:active, a.bttop:link, a.bttop:hover {
	background-image: url(../images/english/bt_top.gif);
	display: block;
	height: 21px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 435px;
	padding: 5px;
}
/*= layoutright
-------------------------------------------------------------------------*/
#layoutright {
	display: block;
	float: right;
	width: 183px;
	background-color: #FFFFFF;
	background-image: url(../images/english/bg_right_col.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 10px;
	margin-left: 10px;
}
#rightcolbottom {
	display: block;
	width: 183px;
	background-image: url(../images/english/rightcol_bottom.gif);
	height: 2px;
}
#rightcolpictop {
	display: block;
	width: 183px;
	background-image: url(../images/english/col_pic_top.jpg);
	background-repeat: no-repeat;
	height: 90px;
}
#rightcolcontenttext {
	display: block;
	width: 159px;
	background-color: #c1bbb3;
	background-image: url(../images/english/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 2px;
	margin-left: 2px;
	color: #000000;
	padding: 10px;
}
div.separator {
	background-image: url(../images/english/right_col_separator.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 3px;
	width: 183px;
}
#rightcollogocsic {
	display: block;
	width: 183px;
	height: 95px;
}
a.btcsic:visited, a.btcsic:active, a.btcsic:link, a.btcsic:hover {
	display: block;
	height: 95px;
	width: 183px;
	background-image: url(../images/english/logo_csic.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#rightcolcsic {
	display: block;
	width: 159px;
	margin-right: 2px;
	margin-left: 2px;
	color: #000000;
	padding: 10px;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 9px;
}
#rightcollogocbm {
	display: block;
	width: 90px;
	height: 95px;
	float: left;
}
a.btcbm:visited, a.btcbm:active, a.btcbm:link, a.btcbm:hover {
	display: block;
	height: 95px;
	width: 90px;
	background-image: url(../images/english/logo_cbm.gif);
	background-repeat: no-repeat;
	background-position: 3px top;
}
#cbmcontent {
	display: block;
	float: right;
	width: 78px;
	color: #000000;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
/*= Bottom page
-------------------------------------------------------------------------*/
#bottom {
	display: block;
	min-width: 765px;
}
#bottomline {
	display: block;
	height: 4px;
	min-width: 760px;
	background-color: #6b1d22;
}
#logobottom {
	display: block;
	float: left;
	height: 54px;
	background-image: url(../images/english/logo_bottom.gif);
	background-repeat: no-repeat;
	width: 210px;
}
#linksbottom {
	display: block;
	width: auto;
	height: 54px;
	padding-left: 35px;
	float: left;
	padding-top: 20px;
}
/*= menu evolutra
-------------------------------------------------------------------------*/
/* plcSimpleFullMenu
-------------------------------------------------------------------------*/
/* Menu
-------------------------------------------------------------------------*/
a.menu:link, a.menu:active, a.menu:visited {
	text-decoration: none;
	font-size: 10px;
	color: #333;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-weight: bold;
	text-align: right;
	background: url(../images/english/menu_off.gif) no-repeat left 2px;
}
a.menu:hover {
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-weight: bold;
	text-align: right;
	background: url(../images/english/menu_on.gif) no-repeat left 3px;
}
a.menuactive:link, a.menuactive:active, a.menuactive:visited {
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-weight: bold;
	text-align: right;
	background: url(../images/english/menu_on.gif) no-repeat left 3px;
}
a.menuactive:hover {
	text-decoration: none;
	font-size: 10px;
	color: #ccc;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-weight: bold;
	text-align: right;
	background: url(../images/english/menu_on.gif) no-repeat left 3px;
}
/* Submenu 1
-------------------------------------------------------------------------*/
a.submenu1:link, a.submenu1:active, a.submenu1:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 30px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #6b1d22 url(../images/english/arrow_white.gif) no-repeat 175px 9px;
}
a.submenu1:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	background-color: #e1c668;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 30px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
a.submenu1active:hover, a.submenu1active:link, a.submenu1active:active, a.submenu1active:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 30px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #e1c668 url(../images/english/arrow_white.gif) no-repeat 175px 9px;
}
/* Submenu 2
-------------------------------------------------------------------------*/
a.submenu2:link, a.submenu2:active, a.submenu2:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 40px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #6b1d22 url(../images/english/arrow_white.gif) no-repeat 165px 9px;
}
a.submenu2:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	background-color: #e1c668;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 40px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
a.submenu2active:hover, a.submenu2active:link, a.submenu2active:active, a.submenu2active:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 40px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #e1c668 url(../images/english/arrow_white.gif) no-repeat 165px 9px;
}
/* Submenu 3
-------------------------------------------------------------------------*/
a.submenu3:link, a.submenu3:active, a.submenu3:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 50px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #6b1d22 url(../images/english/arrow_white.gif) no-repeat 155px 9px;
}
a.submenu3:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 50px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #e1c668 url(../images/english/arrow_white.gif) no-repeat 155px 9px;
}
a.submenu3active:link, a.submenu3active:active, a.submenu3active:visited, a.submenu3active:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 50px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #e1c668 url(../images/english/arrow_white.gif) no-repeat 155px 9px;
}
/* Submenu 4
-------------------------------------------------------------------------*/
a.submenu4:link, a.submenu4:active, a.submenu4:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 60px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #6b1d22 url(../images/english/arrow_white.gif) no-repeat 145px 9px;
}
a.submenu4:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 60px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #e1c668 url(../images/english/arrow_white.gif) no-repeat 145px 9px;
}
a.submenu4active:hover, a.submenu4active:link, a.submenu4active:active, a.submenu4active:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 60px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #e1c668 url(../images/english/arrow_white.gif) no-repeat 145px 9px;
}
/* Submenu 5
-------------------------------------------------------------------------*/
a.submenu5:link, a.submenu5:active, a.submenu5:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 70px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #6b1d22 url(../images/english/arrow_white.gif) no-repeat 135px 9px;
}
a.submenu5:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 70px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #e1c668 url(../images/english/arrow_white.gif) no-repeat 135px 9px;
}
a.submenu5active:hover, a.submenu5active:link, a.submenu5active:active, a.submenu5active:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	cursor: pointer;
	white-space: normal;
	display: block;
	height: auto;
	padding-top: 4px;
	padding-right: 70px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background: #e1c668 url(../images/english/arrow_white.gif) no-repeat 135px 9px;
}
/* Total END
-------------------------------------------------------------------------*/


/*** 


2010


 ***/
 
/* Language Drop down */

#switchLanguage{
	margin:7px 0 0 602px;
	position:absolute;
	z-index:3;
}
 
#switchLanguage form{

}