/* =========== CSS Document www.smsconnect.com ============ */

/* ------------ Body ------------ */

body {
	font-size: 11px;
	color: #000000;
	font-family: sans-serif, Helvetica, Arial ;
	background-color: #EFEFEF;
	text-align:justify;
}

.txt-menu_left{
	font-size: 10px;
	color: #FFFFFF;
	font-family: sans-serif, Helvetica, Arial ;
}


.txtdiv-menu_w_algin_left{
	color: #FFFFFF;
	text-align:left;
	font-family: sans-serif, Helvetica, Arial ;
}
.txtdiv-menu_w_algin_right{
	color: #FFFFFF;
	text-align:right;
	font-family: sans-serif, Helvetica, Arial ;
}
.txtdiv-menu_w_algin_center{
	color: #FFFFFF;
	text-align:center;
	font-family: sans-serif, Helvetica, Arial ;
}
.txtdiv-menu_w_algin_justify{
	color: #FFFFFF;
	text-align:justify;
	font-family: sans-serif, Helvetica, Arial ;
}

.txtdiv-info_insert_data{
	font-size: 10px;
	font-family: sans-serif, Helvetica, Arial ;
}
.txtdiv-small_left{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}
.txtdiv-small_right{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
}
.txtdiv-small_center{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}
.txtdiv-small_justify{
	font-size: 10px;
	font-family: sans-serif, Helvetica, Arial ;
	text-align:justify;
}

.txt-customer_card
{
	font-size: 11px;
	font-family: sans-serif, Helvetica, Arial ;
	text-align: left;
}

/* ------------ Forms input------------ */
#FormUser input
{
	font-size: 10px;
	color: #000000; 
	font-family: sans-serif, Helvetica, Arial ;
	font-weight: regular;
	border: 1px ridge #000000;
}

#FormUser textarea {
font-size: 10px;
/*border:1px solid black;*/
background-color:white;
font-family:sans-serif, Helvetica, Arial ;
color:#000000;
border: 1px ridge #000000;
}

#FormUser .input_img
{
font-size: 10px;
/*border:1px solid black;*/
background-color: #FFFFFF;
font-family: sans-serif, Helvetica, Arial ;
color: #000000;
border: 0px;
}



#FormUser .input_nb
{
	font-size: 10px;
	font-family: sans-serif, Helvetica, Arial ;
	border: 0px;
}

$FormUser select, option {
font-size: 10px;
background-color:white;
font-family:sans-serif, Helvetica, Arial ;
color: #000000;
}

$FormUser label {
font-size: 10px;
/*border:1px solid black;*/
font-family: sans-serif, Helvetica, Arial ;
color: #000000;
}

textarea {
font-size: 10px;
/*border:1px solid black;*/
background-color:white;
font-family:sans-serif, Helvetica, Arial ;
color:#000000;
}

.input_img
{
font-size: 10px;
/*border:1px solid black;*/
background-color: #FFFFFF;
font-family: sans-serif, Helvetica, Arial ;
color: #000000;
border: 0px;
}

input 
{
	font-size: 10px;
	color: #000000; 
	font-family: sans-serif, Helvetica, Arial ;
	font-weight: regular;
}


radio, checkbox
{
	font-size: 10px;
	font-family: sans-serif, Helvetica, Arial ;
	border: 0px;
}

label {
font-size: 10px;
/*border:1px solid black;*/
font-family: sans-serif, Helvetica, Arial ;
color: #000000;
}
select, option {
font-size: 10px;
background-color:white;
font-family:sans-serif, Helvetica, Arial ;
color: #000000;
}


/*
input.bouton {
border:1px outset black;
font-weight:bold;
cursor:pointer;
}

input.bouton:hover {
background-color: #F7971C;
color:black;
}

input.bouton:active {
border:1px inset black;
background-color: #F7971C;
color:black;
} 
*/
/* ------------ table ------------ */

/* Image website*/

img.img-website_account
{
	border-width : 0;
}

.tr-hover:hover
{
	background-color:#F8F8F8;
}

.td_table_image
{
	background-repeat: no-repeat;
}
.td_page{
	background-image: url('../web_design/bg_website_page.jpg');
	background-repeat: no-repeat;
	background-position: bottom right; 
	background-attachment: fixed;
	padding-left: 0.5cm;
	padding-right: 0.5cm;
	padding-top: 0.5cm;
	padding-bottom: 0.5cm;
}

