/*  AR-SOlUTIONS RESET */
img { border: 0; }
ul {list-style-type: none;margin: 0;padding: 0;}
ol{ margin-top: 0; }
h1, h2, h3, h4{	margin: 0;	padding: 0;}
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
table {	margin: 0;	padding: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}  


/********** CORE **************************************************/

	html, body {
		margin: 0;
		padding: 0;
	}

	html { overflow-y: scroll; }

	body {
		background-image: url(../images/background.jpg); 
		background-color: #ffffff;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	body.Telecom {
		background-image: url(../Themes/images/background001.jpg); 
	}

	#container {
		position: relative;
		margin: 0 auto;
		padding: 0;
		width: 940px;
	}
	

/********** TOP ***************************************************/
	
	#top {
		width: 940px;
		height: 218px;
		margin-top:20px;
	}
	
	
	
	
	#header {
		float:left;
		width: 940px;
		height: 171px;
		margin-bottom:10px;
	}
	#content {
		float:left;
		width: 940px;
		background:#ffffff;	
	}
	#contentbottom {
		float:left;
		width: 940px;
		background-image: url(../images/contentbottom.png);
		height:13px;
		background-repeat:no-repeat;
	}
	#content #center {
		float:left;
		padding-left:40px;
		width:604px;
		padding-right:30px;
		padding-top:30px;
	}
	#content #right {
		float:left;
		width:225px;
		padding-top:40px;
		padding-right:40px;
	}

/********** MENU ***************************************************/
	
	#mainmenu {
		float:left;
		width: 940px;
		height: 37px;
		background-image: url(../Themes/Images/backgroundmenu.jpg);
		background-repeat:no-repeat;
	}
	

	#mainmenu ul {
		padding-left:20px;
		list-style: none; 
		float:left;
	}
	#mainmenu ul li {
		float:left;
		border-right:1px solid #FFF;
		display: inline;
		position: relative;
	}
	#mainmenu ul li a:link, #mainmenu ul li a:visited {
		display: block;
		height:29px;
		color:#FFFFFF;
		padding-left:20px;
		padding-right:25px;
		font-weight:bold;
		font-size:16px;
		text-decoration:none;
		padding-top:8px;
	}
	
	#mainmenu ul li a:hover, #mainmenu ul li a.current {
		background-image: url(../images/bgmenuitemNoSub.jpg);
		background-position:right top;
		background-repeat:no-repeat;
	}

	
	/**** SUBMENU ****/
	#mainmenu ul ul
	{
		width:170px;
		padding:0px;
		margin:0px;
		margin-top:0px;
		padding-right:5px;
		padding-bottom:5px;
		position: absolute;
		z-index: 500;		
		left: -999em;
	}	

	#mainmenu ul ul li {
		float:left;
		width:170px;
		padding:0px;
		margin:0px;
		border-bottom:solid 1px #666666;
		border-left:solid 1px #666666;
		border-right:solid 1px #666666;
		position: relative;
	}
	#mainmenu ul ul li a:link, #mainmenu ul ul li a:visited {
		padding:0px;
		margin:0px;
		background:#ffffff;
		color: #5e4761;
		font-size:12px;
		font-weight:bold;
		display:block;
		width:150px;
		height:20px;
		overflow:hidden;
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-top:6px;
	}	
	#mainmenu ul ul li a:hover, #mainmenu ul ul li a.current {
		color:#ffffff;
		background: #5e4761;
	}
	
	#mainmenu li:hover ul {left: auto;}

	#mainmenu li ul li ul, #headmenu li ul li ul li	{display: block;}	

/********** CONTENT RIGHT **************************************************/

#loginbox {
	background-image: url(../Themes/images/backgroundloginbox.jpg);
	background-repeat:no-repeat;
	width:184px;
	float:left;
	padding:20px;
	padding-bottom:30px;
	color:#38dde0;
	border-bottom:solid 1px #333333;
	margin-bottom:20px;	
}

#loginbox h3 {
	color:#38dde0;
	font-size:18px;
	margin-top:0;
	margin-bottom:5px;
}

#loginbox a:link, #loginbox a:visited {
	color: #38dde0; 
	text-decoration: underline;
	background: none;
}
#loginbox a:hover {
	text-decoration: none;  
}

#right #phoneicon {
	float:left;
}
#right p {
	color: #5e4761;
	line-height:1.3em;
}


#loginbox p {
	line-height:1em;
	color:#FFFFFF;
	padding: 4px 0;
}
#loginbox p a{
	padding-left: 0;
}

