@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	background-color:#000000;
}
.container {
	text-align:left;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	width:920px;
	height:676px;
	padding: 40px 40px 40px 40px;
    position:relative;
    z-index:0;
}

.cols{
	float:left;
	width:500px;
	height:610px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 30px 30px 30px 30px;
	color: #000000;
	list-style-image: url(../images/a7.gif);
}
.col1 {
	float:left;
	width:500px;
	background-image: url(../images/col1_bg.png);
	height:610px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 30px 30px 30px 30px;
	color: #000000;
	list-style-image: url(../images/a7.gif);

}
.col1 table{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.col1 a:link, .col1 a:visited, .col1 a:active {
	color: #008484;
	text-decoration: underline;
}
.col1 a:hover {
	text-decoration: none;
}
.col2 {
	float:left;
    position: relative;
	width:350px;
	height:717px;
}
.menu_block {
	text-align: right;
	float:left;
	width:340px;
	height:480px;
	color:#1e1e20;
	font-family: Arial, Helvetica, sans-serif;

}
.col2  .menu_block{
	height:486px;
}
ul.menu_s{
  padding-top: 0px;
  margin-top: 0px;
}


.current {
	font-weight: bold;
}
.footer {
	text-align: right;
	float:left;
	width:345px;
	height:80px;
	padding:0;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.footer a:link, .footer a:visited, .footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover , .footer_link_active a:link, .footer_link_active a:visited, .footer_link_active a:active{
	text-decoration: none;
	font-weight: bold;
}

#copy{
  font-size: 11px;
  padding-top:7px;
}


h2 {
	font-size:14px;
}
h3 {
	font-size:13px;
	Color:#008484;
}
h4 {
	font-size:10px;
}
h1 {
	width:350px;
	height:74px;
}
.cols1 h1 {
	/*width:980px;*/
	height:80px;
	margin-left: 555px;
}
h1.som {
    background-image:url(../images/Kalimact_logo.png);
    background-position:20px 0;
    background-repeat:no-repeat;
    /*width:980px;*/
}

.cols1 h1 a{
        	background-image:url(../images/Kalimact_logo.png);
	        background-repeat:no-repeat;
	        /*background-position:580px 0;
	        width:980px;*/
	        height:80px;
            display:block;
	}
h1.ref a{
	 background-position:595px 0;
	 background-repeat:no-repeat;
	 width:980px;
}
.cols1 h1 a:hover{
        background:url(../images/Kalimact_logo2.png);
        background-repeat:no-repeat;
	    background-position:20px 0;
	}
h1.ref a:hover{
	 background-position:595px 0;
	 background-repeat:no-repeat;
}

h1 a{
        	background-image:url(../images/Kalimact_logo.png);
	        background-repeat:no-repeat;
	        background-position:20px 0px;
	        width:350px;
	        height:80px;
            display:block;
	}
h1 a:hover{
        background:url(../images/Kalimact_logo2.png);
        background-repeat:no-repeat;
	    background-position:20px 0px;
	}
#mycustomscroll {
    /* Typical fixed height and fixed width example */
    width: 500px;
    height:638px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 1.5em auto;
}

.desc-tt{
    font-weight:bold;
  	padding-left:10px;
  	margin: 4px 0;
  	border-left:3px solid #333;
  	padding-right:15px;
  	margin-top:10px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



/*************** style du sommaire et references ****************/

.cols1, .cols2, .cols3{
	float:left;
	width:960px;
	height:130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
    margin: 0px;
	color: #000000;
	margin-left:5px;
}

.cols1 {
	margin-top:5px;
	height:265px;
	
}

.cols1 .menu_block{
  width: 960px;
  height: 140px;
  padding-left: 0px;
}


.cols2 {
	height:333px;
}

.elemflash{
    width:910px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    padding-left: 5px;
}


.cols3 .footer{
  width: 900px;
}

.logo_ref {
      padding-bottom:15px;
      text-align:center;
      margin:0px;
 }

.descriptif{
    margin-left:10px;
    color: #353535;
    font-family : Tahoma;
    text-align: justify;
}
.desc_kalimact{
  margin-top: 15px;
  margin-left: 10px;
  font-family : Tahoma;
  font-weight: bold;
	
}
/************************* menu du site *********************/
.MenuJquery{
  margin:0px;
  font-family: arial, verdana, sans-serif;
  position: relative;
  line-height: 25px;
  font-size: 14px;
  list-style:none;
}

.col2 .MenuJquery{
  margin-left:50px;
}


.MenuJquery ul.titleprincip{
	float:right;
  	padding:0;
  	margin: 0;
  	list-style:none;
  	width:400px;
}
.MenuJquery ul.titleprincip li {
  padding:8px;
  display:block;
  overflow:hidden;
  text-align: right;
  width: 300px;
  height:15px;
  list-style:none;
}


.MenuJquery #FirstLinkMenuJquery{
    height:30px;
}

