/* TELONO CSS */ 

body {
	background:#FFF;
	color: #333333;
	text-align:center;
	padding:0;
	margin:0;
	/* font attributes */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:0.9em;
}

h1{
	font-size:1.7em;
	padding-bottom:3px;
}
h2{
	padding-top:15px;
	padding-bottom:10px;
	font-size:1.3em;
}
h3{
	padding-top:15px;
	padding-bottom:3px;
	font-size:1.1em;
}
h4{
	padding-top:15px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p{
	/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	margin:8px 15px 0px 20px;
}

a:link,
a:active{
	color:#B50C00;
	text-decoration:underline;
}
a:visited,
a:hover{
	color:#354660;
}


/* ID's & CLASSES */

#outer {
	text-align:left;
	width:100%;
	margin:auto;
	z-index:1;
}

#hdr {
	height:156px;
	background-image:url(images/hdr_bg.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
	overflow:hidden;
	z-index:2;
}
/* HEADER ELEMENTS */
	.log{
		width:175px;
		height:156px;
		background-image:url(images/logs.gif);
		background-position:0px -156px;
		background-repeat:no-repeat;
		z-index:3;
	}
	
	.logRoll{
		width:175px;
		height:156px;
		background-image:url(images/logs.gif);
		background-position:0px 0px;
		background-repeat:no-repeat;
		z-index:3;
	}
	
	/* LOGIN FORM */
	.loginForm{
	position:absolute;
	top:0px;
	left:504px;
	width:484px;
	/* text attributes */
	color:#FFF;
	font-size:0.7em;
	font-weight:bold;
	text-decoration:none;
	text-indent:0.47em;
	padding-top:1.2em;
	height: 16px;
	}

	
	/* LANGUAGE BUTTONS */
	.language_1,
	.language_2,
	.language_1b,
	.language_2b{
		position:absolute;
		background-color:#B50C00;
		width:56px;
		height:17px;
		top:0px;
		left:838px;
		overflow:hidden;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #FFF;
		z-index:4;
		/* text attributes */
		color:#FFF;
		font-size:0.7em;
		font-weight:bold;
		text-decoration:none;
		text-indent:0.47em;
		padding-top:1.2em;
	}
	.language_2,
	.language_2b{
		left:893px;
	}
	.language_1b,
	.language_2b{
		background-color:#354660;
	}
	
	.language_1 a:link,
	.language_1 a:active,
	.language_1 a:visited,
	.language_1 a:hover,
	.language_2 a:link,
	.language_2 a:active,
	.language_2 a:visited,
	.language_2 a:hover,
	.language_1b a:link,
	.language_1b a:active,
	.language_1b a:visited,
	.language_1b a:hover,
	.language_2b a:link,
	.language_2b a:active,
	.language_2b a:visited,
	.language_2b a:hover{
		color:#FFF;
		font-size:1em;
		font-weight:bold;
		text-decoration:none;
	}
	
	.language_1 a:hover,
	.language_2 a:hover,
	.language_1b a:hover,
	.language_2b a:hover{
		text-decoration:underline;
	}
	
	/* MENU */
	#menu{
		position:absolute;
		height:54px;
		top:43px;
		left:175px;
		width:775px;
		overflow:hidden;
		background-image:url(images/menu.gif);
		background-repeat:no-repeat;
		background-color:#4F0808;
		z-index:5;
	}
	.menu_1,
	.menu_2,
	.menu_3,
	.menu_4,
	.menu_5,
	.menu_6,
	.menu_1_hover,
	.menu_2_hover,
	.menu_3_hover,
	.menu_4_hover,
	.menu_5_hover,
	.menu_6_hover{
		position:absolute;
		height:26px;
		top:0px;
		width:127px;
		overflow:hidden;
		border-top:2px solid #FFF;
	}
	.menu_1,
	.menu_1_hover{
		left:0px;
		width:129px;
		z-index:6;
	}
	.menu_2,
	.menu_2_hover{
		left:131px;
		z-index:7;
	}
	.menu_3,
	.menu_3_hover{
		left:260px;
		z-index:8;
	}
	.menu_4,
	.menu_4_hover{
		left:389px;
		width:126px;
		z-index:9;
	}
	.menu_5,
	.menu_5_hover{
		left:517px;
		width:127px;
		z-index:10;
	}
	.menu_6,
	.menu_6_hover{
		left:646px;
		width:129px;
		z-index:11;
	}
	.menu_1_hover,
	.menu_2_hover,
	.menu_3_hover,
	.menu_4_hover,
	.menu_5_hover,
	.menu_6_hover{
		background-color:#354660;
	}
	/* menu's text attribute // separated from preceeding line for clarity purposes */
	.menu_1,
	.menu_2,
	.menu_3,
	.menu_4,
	.menu_5,
	.menu_6,
	.menu_1_hover,
	.menu_2_hover,
	.menu_3_hover,
	.menu_4_hover,
	.menu_5_hover,
	.menu_6_hover{
		font-family:Georgia, Times, serif;
		font-size:1.3em;
		font-variant:small-caps;
		text-decoration:none;
		text-align:center;
		color:#FFF;
		line-height:1.3em;
	}
	.menu_1 a:link,
	.menu_1 a:active,
	.menu_1 a:visited,
	.menu_1 a:hover,
	.menu_2 a:link,
	.menu_2 a:active,
	.menu_2 a:visited,
	.menu_2 a:hover,
	.menu_3 a:link,
	.menu_3 a:active,
	.menu_3 a:visited,
	.menu_3 a:hover,
	.menu_4 a:link,
	.menu_4 a:active,
	.menu_4 a:visited,
	.menu_4 a:hover,
	.menu_5 a:link,
	.menu_5 a:active,
	.menu_5 a:visited,
	.menu_5 a:hover,
	.menu_6 a:link,
	.menu_6 a:active,
	.menu_6 a:visited,
	.menu_6 a:hover,
	.menu_1_hover a:link,
	.menu_1_hover a:active,
	.menu_1_hover a:visited,
	.menu_1_hover a:hover,
	.menu_2_hover a:link,
	.menu_2_hover a:active,
	.menu_2_hover a:visited,
	.menu_2_hover a:hover,
	.menu_3_hover a:link,
	.menu_3_hover a:active,
	.menu_3_hover a:visited,
	.menu_3_hover a:hover,
	.menu_4_hover a:link,
	.menu_4_hover a:active,
	.menu_4_hover a:visited,
	.menu_4_hover a:hover,
	.menu_5_hover a:link,
	.menu_5_hover a:active,
	.menu_5_hover a:visited,
	.menu_5_hover a:hover,
	.menu_6_hover a:link,
	.menu_6_hover a:active,
	.menu_6_hover a:visited,
	.menu_6_hover a:hover{
		font-size:1em;
		font-variant:small-caps;
		text-decoration:none;
		color:#FFF;
	}
	
	/* menu background X & Y */
	.accueil{
		background-position:0px 0px;
	}
	.telono{
		background-position:0px -54px;
	}
	.prestations{
		background-position:0px -108px;
	}
	.references{
		background-position:0px -162px;
	}
	.publications{
		background-position:0px -216px;
	}
	.contact{
		background-position:0px -270px;
	}
	.orphan{
		background-position:0px -324px
	}
	
	/* submenu */
	.submenu{
		position:absolute;
		height:24px;
		top:72px;
		left:177px;
		width:775px;
		z-index:12;
		overflow:hidden;
		/* text attributes */
		font-size:1em;
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
	}
	
	.submenu ul,
	.submenu li,
	.submenu a{
		padding:0px;
		margin:0px;
	}
	
	.submenu li{
		display:inline;
		line-height:24px;
	}
	
	.submenu a {
		padding:10px 15px 10px 15px;
	}

	.submenu a:link,
	.submenu a:active,
	.submenu a:visited,
	.submenu a:hover{
		font-weight:normal;
		text-decoration:underline;
		color:#FFF;
	}
	
	.submenu a:hover{
		background-color:#354660;
	}
	
	/* breadcrumbs */
	.breadcrumbs{
		position:absolute;
		background-color:#FFF;
		width:775px;
		height:40px;
		top:97px;
		left:175px;
		overflow:hidden;
		z-index:13;
		/* text attributes */
		padding-top:25px;
		color:#808080;
		font-size:0.8em;
		font-weight:bold;
		text-decoration:none;
	}
	.breadcrumbs a:link,
	.breadcrumbs a:active,
	.breadcrumbs a:visited{
		color:#808080;
		font-weight:normal;
	}
	.breadcrumbs a:hover{
		color:#354660;
	}
	