#right .phone {
	float:left;
	font-size:18px;
	color: #5e4761;
	background-image: url(../images/phoneicon.jpg);
	background-repeat:no-repeat;
	padding-left:30px;
}
#right .line {
	width:224px;
	border-bottom:solid 1px #333333;
	height:1px;
	clear:both;
	padding-top:20px;
	margin-bottom:20px;
}
#right .logos {
	width:224px;
	float:left;
}

#right .logos a {
	float:left;
	border:0px;
	background:none;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
}
#right .logos a img {
	border:1px solid #ffffff;
	float:left;
	padding:2px;
}
#right .logos img {
	border:1px solid #ffffff;
	float:left;
	padding:2px;
}
#right .logos a:hover img {
	border:1px solid #CCCCCC;
	
}

/********** BOTTOM ************************************************/

	#bottom {
		margin-top:10px;
		float:left;
		width: 940px;
		height:35px;
		background-image: url(../images/backgroundbottom.png);
		
	}
	#bottom ul li a:link, #bottom ul li a:visited {
		color: #000;
		text-decoration: none;
		height:35px;
		display:block;
		float:left;
	}
	#bottom a:hover {
		text-decoration: underline; 	
	}
	
	
	#bottom #copyright {
		font-size: 80%;
		padding-top:12px;
		padding-left:20px;
		float:left;
		color:#333333;
	}
	#bottom #copyright a {
		text-decoration: none;
		color:#333333;
	}
	#bottom #copyright a:hover {
		text-decoration:underline;
		color:#333333;
	}
	#bottom ul{
		float:right;
		padding-right:30px;
	}
	#bottom ul li {
		float:left;
		overflow: hidden;
	}
	#bottom ul li a:link, #bottom ul li a:visited {
		display: block;
		height:23px;
		color:#333333;
		padding-left:10px;
		padding-right:15px;
		font-weight:bold;
		font-size:13px;
		text-decoration:none;
		padding-top:12px;
	}
	
	#bottom ul li a:hover, #bottom ul li a.current {
		color:#FFFFFF;
		background-image: url(../images/bgmenubottomactive.jpg);
	}
	


/********** MISCELLANEOUS *****************************************/

		
	ul#sitemap {
		padding-left:15px;
		list-style:circle;
	}
	ul#sitemap ul {
		padding-left:15px;
		list-style:circle;
	}
	

/********** FORMULIER *****************************************/

	#center form fieldset {
		width:90%;
		border: 1px solid #7E6386;
		padding: 15px;
	}
	
	#center form field {
		width: 100%;
	}
	
	#center form label {
		width: 30%;
		float: left
	}
	
	#center form .middleColumn {
		width: 70%;
		float: left
	}	
	
	#center form .field {
		margin-bottom: 6px;
		float: left;
		width: 100%
	}		
	
	#center form .text input, #center form .password input, #center form .email input, #center form .textarea textarea{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		width: 90%;
		padding-right: 15px;
		border: 1px solid #C7C7C7;
	}
	.required, .bad {color:#FF6666; font-size:11px; font-style:italic;}
	#center form .checkbox input {float: left; margin-left: 165px; } 
	#center form .checkbox label.right {float: left; width: 330px; padding-left: 5px; text-align: left;} 
	
	input.requiredField, textarea.requiredField {
		background: white url("../images/form/required_val.png") no-repeat right top;
	}

	#center form input.action{
		border: 1px solid #7E6386;
		color: #3c3c3c;
		text-align:center;
		border:solid 1px #CCCCCC;
		font-weight:bold;
		float: right;
		padding: 2px 15px;
		margin: 10px;
		margin-right: 29px;
	}
	
	

body.Telecom #mainmenu {
	float:left;
	width: 940px;
	height: 37px;
	background-image: url(../images/backgroundmenuBleu.png);
	background-repeat:no-repeat;
}
body.Telecom #bottom ul li a:hover, body.Telecom #bottom ul li a.current {
	background: url(../images/backgroundmenuBlue.png) center;
}


body.Telecom #mainmenu ul li a:hover, body.Telecom #mainmenu ul li a.current {
	background-image: url(../images/bgmenuitemBlueHover.png);
	background-position:right top;
	background-repeat:no-repeat;
}
body.Telecom #mainmenu ul li ul li a {
	color:#3160b8;
}	
body.Telecom  #right p  {
	color: #3160b8;
}
body.Telecom #right .phone {
	color: #3160b8;
}
body.Telecom #loginbox {
	background-image: url(../Themes/Images/backgroundloginbox.jpg);
}