.td_signup_login
{
	background-repeat:no-repeat;
}

/* ------------ Title ------------ */
h1.h1-title_left{
	font-size: 13px;
	font-family: sans-serif, Helvetica, Arial ;
	text-align: left;
}
h1.h1-title_right{
	font-size: 13px;
	font-family: sans-serif, Helvetica, Arial ;
	text-align: right;
}
h1.h1-title_center{
	font-size: 13px;
	font-family: sans-serif, Helvetica, Arial;
	text-align: center;
}

h2.h2-title_left{
	font-size: 12px;
	font-family: sans-serif, Helvetica, Arial;
	text-align: left;
}
h2.h2-title_right{
	font-size: 12px;
	font-family: sans-serif, Helvetica, Arial;
	text-align: right;
}
h2.h2-title_center{
	font-size: 12px;
	font-family: sans-serif, Helvetica, Arial;
	text-align: center;
}

h3.h3-title_left{
	font-size: 11px;
	font-family: sans-serif, Helvetica, Arial;
	text-align: left;
}
h3.h3-title_right{
	font-size: 11px;
	font-family: sans-serif, Helvetica, Arial;
	text-align: right;
}
h3.h3-title_center{
	font-size: 11px;
	font-family: sans-serif, Helvetica, Arial;
	text-align: center;
}

/* ------------ Paragraph ------------ */
p.p-align_left {
	text-align:justify,left;
	text-indent: 0.5cm;
}
p.p-align_right {
	text-align:right;
	text-indent: 0.5cm;
}
p.p-align_center {
	text-align:center;
	text-indent: 0.5cm;
}

/* ------------ Text ------------ */

.txt-cms_blue {
	color:#336699;
}

.txtdiv-underline_black_bold_left {
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
	color:#000000;
}
.txtdiv-underline_black_bold_right {
	text-decoration: underline;
	font-weight: bold;
	text-align:right;
	color:#000000;
}
.txtdiv-underline_black_bold_center {
	text-decoration: underline;
	font-weight: bold;
	text-align:center;
	color:#000000;
}
.txtdiv-underline_black_bold_justify {
	text-decoration: underline;
	font-weight: bold;
	text-align:justify;
	color:#000000;
}

.txtdiv-underline_black_left {
	text-decoration: underline;
	text-align: left;
	color:#000000;
}
.txtdiv-underline_black_right {
	text-decoration: underline;
	text-align:right;
	color:#000000;
}
.txtdiv-underline_black_center {
	text-decoration: underline;
	text-align:center;
	color:#000000;
}
.txtdiv-underline_black_justify {
	text-decoration: underline;
	text-align:justify;
	color:#000000;
}


.txtdiv-underline_orange_bold_left {
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
	color: #F5851F;
}
.txtdiv-underline_orange_bold_right {
	text-decoration: underline;
	font-weight: bold;
	text-align: right;
	color: #F5851F;
}
.txtdiv-underline_orange_bold_center {
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
	color: #F5851F;
}
.txtdiv-underline_orange_bold_justify {
	text-decoration: underline;
	font-weight: bold;
	text-align:justify;
	color: #F5851F;
}


.txtdiv-underline_orange_left {
	text-decoration: underline;
	text-align: left;
	color: #F5851F;
}
.txtdiv-underline_orange_right {
	text-decoration: underline;
	text-align: right;
	color: #F5851F;
}
.txtdiv-underline_orange_center {
	text-decoration: underline;
	text-align: center;
	color: #F5851F;
}
.txtdiv-underline_orange_justify {
	text-decoration: underline;
	text-align:justify;
	color: #F5851F;
}


.txtdiv-underline_blue_bold_left {
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
	color: #336699;
}
.txtdiv-underline_blue_bold_right {
	text-decoration: underline;
	font-weight: bold;
	text-align:right;
	color: #336699;
}
.txtdiv-underline_blue_bold_center {
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
	color: #336699;
}
.txtdiv-underline_blue_bold_justify {
	text-decoration: underline;
	font-weight: bold;
	text-align:justify;
	color: #336699;
}