#bodyblock {
	position:relative;
	color: #333;
	width:950px;
	padding:0;
}

	.accueil{
		background-color: #4F0808;
	}
	.telono{
		background-color: #700A09;
	}
	.prestations{
		background-color: #930F06;
	}
	.references{
		background-color: #B5380E;
	}
	.publications{
		background-color: #CE5F0B;
	}
	.contact{
		background-color: #EF6E16;
	}
	.orphan{
		background-color: #B50C00;
	}

#l-col{
	float:left;
	color: #333;
	width:195px;
	overflow:hidden;
	margin:0 0 0 -21px;
	z-index:70;
}
#l-col li{
	border-bottom:2px solid #FFF;
	line-height:24px;
}

#l-col ul,
#l-col a:link,
#l-col a:active,
#l-col a:visited,
#l-col a:hover{
	white-space:nowrap;
	line-height:2em;
	color:#FFF;
	list-style-type:none;
font-weight:normal;
}
#l-col ul{
	font-weight:bold;
}
#l-col a:hover{
	background-color:#354660;
	/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	padding:5px 150px 7px 150px;
	margin:0 -150px 0 -150px;
	border-bottom:2px solid #FFF;
}
#news,
#news a:link,
#news a:active,
#news a:visited,
#news a:hover{
	text-align:left;
	float:left;
	width:150px;
	overflow:hidden;
	background-color:inherit;
	/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	padding:0;
	margin:5px 0 0 5px;
	border:none;
	color:#FFF;
	font-size:0.9em;
	font-weight:normal;
	text-indent:0;
	z-index:70;
}
#news a:link,
#news a:active,
#news a:visited,
#news a:hover{
	margin:0;
	text-decoration:underline;
	font-weight:bold;
}
#news a:hover{
	color:#354660;
}

