/*CSS style for Administrator - - - - */
/* Website for Pierre Clemençon */
.clear{clear:both;height:0px;}
.clearfix:after { display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}


html { height: 100%; }
body { color: #444; background: #fff; padding: 20px; font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; font-size:13px; text-align:center;}
a {color: #444; text-decoration: none; cursor: pointer; /* hand-shaped cursor */cursor: hand; /* IE 5.x */}
a:hover {color:#ccc; text-decoration: none;}
h1 { color:#000; font-size: 20px; font-weight:ligther; width: 200px;margin: 0;}
h2 {font-size:11px; color: #CCC; line-height:11px; font-weight: normal; text-align: right; margin: 10px 0; width: 200px;}
h3 {font-size:13px; line-height:21px; font-weight: bold; text-align: right; margin: 20px 0 10px 0; border-bottom: 1px dotted #ccc; width: 200px; color: #666;}
ul {list-style: none; position: relative;}
img {border:0;}
strong {color:#333333; font-weight: bold;}

table { font-size:12px;}

img{ border:0; }

#navigation { width: 200px; float: left; }
#navigation ul { margin: 0; padding: 20px 10px; list-style: none; }
#navigation a { display: block; height: 1%; padding: 6px 6px 6px 10px; line-height: 1.5; font-size: .9em; text-decoration: none; }
#container { width: 950px; height: 600px; margin: 20px auto; border: 1px solid #ccc; padding: 10px;}
#global { margin: 0 auto; width: 900px;}

/* - - - - - - left column */
#left {width: 200px; height:auto; float: left; position:relative; text-align: right; margin: 0;}
#left ul {color: #333344; text-align: right; line-height: 21px; margin: 0; padding:0; width: 200px;}
#left li { display: block; border-bottom: 1px dotted #CCC; margin: 8px 0 0 0; padding-bottom: 8px;}

#entete{}

#contenu { margin: 0; padding: 0;}


a:link, a:visited {color:#000000;}

a:hover { color:#AAAAAA;}

.datalist{ border:1px solid #ccc; float: right; width: auto; }

.datalist td{ padding:10px; margin:0;}
.dataplace
{
  width: 100%;
}
.dataplace td{ padding:10px; margin:0;}
.dataform { width:500px; border:1px solid #ccc; float: right; margin-bottom: 20px;}

.deleteform { width:400px; border:0; }
.dataheader { background-color:#ccc; color:#FFFFFF; }
.italic{font-style:italic; }
.center{ text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.submit{width:100px;}

/* - - - - - - left column */
#login {width: 200px; height:100%; position:relative; text-align: right; margin: 0 auto;}
#login ul {color: #333344; text-align: right; line-height: 21px; margin: 0; padding:0; width: 200px;}
#login li { display: block; border-bottom: 1px dotted #CCC; margin: 10px 0 15px 0;}

/* -------email*/
#login fieldset { width: 218px; margin-top: 10px; border: 0; }
#login input.text { width: 218px; color: #ccc; border: 1px solid #B6B7B9; background-color: #E8E8E8; margin: 12px 0 12px 0;} 
#login label{width: 218px; font-size: 11px; margin: 12px 0 12px 0;  line-height: 32px;}
#login textarea{ width: 218px; margin-top:6px; border: 1px solid #B6B7B9; background-color: #E8E8E8;}
#login input.sendit {margin-top: 20px;}
#contentLeft {
	float: left;
	width: 700px;
}

#contentLeft li {
	list-style: none;

	text-align:center;
	background-color:#00CCCC;
	border: #CCCCCC solid 1px;
	color:#fff;
}