.txtdiv-underline_blue_left {
	text-decoration: underline;
	text-align: left;
	color: #336699;
}
.txtdiv-underline_blue_right {
	text-decoration: underline;
	text-align:right;
	color: #336699;
}
.txtdiv-underline_blue_center {
	text-decoration: underline;
	text-align: center;
	color: #336699;
}
.txtdiv-underline_blue_justify {
	text-decoration: underline;
	text-align:justify;
	color: #336699;
}

.txtdiv-bold_black_left, .txt-bold_black_left {
	font-weight: bold;
	text-align: left;
	color:#000000;
}
.txtdiv-bold_black_right, .txt-bold_black_right {
	font-weight: bold;
	text-align: right;
	color:#000000;
}
.txtdiv-bold_black_center, txt-bold_black_center {
	font-weight: bold;
	text-align: center;
	color:#000000;
}
.txtdiv-bold_black_justify, .txt-bold_black_justify {
	font-weight: bold;
	text-align:justify;
	color:#000000;
}

.txtdiv-bold_orange_left, .txt-bold_orange_left {
	font-weight: bold;
	text-align: left;
	color: #F5851F;
}
.txtdiv-bold_orange_right, .txt-bold_orange_right {
	font-weight: bold;
	text-align: right;
	color: #F5851F;
}
.txtdiv-bold_orange_center, .txt-bold_orange_center {
	font-weight: bold;
	text-align: center;
	color: #F5851F;
}
.txtdiv-bold_orange_justify, .txt-bold_orange_justify {
	font-weight: bold;
	text-align: justify;
	color: #F5851F;
}

.txtdiv-bold_blue_left, .txt-bold_blue_left {
	font-weight: bold;
	text-align: left;
	color: #336699;
}
.txtdiv-bold_blue_right, .txt-bold_blue_right {
	font-weight: bold;
	text-align: right;
	color: #336699;
}
.txtdiv-bold_blue_center, .txt-bold_blue_center {
	font-weight: bold;
	text-align: center;
	color: #336699;
}
.txtdiv-bold_blue_justify, .txt-bold_blue_justify {
	font-weight: bold;
	text-align: justify;
	color: #336699;
}

.info_insert_data {
  text-decoration:blink;
  font-size: 10px;
  color:#000000;
}

.error-middle {
vertical-align:middle;
}


/* ------------ Links ------------ */

	/* Website links */
	a.a-wlink_blue:link {
		color : #336699;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
	}
	a.a-wlink_blue:active {
		color : #336699;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
	}
	a.a-wlink_blue:hover {
		color : #336699;
		text-align: left;
		font-weight: bold;
		background-color:#ECF4FF;
		text-decoration: underline;
	}
	a.a-wlink_blue:visited {
		color : #336699;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
	}
	
	a.a-wlink_black:link {
		color : #000000;
		font-weight: bold;
		text-decoration: underline;
		text-align: right;
	}
	a.a-wlink_black:active {
		color : #000000;
		font-weight: bold;
		text-decoration: underline;
		text-align: right;
	}
	a.a-wlink_black:hover {
		color : #000000;
		font-weight: bold;
		background-color:#F0F0F0;
		text-decoration: underline;
		text-align: right;
	}
	a.a-wlink_black:visited {
		color : #000000;
		font-weight: bold;
		text-decoration: underline;
		text-align: right;
	}
	
	a.a-wlink_orange:link {
		color : #F5851F;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
		
	}
	a.a-wlink_orange:active {
		color : #F5851F;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
		
	}
	a.a-wlink_orange:hover {
		color : #F5851F;
		text-align: center;
		font-weight: bold;
		background-color:#FFF5EC;
		text-decoration: underline;
		
	}
	a.a-wlink_orange:visited {
		color : #F5851F;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
	}
	
	
	
	a.file-wlink_blue:link {
		color : #336699;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
	}
	a.file-wlink_blue:active {
		color : #336699;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
	}
	a.file-wlink_blue:hover {
		color : #336699;
		text-align: left;
		font-weight: bold;
		background-color:#ECF4FF;
		text-decoration: underline;
	}
	a.file-wlink_blue:visited {
		color : #336699;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
	}
	
	a.file-wlink_black:link {
		color : #000000;
		font-weight: bold;
		text-decoration: underline;
		text-align: right;
	}
	a.file-wlink_black:active {
		color : #000000;
		font-weight: bold;
		text-decoration: underline;
		text-align: right;
	}
	a.file-wlink_black:hover {
		color : #000000;
		font-weight: bold;
		background-color:#F0F0F0;
		text-decoration: underline;
		text-align: right;
	}
	a.file-wlink_black:visited {
		color : #000000;
		font-weight: bold;
		text-decoration: underline;
		text-align: right;
	}
	
	a.file-wlink_orange:link {
		color : #F5851F;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
		
	}
	a.file-wlink_orange:active {
		color : #F5851F;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
		
	}
	a.file-wlink_orange:hover {
		color : #F5851F;
		text-align: center;
		font-weight: bold;
		background-color:#FFF5EC;
		text-decoration: underline;
		
	}
	a.file-wlink_orange:visited {
		color : #F5851F;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
	}
	

