body {

  margin : auto;
  font-family: Georgia;
  background-color : white;
	font-family: Verdana;
  font-size : 8.5pt;   
    

}

#en_tete {
	width: 918px;
	height : 142px;
	background-image: url("http://www.ika-format.com/design/ban.png");
  padding : 0px;	
	clear : both;
	margin : auto;	
}



#gauche  {
  color:black;
	float : left;
  padding-top : 5px;	
  padding-left : 35px;
}

#droite
{	
  float : right;
  padding-right : 1%;
  width : 180px;
}

#infos {
	width: 465px;
	height : 100px;
	background-image: url("http://www.ika-format.com/images/inf2.png");
	background-repeat: repeat-y;
	color: white;
	padding-left : 8px;
	padding-top : 10px;
	padding-bottom : 10px;
  overflow-y:scroll;  	
}
  
.center {
  text-align: center;

}

.titre1 {
  text-decoration:underline;
  font-weight:bold;
}

#scroll {
  width:475px;
  height:420px;
  overflow-y:scroll;
}

#scrollind {
  width:475px;
  height:350px;
  overflow-y:scroll;
}

#scrollref {
  width:475px;
  height:300px;
  overflow-y:scroll;
}

#scroll_ind {
  width:475px;
  height:220px;
  overflow-y:scroll;
  padding-bottom : 25x;
}

#scroll_page3 {
  width:475px;
  height:190px;
  overflow-y:scroll;
  padding-bottom : 25x;
}


#scroll_page2 {
  width:475px;
  height:123px;
  overflow-y:scroll;
  padding-bottom : 25x;
}

#scrollform {
  width:475px;
  height:270px;
  overflow-y:scroll;
}

#barre {
  margin-top: 5px;
  padding-top :4px;
  width : 445px; 
  height : 22px; 
  font-size : 10pt;
  padding-left : 30px;
  color : white; 
  background-image: url("http://www.ika-format.com/images/barre.png");
	font-family: Arial;  
}

#menu {
  width:650px;
}

#page {
	background-image: url("http://www.ika-format.com/design/menu.png");
	background-repeat : no-repeat;
  width : 918px;
  height : 440px;
  color: black;
  margin:auto;
  padding-top : 10px;  
}

#page2 {
	background-image: url("http://www.ika-format.com/design/menu2.png");
	background-repeat : no-repeat;
  width : 918px;
  height : 330px;
  color: black;
  margin:auto;
  padding-top : 10px;  
}

#page3 {
	background-image: url("http://www.ika-format.com/design/menu3.png");
	background-repeat : no-repeat;
  width : 918px;
  height : 400px;
  color: black;
  margin:auto;
  padding-top : 5px;  
}

#page5 {
	background-image: url("http://www.ika-format.com/design/menu5.png");
	background-repeat : no-repeat;
  width : 918px;
  height : 335px;
  color: black;
  margin:auto;
  padding-top : 5px;  
}

#pageinter {
	background-image: url("http://www.ika-format.com/design/menu4.png");
	background-repeat : no-repeat;
  width : 918px;
  height : 400px;
  color: black;
  margin:auto;
  padding-top : 5px;  
}

#corps {
  padding-left : 247px;
  padding-right : 5px;  
}

#corpsform {
  padding-left : 247px;
  padding-right : 5px;  
}

#obj&prog { 
  font-size : 8pt ;
}

#pied_de_page {
	width: 918px;
	height : 25px;
	background-image: url("http://www.ika-format.com/design/bdp.png");
	clear : both;
	margin : auto;
  background-repeat : no-repeat;	
}

#pied_de_page {
  font-size : 6.5pt ;
  padding-bottom: 10px;
  text-align : center;
}

img { border :0;}

#gallery {
		background-color: white;
		padding: 10px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
		border: 5px solid white;
		border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
		border: 5px solid #ffffff;
		border-width: 5px 5px 20px;
		color: #fff;
}
#gallery ul a:hover { color: #fff; }

.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #765d5d;
  color: #fff;
  width: 153px;
  font: 1.0em "Trebuchet MS", sans-serif;
}
.navigation a, .navigation span {
  display: block;
  padding: 4px 4px;
  color: #fff;
  text-decoration: none;
  background: #000 url(http://www.gianfar-informatique.com/images/pban.png) left bottom no-repeat;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
  background-image: url(http://www.gianfar-informatique.com/images/pbanplus.png);
}
.navigation .open a, .navigation .open span {
  background-image: url(http://www.gianfar-informatique.com/images/pbanmoins.png);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
  text-decoration: underline;
}
.navigation .subMenu {
  font-size: .8em;
  background: 0 0 repeat-x;
  font-size: .9em;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #666;
}
.navigation ul.subMenu a {
  background: none;
  padding: 4px 5px 5px 5px;
}

#dockContainer{
  display    : table;
  margin-top : 70px;
  text-align : center;    /* fixes IE bug */
}

#dockContainer > div{
  display : inline-block; /* fixes IE bug */
}

#dockContainer > div{
  display : inline;       /* fixes IE bug */
}

#dockContainer > div{
  display       : table-cell;
  text-align    : left;
  margin : 5px;
}

#dockContainer > div > div{
}

#dockContainer > div > div > div{
  height     : 176px;
  overflow   : hidden;
  padding    : 0 20px;
}

.lien A:link {text-decoration : none; color:#2E4693; font-weight : bold; font-size : 10pt ;}
.lien A:visited {text-decoration : none; color:#2E4693; font-weight : bold; font-size : 10pt ;}
.lien A:active {text-decoration : none; color:#2E4693; font-weight : bold; font-size : 10pt ;}
.lien A:hover {text-decoration : underline; color:#2E4693; font-weight : bold; font-size : 10pt ;}

/* Label */
.monForm label {  text-align: center; letter-spacing: 1px; }

/* Input */
.monForm input { border: #CCC 1px solid; }
.monForm input:hover, #monForm input:focus { border: #999 1px solid; background-color: #F5F5F5;}

/* Input */
.monForm textarea { border: #CCC 1px solid; }
.monForm textarea:hover, #monForm textarea:focus { border: #999 1px solid; background-color: #F5F5F5; }

/* button submit */
.monForm input[type="submit"] { border: #DDEEFF 1px solid; padding-right: 5%; padding-left: 5%; }
.monForm input[type="submit"]:hover { background-color: #2E4693; color:white; cursor: pointer; }

/* button submit */
.monForm input[type="reset"] { border: #DDEEFF 1px solid; padding-right: 5%; padding-left: 5%; }
.monForm input[type="reset"]:hover { background-color: #F9BA00; cursor: pointer; }

