body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#666;
	background-color: #FFF;
}
img { border:0px; }
form{ margin:0px;padding:0px;border:0px; }

h1 {
	color:#ce0002;
	font-size:14px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h2 {color:#7e99b7; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0px;}
a { color:#ce0002; font-weight: bold;  text-decoration:none; }
a:hover { text-decoration:underline; }

table { line-height:normal; text-align:justify; }

#container {
	width:708px;
	margin: 0px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#top {
  background: url(../../images/default/top.png) no-repeat;
  width: 100%;
  height: 20px;
}

#header {
  width:100%;
  height: 93px;
  margin-top: 10px; 
}
#drapeau {  float:right; padding: 0px 5px 0px 0px; height: 27px; margin: 10px 0px 16px 0px;}
#drapeau ul {  margin: 0px; border: 0px none; padding: 0px; }
#drapeau li { margin: 0px; border: 0px none; padding: 0px; display: inline; list-style: none;}
#logo {
  padding: 0px 0px 0px 0px;
  float: left;
}
#ban {
  width: 100%;
  padding: 0px;
  height: 175px;
  background:url(../../images/default/ban.png) no-repeat;
}

#contenu, #contenu-home {
	margin:0px;
    padding: 0px;
	width:100%;
}
#contenu {
  background:url(../../images/default/contenu.png) repeat-y;
}
#contenu-top {
  margin:0px;
    padding: 0px;
	width:100%;
    height: 10px;
	background:url(../../images/default/contenu-top.png) no-repeat;
}
#contenu-bottom {
  margin:0px;
    padding: 0px;
	width:100%;
    height: 64px;
	background:url(../../images/default/new-bottom.png) no-repeat;
}
#contenu-home {
	background:url(../../images/default/contenu-home.png) repeat-y;
}

#contenu-top-home {
  margin:0px;
    padding: 0px;
	width:100%;
    height: 10px;
	background:url(../../images/default/contenu-top-home.png) no-repeat;
}

#contenu-bottom-home {
  margin:0px;
    padding: 0px;
	width:100%;
    height: 80px;
	background:url(../../images/default/contenu-bottom-home.png) no-repeat;
}
#contenu-txt {
  float: left;
  padding: 10px 30px 0px 30px;
  text-align: justify;
}

#contenu-txt-home {
  float: left;
  padding: 10px 20px 0px 20px;
  text-align: justify;
  width: 410px;
}

#footer {
	width:100%;
    padding: 0px 0px 0px 30px;
    height: 20px;
    font-size: 10px;
}

#footer a { color: #666; }


#twitter {
  float: left;
  width: 250px;
}
#twitter h1 a { color:#ce0002;
	font-size:14px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}
#twitter ul { list-style: none; padding: 10px 0px 0px 20px; margin: 0px; }
#twitter li { padding:5px 0px 5px 0px; margin: 0px; line-height: 22px; border-bottom:#ddd 1px dotted; }
#twitter a { color:#666; font-weight: normal; }

.type1 {
	width:100%;
    padding: 4px 0px;
    text-indent: 5px;
	margin:4px 0px 0px 0px;
	border:#999 1px solid;
	background:#DDD;
    color: #666;
    font-weight: bold;
}

.type2 {
	margin:4px 0px 0px 0px;
	border:#999 1px solid;
	background:#DDD;
    color: #666;
    text-indent: 5px;
    font-weight: bold;
}
.type3 {
	width:100%;
	margin:4px 0px 0px 0px;
	border:#999 1px solid;
	background:#DDD;
    color: #666;
     text-indent: 5px;
    font-weight: bold;
}
.btn {
  background:url(../../images/default/bouton.png) repeat-x;
  color:#FFF;
  font-size: 11px;
  font-weight: bold;
  border: #979797 1px solid;
  height: 25px;
}
label {
	/*display:block;
	margin:10px 0px 10px 0px;*/
    display: block;
    text-align: left;
    padding:0px;
	font-weight:bold;
}

fieldset {
  width:620px;
  color:#666;
}
legend {
  font-weight: bold;
  color:#666;
}

/*-------outils generique--------------------*/
.hr { clear:both;}
.error { color:#F00; font-weight:bold; padding:5px 0px;}
.change {
	background: url(../../images/default/change.png) no-repeat left;
	border:#DDD 1px solid;
	padding:3px 5px 3px 19px;
	white-space:nowrap;
}
.popinfo {background:#FFC; border:#CCC 1px solid; padding:10px; font-size:14px; font-weight:bold; margin:5px 0px; }

/* projet */
#tprojet {
  width: 100%;
  border:0px;
  padding: 0px;
  margin: 0px;
}
#tprojet td { padding: 5px;}

.hprojet {
  width:50%;
}

/* formulaire */
.button {
  display: inline-block;
  border: 1px solid #666;
  background: #CCC;
  color: #666;
  padding: 5px;
  margin: 5px;
}