/* *** Copyright Mickael Monsieur 2006-2010 *** */

body {
	background-color: #383838;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	background-image: url('/images/background-green.gif');
	color:#564b47;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

img {
	border: 0px;
}

ul {
	margin-left:		20px;
	margin-top:		5px;
	padding:			0px;	
}

table, td, tr {
	font-size:11px;
}

a {
	color: #008000;
	text-decoration: none;
}

a:hover {
	color: #535353;
}


h1 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	margin-bottom: 2px;
	margin-top: 0px;
	color:#564b47;
}

h2 {
	font-size:16px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	margin-bottom: 2px;
	margin-top: 0px;
	border-bottom: 1px dotted #008000;
	color: #008000;
}

h3 {
	font-size:14px;
	font-weight: bold;
	padding: 5px 10px;
	margin:0px;
	color:#564b47;
}

h4 {
	font-size:12px;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
	color:#564b47;
}

h5 {
	font-size: 14px;
	padding: 5px 10px;
	margin:0px;
}

h6 {
	font-size: 18px;
	padding: 5px 10px;
	margin:0px;
}

/* ----------mise en page-------------- */

#container {
  width: 950px;
  min-height: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 0px;
  overflow: hidden;
  text-align: left;
  font-size:11px;
  background-color: #FFFFFF;	
  border: 2px solid #FFFFFF;
}

/* ----------logo-------------- */
#banner {
	text-align: left;
	background-color: #B7CF00;
	padding: 0px;
	margin: 0px;
}

.logo {
	background-image: url('/images/SMSActionbanner.jpg');
	height: 115px;
}

.floatleft {
	float: left;
}

.clear {
	clear: left;
}

.vignette {
 float: left;
 width: 210px;
 padding: 5px;
}

/* -------------- souslogo ------------- */

.souslogo {
width: 100%;
}

#menu_top {
  background-image: url('/images/bg-bubplastic.gif');
  text-align: center;
  font-size: 11px;
	height: 21px;
	padding-top: 6px;
}

#menu_top a {
  font-family: Verdana;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#menu_top a:hover {
	background-image: url('/images/bg-bubplastic-blue.gif');
  color: #FFFFFF;
  background-color: #FDF2D7;
}

/* --------------left ------------- */

#banner_left {
	width: 100px;
	float:left; 
	margin-right:1px;
	padding-left: 6px;
	padding-top: 10px;
	text-align: left;
	height: 600px;
}

/* -----------------main--------------------- */

#main {
	width: 750px;
	float: left;
	text-align: left;
}

/* -----------------content--------------------- */

.spacer {
	padding-top: 30px;
}
p{
	padding: 5px 10px;
	margin:0px;
}

pre{
	font-size: 12px;
	padding: 5px 10px;
	margin:0px;
}

/*  ----------------right ---------------------- */ 

#banner_right {
	float: left;
	width: 75px;
	margin-top: 15px;
	text-align: center;
}

/*  ----------------footer---------------------- */ 
#footer {
	height: 17px;
	text-align: right;
	padding-right: 5px;
} 

#footer h1 {
	font-size: 8px;
}

#footer a {
	color: #564b47;
} 

#footer a:hover {
	color: #C0C0C0;
} 

/*  --------------- HomePage---------------------- */ 


div#HPage {
	padding-bottom: 15px;
	width: 550px;
	float: left;
}

div#Contact {
	width: 180px;
	float: left;
	padding-top: 10px;
}

div.accordionTabTitle {
	font-size: 12px;
	font-weight: bolder;
	text-transform:uppercase;
	border-bottom: 1px dotted #C0C0C0;
	/*background-image: url('/images/bg-bubplastic-blue.gif');*/
	padding:5px 15px;
	margin:0px;
	color:#000000;
}

div.accordionTabContent {
	padding: 10px;
}

div#panel4Content {
	height: 180px;
}

div#panel5Content {
	height: 150px;
}
div#panel6Content {
	height: 150px;
}

/*  --------------- autres ---------------------- */ 

#whois {
	width: 650px;
	border: 2px solid #A3A3A3;
	padding:5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

div.calqueClassic {
	width: 650px;
	border: 2px solid #A3A3A3;
	padding:5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#whoistitle {
	text-align: left;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 6px;
	color: #004080;
	font-size: 12px;
	font-weight: bolder;
}

.artmenu {
padding:12px 6px 0;
}

.artmenu, .artmenu ul {
	border:0 none;
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	height: 30px;
	border-bottom: 2px solid #00D500;
}

.artmenu li {
	border:0 none;
	display:block;
	float:left;
	padding: 10px 10px 10px 10px;
	position:relative;
	z-index:5;
	text-align: center;
}

