/* 
######################################################
GENERAL TAGS, CONTAINERS & RESETS
######################################################
*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	
}
body, html {
	height: 100%;
}
ul, li, form, label, input, select, textarea, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
hr {
	color: #FFFFFF;
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
}

#container {
	width: 1240px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height:100%;
	
}
#cc_target {
	
	position:relative;
	height:100%;
	
	}
#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
}
.icobaseline {
	vertical-align: text-bottom;
}

img {
	border: 0px;
}

 a {
	color: #fff;
}

/* 
######################################################
Titles
######################################################
*/
h2 {
	font-size: 11px;
	-moz-border-radius:5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: normal;
	background-image: url(../data/opa50.png);
}

/* 
######################################################
HEADER BAR 
######################################################
*/
#Header {
	background-image: url(../data/header_bg.png);
	clear: both;
	width: 1240px;
	position: relative;
	background-repeat: no-repeat;
	z-index:100000;
}
#Header a:link {
	
	text-decoration: none;
}
#Header a:visited {
	
	text-decoration: none;
}

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

#h_menutopleft {
	position: absolute;
	width: 300px;
	left: 325px;
	top: 0px;
	color: #7D8286;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.h_user {
	position: absolute;
	left: 525px;
	top: 42px;
	width: 280px;
	color: #333;
}
.h_user_log {
	position: absolute;
	left: 525px;
	top: 70px;
	font-size: 9px;
	color: #CCCCCC;
}

.h_editprofile {
	color: #999999;
	font-size: 10px;
}


.h_backlogo {
	position: absolute;
	left: 70px;
	top: 25px;
	width: 160px;
	height: 50px;
}
#h_selectapplication {
	display: none;
	position: absolute;
	right: 18px;
	top: 36px;
	padding: 5px;
	width: 141px;
	font-weight: bold;
	-moz-border-radius:3px;
	background-color:#ffffff;
	height: 14px;
	background-repeat: no-repeat;
}
#h_selectapplication  a, #h_adminmenu a {
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #3b3b3b;
}
#h_selectapplication:hover, #h_adminmenu:hover {
	position: absolute;
	padding: 5px;
	width: 141px;
	font-weight: bold;
	height: 14px;
	-moz-border-radius:3px;
	background-color:#dcdcdc;
	background-repeat: no-repeat;
	-moz-box-shadow:inset 0 0 10px #fff1b9;
	-webkit-box-shadow:inset 0 0 10px #fff1b9;
	box-shadow:inset 0 0 10px #fff1b9;

}
#h_adminmenu {
	position: absolute;
	padding: 5px;
	width: 141px;
	font-weight: bold;
	-moz-border-radius:3px;
	background-color:#ffffff;
	height: 14px;
	background-repeat: no-repeat;
}


/* 
######################################################
HEADER MAXIMIZED (general user menu) 
######################################################
*/

#Header_maxi {
	height: 93px;
	z-index:100000;
	
}
#h_applications a:link {
	color: #3B3B3B !important;
}
#h_applications a:visited {
	color: #000000;
	text-decoration: none;
}
#h_applications a:hover {
	color: #999999;
}

#h_applications ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}

#h_applications li a {
	padding: 5px;
	color: #3b3b3b !important;
	margin-left: 2px;
}
#h_applications li a:hover {
	color: #FFFFFF;
}

#h_app_select {
	position: absolute;
	top: 9px;
	right: 90px;
}
#h_app_select a {
	padding: 5px;
	color: #CC3399;
}

.h_app_ico {
	position: relative;
	top: 4px;
	padding-right: 8px;
}
#h_applications {
	position: absolute;
	color: #000000;
	
	
}

#h_applications li {
	-moz-border-radius:3px;
	background-color:#ffffff;
	list-style-type: none;
	display: inline;
	float: right;
	height: 25px;
	padding-top: 2px;
	width: 119px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#h_applications li:hover {
	-moz-border-radius:3px;
	background-color:#f0f0f0;
	-moz-box-shadow:inset 0 0 10px #fff1b9;
	-webkit-box-shadow:inset 0 0 10px #fff1b9;
	box-shadow:inset 0 0 10px #fff1b9;
}

#h_minimize {
	position: absolute;
	right: 18px;
	top: 65px;
	display: none;
}
#h_maximize {
	position: absolute;
	right: 18px;
	top: 4px;
}

/* 
######################################################
HEADER MINIMIZED 
######################################################
*/

#Header_mini {
	height: 32px;
	position: relative;
	display: none;
	z-index:100000;
}
#h_mini_user {
	position: absolute;
	left: 550px;
	top: 15px;
}
#h_applications {
color:#000000;
position:absolute;
}
.app_mini {
right:200px;
top:2px;
width:480px;
}
/* 
######################################################
HEADER LOGIN bar 
######################################################
*/
#Header_login {
	height: 93px;
}