.MenuJquery .toggle , .MenuJquery .toggle_e{
  z-index:100;
  position:absolute;
  cursor:pointer;
  width: 80px;
  height: 20px;
  color: #333333;
  font-size: 15px;
  font-weight: normal;
  left: 215px;
  text-align: right;
}

.cols1 .MenuJquery .toggle , .MenuJquery .toggle_e{
    left: 820px;
}
/*
.MenuJquery a:hover:after {
  content: " " url(../images/a3.gif);
}
.MenuJquery .items a:hover:after {
  content: '';
}
  */

.MenuJquery a {
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.MenuJquery a:hover {
	text-decoration: none;
	font-weight: bold;
   /*background-image: url(../images/tvt.gif);
    background-repeat: no-repeat;
    background-position: center;           */
}


.MenuJquery ul.titleprincip li.clearfix{
    margin-right:40px;
    padding-left:0px;
    width: 310px;
}

.cols1 .MenuJquery ul.titleprincip li.clearfix {
    /* width: 900px;
     padding-left:0px;
     margin-left:0px;
     margin-right:0px;*/
     padding-right:30px;

}


.MenuJquery ul.titleprincip li.clearfix .contenu{
  padding: 0;
  display:block;
  padding-top:22px;
  width: 298px;
  margin-right:60px;
}

.cols1 .MenuJquery ul.titleprincip li.clearfix .contenu{
      /* width : 850px;
     margin-right:200px;*/
     margin-left:0px;
     padding-left:0px;


}
.MenuJquery .items {

}
.MenuJquery .items a {
	font-size: 12px;
	font-weight: normal;
	color: #7B8082;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.MenuJquery .items a:hover {
	text-decoration: underline;
	font-weight: normal;
    background: none;
}
.MenuJquery ul.titleprincip a.current {
	color: #999;
}

.Menu_link_active .toggle a:link, .Menu_link_active .toggle a:active, .Menu_link_active .toggle a:visited{
  color: #483046;
  font-weight: bold;
}

.sMenu_link_active a:link, .sMenu_link_active a:active, .sMenu_link_active a:visited{
  font-weight: bold;
  color: #483046;
  text-decoration: underline;
}



/************************* page plan du site *********************/

.plandusite{
    width:440px;
	height:24px;
	line-height:30px;
	padding-left:25px;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
    list-style: none;
    list-style-image: none;
}

.splan a:link,
.splan a:active,
.splan a:visited  {
	text-decoration: none;
    font-size:14px;
}
.splan a:hover {
	text-decoration:underline;
}

li.ssplan {
    margin-left:25px;
}

.ssplan a:link, .ssplan a:active, .ssplan a:visited {
    text-decoration:underline;
}

.ssplan  a:hover {
  text-decoration:none;
}


.kalititle {
  color: #008484;
}
.elemflashsom {
	padding-left:88px;
}

.archive {
font-size:12px;
padding-top:15px;
text-align:left;
}

.archive  span{
font-size:12px;
margin-top:5px;
padding-left:5px;
text-align:left;
}

.archive a:link, .archive a:visited, .archive a:active {
border-left:2px solid transparent;
display:block;
height:10px;
line-height:10px;
margin-top:10px;
padding-left:5px;
text-decoration:none;
color: black;
font-weight:bold;
}

.archive a:hover {
border-left:2px solid #000000;
text-decoration:none;
font-weight:bold;
}