.artmenu a {
	cursor:pointer;
	display:block;
	margin-left:2px;
	margin-right:2px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	color: #00D500;
}

.artmenu a:hover {
	color: #00AA00;
}

#whois select, #whois input, #whois textarea {
	color: #004080;
	font-size: 12px;
}

#keywordreserved {
	padding: 25px;
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: bolder;
}

.center {
	text-align: center;
}

input.inputreadonly {
  background-color: #E0E0E0;
  border: 1px solid black;
  color: #404040;
}

#menu_logued {
  width: 140px; 
  background-color: #F0F0F0;
  line-height: 12px;
  margin-top: 0px;
  margin-right: 5px;
  padding-bottom: 5px;
  padding-top: 0px;
  border: 1px solid #b9b9b9;
}

#menu_logued p {
  font-weight: bold;
  line-height: 14px;
}

.menu_on  {
  display: block;
  text-decoration: none;
  padding-left: 10px;
  color: black;
  font-size: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.menu_on:hover {
	background-color: #616161;
	color: #FFFFFF;
}

.menu_off {
  display: block;
  text-decoration: none;
  padding-left: 10px;
  color: #C40000;
  font-size: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.menu_off:hover {
	background-color: #C40000;
	color: #FFFFFF;
}

#tableshortcode, .tableFull {
	width: 100%;
}

.tableFull caption {
	font-size:12px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	margin-bottom: 2px;
	margin-top: 0px;
	border-bottom: 1px dotted #008000;
	color: #008000;
}

.desactive {
	color : #FF0000;
}

.tablestats {
	width: 95%;
	border: 1px solid #616161;
	margin: 8px;
}

.tdwitdh {
	width: 50%;
}

div input, div select , div textarea {
	color: #004080;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

#tableshortcode tr {
	height: 25px;
}

#createconcours {
	padding-bottom: 10px;
}

.info {
 font-size: 8px;
 margin-left: 20px;
 margin-right: 10px;
 padding-top: 5px;
 padding-bottom: 8px;
}

#results {
  font-weight: bolder;
  text-align: center;
}

#legal {
	padding:10px;
}

#gof {
	padding:10px;
	border: 1px dotted #C0C0C0;
	margin: 5px;
}

#newsletter {
	text-align: center;
	margin: 10px;
	padding: 4px;
	border: 1px dotted #800000;
}

#help {
	text-align: center;
	color : #FF0000;
	padding: 4px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 10px;
}

.titleoutils {
	padding-bottom:4px;
	font-size: 12px;
	font-weight: bold;
}

div#blocoverflow {
	height : 150px;
	overflow : auto;
	padding : 8px;
	border: 1px dotted #646464;
	text-align : left;
	font-family: Courier New, Courier;
	font-size: 11px;
}

div.bulle {
	text-align: left;
	background-color: #970000;
	color: #000000;
	width: 300px;
	border: 1px solid #000000;
	padding: 4px;
}

.CompteurPages { padding: 10px; }
.CompteurPages a {color: #004080; }
.CompteurPages a:hover {color: #C0C0C0;}
.CompteurPages a:visited {color: #700101; font-style: italic; }
#ChatNewMsg { text-align: center; font-weight: bold; padding: 10px; margin-bottom: 15px; border: 1px solid #ADADAD; }
#champ_verif { font-size: 10px; padding-bottom: 10px; }
#confirm_deleteoldsms { padding-bottom: 10px;  }

div.accordionTabTitle a { 
	color: #FFFFFF;
}

div#RappelProduits {
	text-align: center;
	color: #C0C0C0;
	padding-top: 10px;
}

div#RappelProduits a {
	color: #C0C0C0;
}

div.produit {
	border: 1px solid #808080;
	padding: 4px;
	margin: 8px;
}

.red {
	color: #FF0000;
}

div#infomsg {
	padding: 5px;
	margin-left: 20px;
	font-style: italic;
	color: #0000B0;
}

table#serviceStatus {
	width: 400px;
}

table#serviceStatus thead {
	color:#000066;
	text-align:left;
	background:#EAEAEA;
}

table#serviceStatus th {
	padding: 5px;
}

table#serviceStatus td {
	width: 120px;
}

div.decall {
	padding: 5px;
}

table#paymentsTable tr.payment_in {
	background-color: #80FF80;
}

table#paymentsTable tr.payment_out {
	background-color: #FFA851;
}

input.paymentInput {
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: Courier New;
	font-size: 9px;
	border: 0px;
	color : #000000;
	background-color: transparent;
}

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