/* Link mode CMS ; Edit */
	a.edit:link {
	color: #336699;
		text-decoration: none;
	}
	a.edit:active {text-decoration:none}
	a.edit:visited {
	color: #336699;
		text-decoration:none;
	}
	a.edit:hover {
		text-decoration: none;
		background: #D8E4F1;
	}

/* ------------ FORMS ------------*/

.table_forms{
border-right: inset #FF9900;
	border-right-width: 1px 0;
	border-left:outset #FF9900;
	border-left-width: 1px 0;
background-color:#FFFAF2;
}

/* ----------- Menu CMS ----------*/

/* Text */

.text_alarms_cms {
	color:#FF0000;
	font-weight:bold;
}

/* Table */

.table-cms {
	border-right: dotted #336699;
	border-right-width: 1px 0;
	border-left:dotted #336699;
	border-left-width: 1px 0;
}

.button-delete
{
	cursor : Help;
}

.tr-hand
{
	cursor : pointer;
}

/* button normal (category not selected) */

.cms-button {
   /*_width:12em;*/
   font: bold 90%/1 Arial, Helvetica, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; /*_padding:0;*/
   white-space:nowrap;
   text-decoration: none;
   background: #FF9900;
   color: white;
   }
 
.cms-button em {
   /*_width:1em; _cursor:hand;*/
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #FF9900;
   }