#containerlogin {
	background-image: url(../data/loginbg.jpg);
	height: 500px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 45px;
	background-repeat: no-repeat;
}
#login {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#login  .logininput {
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	background-position: 4px center;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#login .loginsend {
	font-size: 11px;
	padding: 4px;
	background-color: #CCD6E1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#login .loginemail {
	background-image: url(../data/icons/email.png);
}
#login .loginpw {
	background-image: url(../data/icons/lock.png);
}
#h_login_user {
	position: absolute;
	left: 517px;
	top: 33px;
	padding: 4px;
	width: 450px;
	font-size: 11px;
}
#h_loginmsg {
	position: absolute;
	left: 520px;
	top: 65px;
	color: #FF0000;
	width: 350px;
	font-size: 10px;
}

.h_gologin {
	float: right;
	height: 20px;
	background-image: url(../data/ico_connexion.gif);
	background-repeat: no-repeat;
	width: 79px;
	background-position: left top;
	margin-right: 0px;
	margin-top: 1px;
}
.h_gologin:hover {
	float: right;
	height: 20px;
	background-image: url(../data/ico_connexion.gif);
	background-repeat: no-repeat;
	width: 79px;
	background-position: left -20px;
}
.h_gologin:active {
	float: right;
	height: 20px;
	background-image: url(../data/ico_connexion.gif);
	background-repeat: no-repeat;
	width: 79px;
	background-position: left -40px;
}
#h_login_icopw {
	position: absolute;
	left: 710px;
	top: 40px;
}
.h_logininput {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	width: 175px;
	margin-right: 30px;
	color: #333333;
}
.h_pwinput {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	width: 130px;
	padding: 2px;
}

.h_log {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	margin-right: 50px;
}

#h_login_boxlogin {
	background-color: #FF0033;
	width: 200px;
	position: absolute;
}
#h_login_boxlogin input {
	width: 200px;
}

#loginbar #button {
	margin-right: 50px;
}
#loginbar {
}

#loginbar input {
	padding: 2px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#h_lostpw {
	position: absolute;
	right: 160px;
	top: 10px;
}


/* 
######################################################
CONTENT
######################################################
*/

#Content {
	background-repeat: no-repeat;
	background-position: center top;
	/*height: 100%;*/
	margin-left: 40px;
	margin-right: 20px;
	position: relative;
}
/*Overlay*/
html, body{
  min-height: 100%;
}
body {
	background-image: url(../data/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color : #000000;
	position: relative;
}
.overlayMe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(0,0,0,0); /*dim the background*/
	/*background-image: url(../data/bg_square_fi.png);*/
}
#Content_img {
	width: 1000px;
	height: 100%;/*800px;*/
	margin-left: 40px;
	margin-right: 20px;
	position: absolute;
	top: 0px;
	z-index: -1;
}

#h_logout {
	position: absolute;
	right: 18px;
	top: 37px;
}
#h_logout a:link, #h_minimize a:link, #h_maximize a:link, #h_app_select a:link, #h_menutopleft a:link, #h_lostpw a:link {
	color: #838588;
}
#h_logout a:visited, #h_minimize a:visited, #h_maximize a:visited, #h_app_select a:visited, #h_menutopleft a:visited, #h_lostpw a:visited {
	color: #838588;
}
#h_logout a:hover, #h_minimize a:hover, #h_maximize a:hover, #h_app_select a:hover, #h_menutopleft a:hover, #h_lostpw a:hover{
	color: #FFFFFF;
}

.bigico {
	position: relative;
	top: 4px;
	padding-left: 5px;
}


.app_maxi {
	right: 16px;
	bottom: 2px;
	width: 500px;
}


#AdminSlide{

z-index:100000;
position: absolute;
top: 36px;
left: 330px;
}

#h_selectadmin{
	position: absolute;
	top:26px;
	padding:2px;
	background-color:#fff;
	width: 300px;
	border:1px solid #111;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	z-index:100000;
}
#h_selectadmin a:link {
	color: #5e5e5e;
}
#h_selectadmin a:visited {
	color: #5e5e5e;
	text-decoration: none;
}
#h_selectadmin ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#h_selectadmin li {
	background-color:#fff;
	list-style-type: none;
	margin: 0px;
	float: left;
	padding-top: 3px;
	padding-bottom:3px;
	width: 280px;
	vertical-align:middle;
	color:#3B3B3B !important;
	padding-left: 10px;
}
.h_groupe_admin {
	color:white !important;
	background-color: #ffffff !important;
	font-weight:bold;
	width:290px !important;
	
}
#h_selectadmin li:hover {
	background-color:#ccc;
	
}