#news li {
	line-height:1.1em;
	list-style-position: inside;
	list-style-type: none;
	margin-bottom:30px;
	margin-left: -20px;
	/*margin-bottom: 20px;*/
	padding-bottom:20px;
	
	/* text attributes */
	font-weight:normal;
}

#cont{
	margin-left:175px;
	width:775px;
	background-color:#FFF;
	color: #333;
	text-align:left;
	z-index:20;
}

#cont ul li{
	line-height:1.1em;
	list-style-image:url(images/bullet_lvl1b.gif);
	list-style-position: outside;
	list-style-type: disc;
	color: #333;
	margin-bottom:10px;
	/* text attributes */
	font-weight:normal;

	
}

#cont ul ul li{
	list-style-image: url(images/bullet_lvl2b.gif);
	list-style-position: outside;
	list-style-type: square;
	color: #333;
	margin-bottom:10px;
	/* text attributes */
	font-weight:normal;
	font-style:normal;
}

#cont ul ul ul li{
	list-style-image: url(images/bullet_lvl3b.gif);
	list-style-position: outside;
	list-style-type: circle;
	color: #333;
	margin-bottom:10px;
	/* text attributes */
	font-weight:normal;
	font-style:italic;
}

#main_cont{
	width:600px;
	min-height:600px;
	background-color:#FFF;
	color: #333;
	text-align:left;
	z-index:80;
}

#r-col{
	position:absolute;
	left:799px;
	top:1px;
	width:152px;
	min-height:600px;
	background-color:#FFF;
	/* float:right;  IE hack... */
	z-index:90;
}
#r-col .item{
	width:152px;
	height:202px;
	background-color:#FFF;
	background-image:url(images/roundCornerBox.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	/* text attributes */
	font-size:0.8em;
	margin:5px 0 0 0;
	padding:5px 0px 5px 0px;
}

#ftr {
	height:25px;
	width:950px;
	background-color:#FFF;
	/* text attributes */
	font-size:0.8em;
	color: #808080;
	border-top: 2px solid #B50C00;
	text-indent:157px;
	z-index:100;
}

/* Les abbréviations et accronymes */

acronym {
	cursor:help; 
	border-style:dotted; 
	border-width:1px;
}

abbr {
	cursor:help; 
	border-style:dotted; 
	border-width:1px;
}


/* Les images */

.grandeimg{
	margin-bottom:40px;
	/*margin:10px 40px 10px 30px;*/
}

a.lienimage {

border-bottom:0;
text-decoration: none;
}
a img{

border-bottom:0;

}
img{
	border:0;
	}


/* Les formulaires */

fieldset 
  {
  padding: 1em;
  border: 1px solid #B50C00;
  margin-left:20px;
  }
  
.fieldseterreur{
	border-width: medium;
	/*background-color: #B50C00;*/
	text-align:center;
}
  
legend
{
color:#000;
}
form.css label 
  {
  display: inline;
  float: left;
  width: 200px;
  } 
  
  
 #labelfocus{
  width: 300px;
  }
  
  #labellarge{
  width: auto;
  }
  
 form.css select
  {
  width: 306px;
  }
form.css textarea
  {
  width: 300px;
  }

 
.imputtext
	{
	width: 300px;
 	}
	
.inputfocus{
 margin-left: 305px;
  }

.submit
	{
	align:left;
	}
	
	ul{
	margin-top: 5px;
	}

/*Les tableaux*/

table{
margin-left: 20px;
width: 750px;
border-color:#DADADA;
border-style:ridge;
border:1;
/*border-color:#DFDFDF;*/

}

th{
color: #333;
/* text attributes */
font-weight:normal;
font-size:0.8em;
border-color:#DADADA;
height:35px;
text-align:left;
vertical-align:middle;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border-style:ridge;

}

td{
border-color:#CCCCCC;
border-style:solid;
border-width:thin;
height:35px;
text-align:left;
vertical-align:middle;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
}

.section{
/*padding-top:10px;
padding-bottom:5px;*/
font-size:1em;
font-weight:bold;
text-align:left;
background-color:#F0F0F0;
border-style:ridge;
}

.entete{
font-size:0.6em;
font-weight:bold;
letter-spacing:-0.1em;
text-align:center;
vertical-align:center;
padding-left:0px;
}

.tablecasestudy{
vertical-align:top;
border:0;
border-color:#FFFFFF;
text-align:left;
}

.tableclient{
vertical-align:top;
border-color:#FFFFFF;
text-align:left;
border: 0; 
align:left;
}