@charset "utf-8";

body {
    font-family: Verdana;
    color:#8e8e8e;
    font-size: 11px;
    padding:0;
    width:700px; /* This tells you how wide the body is going to be if you make it different from the other 700px below, it will not be in the center anymore */
    margin:0 auto;
    margin-top:10px; 
}

        
fieldset
{
 
  max-width:700px;
  padding:16px;	
  
}
legend
{
  margin-bottom:0px;
  margin-left:16px;
  position:relative;
  text-align:center;
    color:#8e8e8e;
  /*left:50%;*/
	
}
#footer {
    width:700px; /* This is width of the footer */
    height:100px; /* This is height of the footer */
    /*background-color:#80930F; /* This is background colour of the footer */
    margin-top:10px; /* This is how far the footer is from the main content */
    text-align:center;
    font-size:9px;
   /* position: absolute; */
   /* bottom: 0;*/
    color:#000000;
    background-image:url(../images/footer.png);
}
#header {
    width:700px; /* This is the top block's width */
    height:150px; /* This is top block's height */
    /*background-color:#80930F; /* This is the colour of the top block */
}

#content {
    
    width:700px; /* This is the main blocks width */
    /*  background-color:#80930F; /* This is the main blocks back ground colour */
    margin-top:10px; /* This is how far the main block is from the header block, 0px will make it touch the header block, you will need to change the colour of one of the blocks so that you can see the two blocks */
    min-height:300px; /* for modern browsers */
    height:auto !important; /* for modern browsers */
    /*height:500px; /* for IE5.x and IE6 */
}

.background tr.trButton td {
    border:none;
}
.copyright {
	padding-top: 60px;
	font-style:italic;
	font-size:10px;
	color:#999999;
	text-align:right;
       
}
.copyright a {
	color:#999999;
}

h1 {
    text-align:center;
    font-size:12px;
    font-weight:bold;
    line-height:14px;
    margin:0;
    padding:0;
}

h2 {
    font-size:12px;
    font-weight:none;
    margin:0;
    padding:0;
    line-height:12px;
    display:inline;
}

h1 input {
    width:150px;
}

#header a img {
    border:none;width:700px;

}

form {
    width:700px;
    margin:0 auto 0 auto;
    /*border:solid #CCCCCC;
	border-width:1px 0 1px 0;*/
}

input {
    width:200px;
}

select {
    width:204px;
}

/* Balises d'identifiant */
#center {
    width:700px;
    margin:0 auto 0 auto;
}
.background {
    width:500px;
    margin:0 auto 0 auto;
    border-collapse:collapse;
}
.background td {
    border:solid #CCCCCC;
    border-width:0 0 1px 0;
}
.background tr.hidden td {
    border:none;
    height:0px;
}

.background tr.noBorder td {
    border:none;
    
}
/*----------------------------------*/

#backgroundAuthentification {
    width:350px;
    margin:0 auto 0 auto;
    border-collapse:collapse;
}

.backgroundOption{
   width:500px;
    margin:0 auto 0 auto;
    border-collapse:collapse; 
}
.messageOption{
     color: #000; font-weight: bold; font-size: 10px;
    text-align: left;
}
.messageCheckbox{
     color:#8e8e8e;  font-size: 10px;
    text-align: left;
}
/* Balises de class */
.wrapper {
    width:1000px;
    margin:0 auto 0 auto;
}

.content {
    margin:10px 0 0 0;
}

.red {
    color:#ff0000;
    font-weight:bold;
}

.green {
    color:#005500;
    font-weight:bold;
}

.center {
    text-align:center;
}

.leftTd {
    width:300px;
}

.rightTd {
    text-align:right;
}
.rightTdInterets {
    text-align:left;
    padding-left:50px;
}
.rightTd input {
    text-align:left;
}

/******************/

/*.rightTdCheckBox {
    text-align:left;
    width: 400px;
    
}

.rightTdCheckBox input {
    width: 15px;
    
  
}

.rightTdCheckBox p{
    height: 70px; 
    overflow: auto;
    border: 1px solid #777777;
    background: #eee; color: #000;
    margin-bottom: 1.5em;
    font-size: 9px;
  
}*/

/******************/

.short_td {
  text-align:right;
    
    
}
.short_td input {
   
    width: 100px;
}
.short_td select{
    width: 105px;
}
/*---------------------------*/

.logo {
    width:200px;
    height:200px;
    float:left;
    margin:10px;
}
.radio {
    width:10px;
}
.checkBox {
    width:20px;
}
.borderBottom {
    border:solid #CCCCCC;
    border-width:0 0 1px 0;
}

.left {
    text-align:left;
}

.modifCenter{
    width:400px;
    margin:0 auto 0 auto;
}
.decale-gauche {
    padding-left:125px;
}
.submitting {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:3px 13px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
        margin-top: 20px;
}.submitting:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.submitting:active {
	position:relative;
	top:1px;
}

.error  {
    color: #f00; font-weight: bold; font-size: 1.2em;
    text-align: center;
}
.success  {
    color: #006400; font-weight: bold; font-size: 1.2em;
    text-align: center;
}
.message  {
    color: #000; font-weight: bold; font-size: 10px;
    text-align: center;
}