#h_selectadmin li a {
	color:#5e5e5e;
	width:290px;
	
}



.h_app_ico {
	position: relative;
	top: 4px;
	padding-right: 8px;
}


.minize{
	cursor: pointer;
}
.h_option_admin{
	/*cursor: pointer;*/
	padding-left:20px !important;
}


/* 
######################################################
LINK LIST
######################################################
*/
.linklist {
	width: 30%;
	margin-bottom: 25px;
	float: left;
}
.centerlist {
	margin-right: 58px;
	margin-left: 58px;
}

.linklist ul {
}

.linklistmaintitle {
    background-image: url("../data/grp_rd_hd.png");
    background-position: -29px 42px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 10px 15px 20px;
}

.linklist a:link {
	color: #999999;
}
.linklist  a:visited {
	color: #999999;
}
.linklist a:hover {
	color: #ffffff;
}
#col3 {
	clear: both;
	overflow: hidden;
}


.linklist li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.1);
	list-style-type: none;
	font-weight: bold;
	display: block;
}
.linklist li:hover {
	display: block;
}
.linklist  a {
	font-size: 11px;
	font-weight: normal;
	display: block;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-decoration: none;
}
.listlinktitle {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.link_carecenter:hover {
	background-image: url(../data/sites/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_facebook:hover {
	background-image: url(../data/sites/facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_twitter:hover {
	background-image: url(../data/sites/twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_twitternews:hover {
	background-image: url(../data/sites/twitternews.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_youtube:hover {
	background-image: url(../data/sites/youtube.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.app_storeloc:hover {
	background-image: url(../data/icons/map_magnify.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.app_fileman:hover {
	background-image: url(../data/icons/page_white_stack.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.app_massmail:hover {
	background-image: url(../data/icons/email.png);
	background-position: left center;
	background-repeat: no-repeat;
}

/* 
######################################################
LANDING PAGE
######################################################
*/
#headinfo {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
	color: #ffffff;
	padding-right: 40px;
	-moz-border-radius:3px;
	background-color: #2E2E2E;
	border: 1px solid #e3000b;
	font-style: italic;
}
#introtext {
	clear: both;
	padding-top: 30px;
	
	padding-bottom: 30px;
	
}
#admin_submenu {
	text-align: right;
	padding: 5px;
	border: 1px solid #ffffff;
}

#hidden {
	position: absolute;
	top:-1000px;
}

/* 
######################################################
NEWS
######################################################
*/
#news {
	margin-bottom:30px;
}

#form {
	margin-bottom:30px;
}
.fader {
	width: 100%;
	background-image: url(../data/fader.png);
	height: 24px;
	background-repeat: no-repeat;
}



/***********************************************************************************
************************************************************************************
INITIALISATION JQUERY HIDE AND SHOW
************************************************************************************/
.hideThis {
	display: none;
}
.showThis {
	display: block;
}

.highlight {
	color: red;
	background-color: 849cb6 !important;
}

/***********************************************************************************
************************************************************************************
FORMULAR CONTACT bugreport
************************************************************************************/
#contentForm {
	
	background-color: transparent;
	padding:0px;
	margin:0px;
	border:0px;
	margin-right: auto;
	margin-left: auto;
	font-family: verdana, arial, helvetica, sans-serif;
}

#error {
	
	border:0px;
}

#contentForm .info {
	padding: 10px;
	padding-left:20px;
	
	border:0px;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	cursor: pointer;
}


#contentForm .formular form {
	
	border:0px;
	padding-left: 20px;
}

#contentForm .formular fieldset{
	
	border:0px;
	display: block;
	float: none;
}

#cName, #cEmail, #captcha, #contentForm .formular textarea, #contentForm .formular label{
	width: 696px;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
	border:1px solid #232c36;
	margin: 5px;
	padding: 2px;
	padding-left: 5px;
}
#contentForm .formular textarea {
	height: 100px;
}

#contentForm img {
	border:0px solid #4e6175;
	margin-left: 2px;
}


#captchaimage {
	display:block;
}


#contentForm .captcha {
	padding: 10px;
	padding-left:0px;
	width: 696px;
	border:0px;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #87a1bd;
}

#button {
	position: relative;
	left:597px;
	margin-top:10px;
	width: 100px;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #3d4a59;
	border: 1px solid #4e6175;
	padding: 5px;
	color: #b2c2d3;
	cursor: pointer;
	
}
#button:hover {
	background-color: #4c5d70;
	color: #ffffff;
	border: 1px solid #2b3540;
	cursor: pointer;
	
}