.cms-button span {
   /*_width:1em; _cursor:hand;*/
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.cms-button:hover {
   background: #FFC559;
   color: white;
   }
.cms-button:hover em {
   background: white;
   color: #FF9900;
   }

/* button normal (category selected) */

.cms-button_selected {
   /*_width:12em;*/
   font: bold 90%/1 Arial, Helvetica, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; /*_padding:0;*/
   white-space:nowrap;
   text-decoration:underline;
   background: #FFC559;
   color: white;
   }
 
.cms-button_selected  em {
   /*_width:1em; _cursor:hand;*/
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #FF9900;
   }

.cms-button_selected  span {
   /*_width:1em; _cursor:hand;*/
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.cms-button_selected:hover {
   background: #FFC559;
   color: white;
   }
.cms-button_selected:hover em {
   background: white;
   color: #FF9900;
   }

select.select_cms_mode{
font-size:10px;
}

select.select_country{
font-size:11px;
}
/* ------------ Lists ------------ 

ul 
{
	list-style-image: url('sms.gif')
}

*/

/* ------------ Image ------------  */
img.img-website_f_right
{
	float: right;
	padding: 0cm;
	border-width : 0;
}
img.img-website_f_left
{
	float: left;
	padding: 0cm;
	border-width : 0;
}
img.img-website_f_none
{
	float: none;
	padding: 0cm;
	border-width : 0;
}

img.aimg-link_left
{
	float: left;
	padding: 0cm;
	border-width : 0;
}
img.aimg-link_right
{
	float: right;
	padding: 0cm;
	border-width : 0;
}
img.aimg-link_normal
{
	float: none;
	padding: 0cm;
	border-width : 0;
}

img.aimg-link_center
{
	display: block;
    margin-left: auto;
    margin-right: auto;
	border-width : 0;
}

img.img-move {
	border-width : 0;
}
/* ------------ File ------------  */
.file-website_f_right, .file-website_f_right_icon
{
	float: right;
	padding: 0.2cm;
	border-width : 0;
}
.file-website_f_left, .file-website_f_left_icon
{
	float: left;
	padding: 0.2cm;
	border-width : 0;
}
.file-website_f_none, .file-website_f_none_icon
{
	float: none;
	padding: 0.2cm;
	border-width : 0;
}


/* ------------- footer ---------------*/
.f-footer
{
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.footer-background {
	background-image: url('../web_design/bottom_website.jpg');
	background-repeat: repeat-x;
}
/* ---------- Select ----------------*/
select.select_cms{
font-size:10px;
}

/*---------------- Site Map ----------------- */
#siteMap {
		width: 90% ;
		padding: 0px;
		}

.sitemap 	{
		padding: 20px; margin: 20px 0 0 20px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: hidden;
		}
		
.sitemap ul {		
		display: block;
		list-style: none;
		margin: -18px 0; padding: 0;
		border: 0; 
	}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .sitemap ul {position: relative; top: -12px; left: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.sitemap ul li 	{
			position: relative; top: -1px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .sitemap ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.sitemap a, .sitemap a:visited {
				width: 18.4em; height: 2em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: normal; font-size: 110%; line-height: 2em; 
				text-indent: 0.4em; text-align: left; text-decoration: none;
				cursor: pointer;
				voice-family: "\"}\""; 
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitemap a, html + body .sitemap a:visited {width: 18.6em; text-indent: 0; padding: 0 0 0 8px;}

.sitemap ul ul {	
			padding: 20px 0 18px 0;
			background: none;
			position: relative; top: -1px;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitemap ul ul {position: relative; top: 0px; left: 0px;}
				
.sitemap ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\"";
			left: 0px;
			}
			
/* HACK >>> IE 5  */
html + body .sitemap ul li li {left: 22px;}

.sitemap ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

/* HACK >>> IE 5  */
html + body .sitemap ul li .sub-sub {left: 22px;}

.sitemap ul ul a, .sitemap ul ul a:visited 	{
					width: 15.9em; height: 1.8em;
					margin: 0;
					font-size: 110%; line-height: 1.8em; font-weight: normal; text-indent: 0.3em; 
					}
					
/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitemap ul ul a, html + body .sitemap ul ul a:visited {position: relative; top: 0px; left: -5px;}

.sitemap ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}

.sitemap ul li li li	{
			position: relative; top: 13px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .sitemap ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitemap ul li li li {top: 18px;}
																		
.sitemap ul ul ul a, .sitemap ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
	}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitemap ul ul a, html + body .sitemap ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }

/* HACK >>> IE 5  (text-indent for IE 5 (only in this styled Version)) */
html + body .sitemap ul li a .box-content {padding: 0.1em 0.1em 0.1em 0.5em; }

/* ### Global Settings >>> colors, borders and images  ### */
/* .nav 	{ border: 0; border-left: 1px solid #003399; } */
/* .nav ul li li	{color: #000; background:  url("../web_design/sitemap/line.gif") left center no-repeat;} 
.nav ul ul ul {border-left: 1px solid #BBBBBB; }
.nav ul li .sub-sub {background:  url("../web_design/sitemap/line.gif") top left no-repeat;}*/
.sitemap a, .sitemap a:visited	{color: #4F4F4F; }				
.sitemap a:active, .sitemap a:hover, .sitemap a:focus,  a:focus .sffocus 	{color: #000;}			
.sitemap ul ul a, .sitemap ul ul a:visited 	{color: #4F4F4F;}			
.sitemap ul ul a:active, .sitemap ul ul a:hover, .sitemap ul ul a:focus	{color: #000;}
	
/* inner box styling */
/* Level 1 */
.sitemap ul li .ro {display: block; width: 100%; background: url("../web_design/sitemap/ro-01.gif") top right no-repeat;}
.sitemap ul li .lo {display: block; width: 100%; background: url("../web_design/sitemap/lo-01.gif") top left no-repeat;}
.sitemap ul li .ru {display: block; width: 100%; background: url("../web_design/sitemap/ru-01.gif") bottom right no-repeat;}
.sitemap ul li .lu {display: block; width: 100%; background: url("../web_design/sitemap/lu-01.gif") bottom left no-repeat;}
.sitemap ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Level 2 + 3 */
.sitemap ul li li .ro {background: url("../web_design/sitemap/ro-02.gif") top right no-repeat;}
.sitemap ul li li .lo {background: url("../web_design/sitemap/lo-02.gif") top left no-repeat;}
.sitemap ul li li .ru {background: url("../web_design/sitemap/ru-02.gif") bottom right no-repeat;}
.sitemap ul li li .lu {background: url("../web_design/sitemap/lu-02.gif") bottom left no-repeat;}
.sitemap ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Level 1 - 3 hover */
.sitemap ul li a:hover .ro {background: url("../web_design/sitemap/ro_h.gif") top right no-repeat;}
.sitemap ul li a:hover .lo {background: url("../web_design/sitemap/lo_h.gif") top left no-repeat;}
.sitemap ul li a:hover .ru {background: url("../web_design/sitemap/ru_h.gif") bottom right no-repeat;}
.sitemap ul li a:hover .lu {background: url("../web_design/sitemap/lu_h.gif") bottom left no-repeat;}

/*============= Menu website ===================*/
#nav{
	float: left;
	width: 100%;
	list-style: none;
	line-height: 0.8;
	/*background: url('../web_design/button/bgr_button.jpg');*/
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;
	/*padding-bottom: 0.1em;
	border-bottom:solid #CCCCCC;
	border-bottom-width: 1px 0;*/
	margin: 0 0 0px 0;
}

#nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 0.8;
	background: #FBFBFB;
	font-weight: normal;
	padding: 0;
	border : solid #FF9933;
	margin: 0 0 0px 0;
}

#nav a {
	display: block;
	width: 10em;
	w\idth: 9em;
	color: #000000;
	text-decoration: none;
	padding: 0.25em 1em;
	font-size:10px;
}

#nav a.daddy {
	background: url(../web_design/menu/fleche.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0.15em 0em;
	width: 8em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 1px;
	border-bottom-width: 8px;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 15em;
	w\idth: 14em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover{
	background: url(../web_design/menu/bottom_menu_hover.jpg);
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}

.menu-img_normal
{
	border-width : 0;
}

.menu-img_normal
{
	border-width : 0;
}

/* -------------- Menu vertical logged----------------- */

.logged_dl, .logged_dt, .logged_dd, .logged_ul, .logged_li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
width: 100%;
}
#menu dt {
cursor: pointer;
margin: 1px 0;
height: 17px;
line-height: 17px;
text-align: left;
font-weight: normal;
/*border: 1px solid black;*/
background: url(../web_design/u_logged_menu/menu_logged_bcg.jpg);
}
#menu dd {
border: 1px solid gray;
}
#menu li{
text-align: left;
background: #fff;
}

#menu li a{
text-align: left;
background: #fff;
padding-left: 20px;
}
#menu dt a{
color: #FFFFFF;
text-decoration: none;
padding-left: 10px;
display: block;
border: 0 none;
height: 100%;
}
#menu dt{
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a {
color: #000000;
text-decoration: none;
display: block;
border: 0 none;
background-color:#C0C0C0 ;
height: 100%;
}
#menu li a:hover{
background: #eee;
}
#menu dt a:hover {
background: url(../web_design/u_logged_menu/hover_menu_logged_bcg.jpg);
}

/* -------------- Menu horizontal steps----------------- */

#navState {
	margin: 0;
	padding: 0 0 15px 10px;
	border-bottom: 3px solid #CCCCCC;
	}

#navState li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navState a:link, #navState a:visited {
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight:normal;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #CCCCCC;
	}

#navState a:hover {
	color: #000;
}
#navState a:link.active, #navState a:visited.active{
	color: #000;
	}

#navState a:link.ok, #navState a:visited.ok {
	color: #F38420;
	}

<!--  Menu css progrss bar -->

#navProgress {
	margin: 0;
	}

#navProgress li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navProgress span {
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight:normal;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #CCCCCC;
	}

#navProgress .active {
	color: #000;
	background: url(../web_design/bottom_menu_item.gif) no-repeat bottom center;
	}

#navProgress .ok{
	color: #F38420;
	}
	
<!-- Calendar -->

#calendrier li{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 30px; 
}
.ligne li {
	color: #000;
	float : left; 
	width : 30px; 
	list-style-type: none;
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
	list-style-type: none;
}

.infobulle{
	position: absolute; 
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: sans-serif, Helvetica, Arial ;
	color:#FFFFFF;
	font-size: 10px;
	background-color: #F7971C;
}