/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

body {
	background-color: #efefef;
}

form {
	margin: 0px;
}

body,td,input,select,textarea {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 11px;
}

a {
	color: #006699;
}

a:hover {
	text-decoration: none;
}

.wrapper {
	width: 900px;
	border: 0px;
	padding: 5px;
	border-collapse: collapse;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ffffff;
padding:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px; 

-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
}

/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */

.heading {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #65A5E6;
}

.heading2 {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
    text-decoration: none;
    color:#E87400;
}

.heading3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #16679F;
}

/* --------------------------------------------------------------
   CUSTOMIZATION
-------------------------------------------------------------- */


.container {
width: 900px;
position:relative;
margin:0 auto;
}

#gauchem {float:left;width:192px;margin-right:10px;}

#gauchem li {
  list-style-type:none;
  padding:2px 0;
  font-weight:bold;
  text-indent:5pt;
  line-height:2;
  }
#gauchem a, #gauchem a:visited {
  display:block;
   border: 1px solid #BAD5E2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
height:25px;
 
  font-size:11px;
  text-align:left;
  text-decoration:none;
  background:url("images/bgmenu.jpg") repeat-x;
  color:#006699; 
  padding:0px;
  }
#gauchem a:hover {
  background:url("images/bgmenuon.jpg") repeat-x;
  color:#DF5900;
   border: 1px solid #FF9933;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  }



.homepage {width:650px;margin-left:210px; margin-bottom:50px;}

.homepage img{border:0;}

#footer {
	background-color:#F3AB3D;
width:900px;
margin-left: auto;
margin-right: auto;
height:20px;
padding:10px;
border: 1px solid #F3AB3D;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px; 

-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
color:#673F01;
}
#copyright {
	float:left;
	padding:3px 0px 0px 15px;
}
#liensbas{
	float:right;
	padding:3px 15px 0px 0px;
	
}
#liensbas a{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}
#liensbas a:hover{
		text-decoration:underline;
}
#entete{
padding-bottom:65pt;

}

#logo{
width:160px;
text-align:center;
float:left;
font-weight:bold;
background:url("images/logo.jpg") no-repeat top center;
padding-top: 40pt;
}

#slogan {
float:left;
text-align:center;
margin-top:20px;
width:420px;
}
#slogan h1 {
font-size:10px;
color:#006699;
font-weight:normal;
}
#menuh {
float:right;
text-align:right;
color:#FFD291;

}
#menuh img {
	border:0;
}
#menuh form {
margin-bottom:8px;
margin-top:8px;
}
#menuh a{
color:#BE7507;
text-decoration:none
}
#menuh a:hover{
color:#006699;
text-decoration:underline;
}
#menuh a:active{
color:#ff0000;
text-decoration:underline;
}

#youarehere.contentbox {

text-align:left;
width:650px;
margin-bottom:10px;
}
span.heading 
{color:#FF0000;
font-family:arial,sans-serif;
font-size:15px;
font-weight:bold;
text-transform:uppercase;

}
/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.contentbox {
	width: 650px;
	text-align: center;
	background-color:#FFF5EC;
	border: 1px dashed #FFCC00;
	padding: 5px;
	
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

.successbox {
	border: 1px dashed #66CC00;
	font-weight: bold;
	background-color: #DDFFC6;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #009933;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
   margin:10px 0 10px 0;
       font-weight:none;
  text-indent:1pt;
   background: #F90 url("images/bgmenuon.jpg") repeat-x;
		 border: 1px solid #FF9933;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
line-height:2.5;
width:655px;
text-align:center;
}

.clientarealinks a, .clientarealinks a:visited {
	
	  font-size:11px;
  
  text-decoration:none;
  color:#DF5900; 
  
		
  }
.clientarealinks a:hover {
	  color:#006699;
      }

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

table.frame {
	width: 100%;
	border: 1px solid #8FBCE9;
	padding: 0px;
}

.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}