/* Custom dialog styles */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../data/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
}

#popup_content.confirm {
}

#popup_content.prompt {
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/* 
######################################################
TABLEAUX
######################################################
*/
table {
	text-align: left;
	padding:5px;
	background-color:transparent;
}
th {
	padding-bottom: 10px;
	border-bottom: 1px solid #738ba6;
	color:#a7b8cb;
}
td {
	padding-top: 10px;
}

fieldset {
	margin-top: 10px;
	background-color: transparent;
	border: 0px;
}
.submit {
	float: right;
}
#form  {
	font-size: 14px;
	background-color:transparent;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form h1 {
	padding: 5px;
	color:#000000;
}
#form p label {
	display: block;
	width:200px;
	color:#ffffff;
	margin-bottom: 10px;
}
#form legend {
	color:#ffffff;
}
#u_1,#u_0 {
	color:#000000;
	background-color:#ffffff;
	height: 25px;
	width:300px;
	border: 1px solid #647b94;
	padding: 4px;
	font-size: 14px;
}
#groupe {
	color:#000000;
	background-color:#cccccc;
	height: 35px;
	width:310px;
	border: 1px solid #647b94;
	padding: 4px;
	font-size: 14px;
}
.submit {
	height: 20px;
	background-image: url(../data/ico_submit.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 79px;
	text-indent: -10000px;
	border:0px;
	cursor: pointer;
}

.submit:hover {
	float: right;
	height: 20px;
	background-image: url(../data/ico_submit.gif);
	background-repeat: no-repeat;
	width: 79px;
	background-position: left -20px;
	cursor: pointer;
}
#form .fbox1 label {
	display: inline;
	width:200px;
	color:#ffffff;
}
#form .fbox1 {
	display: block;
	width:300px;
	height:30px;
	color:#ffffff;
	background-color:transparent;
	border: 0px solid #647b94;
	padding:5px;
}
#form .fbox2 {
	display: block;
	width:311px;
	height:30px;
	color:#000000;
	margin-bottom: 10px;
}

#form_groupfr  {
	font-size: 14px;
	background-color:transparent;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#form_groupfr h1 {
	padding: 5px;
	color:#000000;
}

#form_groupfr p label {
	display: block;
	width:200px;
	color:#ffffff;
	margin-bottom: 10px;
}

#form_groupfr legend {
	color:#ffffff;
}

#form_groupfr .fbox1 label {
	display: inline;
	width:200px;
	color:#ffffff;
}

#form_groupfr .fbox1 {
	display: block;
	width:300px;
	height:30px;
	color:#ffffff;
	background-color:transparent;
	border: 0px solid #647b94;
	padding:5px;
}
#form_groupfr .fbox2 {
	display: block;
	width:311px;
	height:30px;
	color:#000000;
	margin-bottom: 10px;
}


#u_5, #u_4, #u_3, #u_2 {
	float: right;
}


.errorMsg {
	display: inline;
	float: left;
	position: absolute;
	top:-27px;
	left:4px;
	background-color: #a50000;
	border: 0px solid #390000;
	width: 313px;
	height: 15px;
	padding: 4px;
	color: #ffffff;
	font-family: verdana, arial;
	font-size: 10px;
	font-variant: small-caps;
	font-weight: normal;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* for all other browsers */
	opacity: .7;
	/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* for IE5-7 */
	filter: alpha(opacity=70);

}


.errorMsg1 {
	background-color: #a50000;
	border: 0px solid #390000;
	margin-top: 10px;
	width: 940px;
	height: 50px;
	padding: 10px;
	color: #ffffff;
	font-family: verdana, arial;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	text-align: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* for all other browsers */
	opacity: .7;
	/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* for IE5-7 */
	filter: alpha(opacity=70);

}


.errorMsg2 {
	background-color: #a50000;
	border: 0px solid #390000;
	margin-top: 10px;
	width: 318px;
	height: 50px;
	padding: 10px;
	color: #ffffff;
	font-family: verdana, arial;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	text-align: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* for all other browsers */
	opacity: .7;
	/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* for IE5-7 */
	filter: alpha(opacity=70);

}


/*
Lost password form and link.
*/
#c_lost {
	width: 1200px;
	height: 200px;
	text-align: center;
	margin-top: 50px;
}
.lost-psw {
	font-size: 10px;
	left: 490px;
	position: absolute;
	top: 10px;
	width:150px;
	
}
#h_login_user .lost-psw a, #h_login_user .lost-psw a:visited, #h_login_user .lost-psw a:hover {
	color: #ffffff;
	text-decoration: none;
}
#lost-submit {
	width: 104px;
	cursor: pointer;
}