/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}
#header {
	text-align:center;
}
#menu1 {
	text-align:center;
}
#footer {
	font-size:90%;
	text-align:center;
	margin:1em 0 0 0;
}
/*  ELEMENTS COMMUNS  */ 
acronym, abbr{
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #339900;
        cursor:help;
}
input:focus {
   color:#FF0000 !important;
   background-color: #969696;
}

.textNotice {
   color: #008000;
}
.textWarning {
   color: #FF6600;
}
.textError {
   color: #FF0000;
}
.textNote {
   color: #FF0000;
   font-size:100%;
   font-style:italic;
}
.inactif {
   color:#808080 !important;
   background-color:#CCCCCC;
   font-style:italic;
}

.bouton1 {
	margin:0.5em 0 0.8em 0;
}
		.bouton1 a {
			background-color:#CCCCCC;
			color:#FF0000;
			font-weight:bold;
			padding:2px 5px 2px 5px;
			border:1px solid #666666;
			text-decoration:none;
			margin:5em 0 5em 0;
		}
		.bouton1 a:hover {
			background-color:#FF0000;
			color:#FFFFFF;
		}

/* Titre content  */
#content .titre1 {
   font-size:120%;
   color:#FF0000;
   font-weight:bold;
   background-color:inherit;
   text-align:center;
}
fieldset {
   border:1px solid #808080;
}
legend {
   background-color:#FFFFFF;
   color:#808080;
   font-weight:bold;
   font-style:italic;
   padding:0 .5em 0 .5em;  
}

/*   PAGE identification  */
#identification {
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
		#identification #content {
			text-align:justify;
			width:75%;
			margin-left:auto;
			margin-right:auto;
		}
		#identification #login {
			width:100%;
			margin-left:auto;
			margin-right:auto;
		}


/*   PAGE CLIENT  */
#client {
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
		#client #fiche {
			width:80%;
			margin-left:auto;
			margin-right:auto;
		}
		#client #listeAnnonces  {
			height:10em;
			overflow:auto;
			border:1px solid darkblue;
		}
			#client #listeAnnonces table {
	            width:100%;
				border-collapse:collapse;
				margin:0;
			}
			#client #listeAnnonces table th {
				/*border-top:1px solid darkblue;*/
				border-right:1px solid darkblue;
				border-left:1px solid darkblue;
				border-bottom:1px solid darkblue;
				background-color:#999999;
				color:#000000;
				font-weight:bold;
			}
			#client #listeAnnonces td {
				/*border-top:1px solid darkblue;*/
				border-right:1px solid darkblue;
				border-left:1px solid darkblue;
				border-bottom:1px solid darkblue;
			}
/*   PAGE INSCRIPTION  */
#inscription {
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
		#inscription #content {
			text-align:justify;
			width:75%;
			margin-left:auto;
			margin-right:auto;
		}
		#inscription #signup {
			width:90%;
			margin-left:auto;
			margin-right:auto;
		}
		#inscription .bouton1 {
			text-align:center;
		}
/*   PAGE ANNONCE  */
#annonce {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
		#annonce #content {
			text-align:justify;
			width:100%;
			margin-left:auto;
			margin-right:auto;
		}
		#annonce .bouton1 {
			text-align:center;
		}
		#annonce #semainier label, #annonce #lignes label{
            float: left;
            width: 30%;
            text-align: left;
            margin: 0 .5em 0.1em .5em;
            padding:0;
            line-height: 1.7em;
       }

		#annonce #lignes {
      }
		    #annonce #lignes fieldset {
		         padding:0 5px 0 5px;  
		         margin:0 1px 0 1px;  
          }
		    #annonce #lignes label{
               float: left;
               width: 20%;
               text-align: left;
               margin: 0 2px 0.1em 2px;
               padding: 0;
               line-height: 1.7em;
         }
    	   #annonce #lignes select {
            font-size:120%;
         }
         #annonce #lignes input {
            font-size:120%;
            font-family:"Courier New", Courier, mono;
         }
		
		#annonce #divers {
      }
		    #annonce #divers fieldset {
		         padding:0 5px 0 5px;  
		         margin:0 1px 0 1px;  
          }
		    #annonce #divers label{
               float:left;
               width:50%;
               text-align: left;
               margin:0 .5em 0.1em .5em;
               padding:0;
               line-height:1.7em;
          }
       
		#annonce #confirm {
			text-align:justify;
			width:50%;
			margin-left:auto;
			margin-right:auto;
		}
	   
