/**
feuille de style pour les pages du site "public"
page d'accueil, administration des abonnes

*/

/* ====== structure de page =========== */
html,body, form{margin:0;padding:0}
body{
	font-size : 12px;
	font-family : Verdana, Arial, sans-serif;
	color: #000000;
	background: #EAEDF0 url("../images/bgmain.png") repeat-x top;
	text-align:center;
}


div#container{
	margin:0 auto;
	width:720px;
	text-align:left;
	background: #FFF url("../images/col.jpg") repeat-y right;
  }
  
div#header{height:120px;background: #FFF url("../images/header.png") no-repeat top right}

div#content{
	margin-right:230px;
	padding:0px 5px 0px 5px;
	
}
div#sidebar{float:right;width:229px}

div#footer{
clear: right;
height:45px;
background:#ffffff  url("../images/bgbottom.png") repeat-x bottom;
color:#cccccc;
/* border:1px solid red; */
}
div#footer p{padding: 8px 0 5px 2px;margin:0;font-size:x-small;}

/* ========== balises html ================= */

/* titre page */
h1{	
	font-size: 200%;
	margin:0 0 12px 0;
	padding:0 0 0 10px;
	color: #de1681;
}

/* sous-titres page */
h2 {
	font-size: 21px;
	color:#de1681;
	font-family:Arial, Helvetica, sans-serif;
}
h3 {
	font-size : 13px;
   	font-family : Verdana, Arial, sans-serif;
   	color : #de1681;
}

p{	margin:10px;
	line-height:1.4;
	font-family: Verdana, Arial, sans-serif;
	color:#666666;
}
td {
	
	font-family : Verdana, Arial, sans-serif;
	color : #666666;
}

a, a:visited{
	color: #de1681;
	text-decoration: underline;
	font-weight:bold;
}
a:hover		{
	color: #CCCCCC;
}

/*===  boxes === */
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	border: 1px solid #aaaaaa;
	padding:5px;
}
.boxes {
	border: 1px solid #CCCCCC;
}
.boxheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	text-indent: 5px;
	line-height: 20px;
	margin-top:0;
}
.boxintro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	border: 1px solid #aaaaaa;
	margin-bottom:12px;
}

.graybutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: eeeeee;
	border: 1px solid aaaaaa;
	clip:  rect(1px 1px 1px 1px);
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

.title {
   width : 137px;
   left : 15px;
   position : absolute;
   z-index: 10;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.adminheader {
	color : #ff6600;
	font-size : 24px;
	font-weight: normal;
}
.orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #de1681;
	text-decoration: none;
}
/* menu colonne droite*/

#navlist{
padding-left: 0;
margin-left: 10px;
border-bottom: 1px solid gray;
width: 125px;
}

#navlist li{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#navlist li a { text-decoration: none; }

/* autres menus */
a.menulink:link, a.menulink:visited {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #de1681;
	background-image:url(../img_emails/button.gif);
	height: 23px;
	line-height: 23px;
	width:90%;
	padding-left:12px;
	margin-bottom:2px;
	border:1px solid #cccccc;
}

a.menulink:hover {
	background-image: url(../img_emails/button_over.gif);
}

img.greentab {
	margin-bottom:4px;
}

/* ======== formulaires ============= */
form {
	margin: 0px;
}

form,button, select, input, label {
	font-size: 11px; color: #000000;font-family:  verdana,geneva;
}


.combolist {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none;
}



.tetxetextarea {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 9px; BACKGROUND: 0px 50%; OVERFLOW: hidden; BORDER-LEFT: 0px; WIDTH: 360px; COLOR: #9c9c9c; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial; HEIGHT: 17px
}

#formblock {
width:468px;
margin:0;
}
#formblock div.sub {

padding: 2px 0 4px 0;
border-bottom:1px solid #888888;
}
#formblock div.fset {
border-left:4px solid #cccccc;
padding:5px;
background-color:#ecf0f3;
width:100%;
}
#formblock div.h3 {
border-bottom:1px solid #888888;
padding: 2px 0 2px 0;
}

#formblock fieldset {
	margin-bottom:15px;
	width:99%
}

#formblock label {
	display:block;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:2px;
}

#formblock label.inline {
	display:inline;
	margin:0;
}

#formblock .tip {
	margin:0;
	font-size:10px; 
	color: #cccccc;
	font-weight:normal;
}
#formblock .error {
	margin:0;
	font-size:10px; 
	font-weight:bold;
	color: #ffffff;
	background-color:#CC3300;
}