#payant{

}
      #payant h4{
         margin:0;
         padding:0 0 0 22%;
         font-size:100%;
         font-weight:normal;
         color:#FF0000;
         background-color:inherit;
      }
      
/******  DDD Rubriques  ******/
.dddRub optgroup {
   font-weight:bold;
   color:#000080;
}      
      .dddRub option {
         font-weight:normal;
        /* color:#000066;
        color:inherit;*/
      }      
      .dddRub option.payant {
         color:#FF0000 !important;
      }      
   

		
/*****  Calendrier   *****/
#calendrier {
   width:100%;
    font-size:80%;
   border-collapse:collapse;
}
      #calendrier td {
         width:15%;
         border:1px solid #333399;
         text-align:center;
      }
      #calendrier td.an1Prev {
         background-color:#FFCC99;
         color:#FF0000;
      }
      #calendrier td.an1Next {
         background-color:#FFCC99;
         color:#333399;
      }
      #calendrier td.an1NextVerrou {
         background-color:#FFCC99;
         color:#FF0000;
      }
      #calendrier td.an2Prev {
         background-color:#D4D4FF;
         color:#FF0000;
      }
      #calendrier td.an2Next {
         background-color:#D4D4FF; 
         color:#333399;
      }
      #calendrier td.an2NextVerrou {
         background-color:#D4D4FF; 
         color:#FF0000;
      }
      #calendrier td.totaux {
         text-align:left;
         font-size:120%;
       /*  background-color:#D4D4FF; 
         color:#333399;*/
      }
      #calendrier .totaux label {
         float: left;
         width: 20%;
         line-height:12px;
      }
      #calendrier .totaux input {
         font-size:100%;
         text-align:right;
         margin:1px;
         padding:0;
      }


/*  TABLES   */
td{				
	padding:1px;
	margin:0;
}

/*  FORMULAIRES   */
input, select, textarea {
	margin:0;
	padding:0;
	font-size:85%;
}
/*  Alignements   */
.clearCenter {
    clear: both;
    text-align: center;
}
.clearLeft {
    clear: both;
    text-align: left;
}
.clearRight {
    clear: both;
    text-align: right;
}

/*  COLONNES  */      
.col100 ,.col80 ,.col70 ,.col60 ,.col50 ,.col40 ,.col30 ,.col25 ,.col20  {
   float: left;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}  
.col100 {
   width: 100%;
}
.col80 {
   width: 80%;
}
.col70 {
   width: 70%;
}
.col60 {
   width: 60%;
}
.col50 {
   width: 50%;
}
.col40 {
   width: 40%;
}
.col30 {
   width: 33%;
}
.col25 {
   width: 25%;
}
.col20 {
   width: 20%;
}
/**********************************************************
*  Bouton envoi par defaut
**********************************************************/
.envoi{
    text-align:center;
    clear:both;
    margin:0.5em 0 0.5em 0;
}
      .envoi input {
            font-size:1.1em !important;
            font-weight:bold;
            color:#FFFFFF !important;
            background-color:#FF0000 !important;
            border-style:outset;
            border-width:1px;
            border-color:#008000 !important;
      }
      .envoi a {
            font-size:1.1em;
            font-weight:bold;
            color:#FFFFFF;
            background-color:#8080FF;
            border-style:outset;
            border-width:1px;
            border-color:#8080FF;
            padding:1px 10px 1px 10px;
            text-decoration:none;
      }
      .envoi a img {
            border:none;
      }